.page-gallery{background:#033324}
.gallery-scene{height:783px;background:#033324}
.gallery-landscape{width:1440px;max-width:none;height:1080px;left:calc(50% - 720px);top:0;object-fit:fill}
.gallery-shade{background:linear-gradient(180deg,rgba(3,51,36,.12),rgba(3,51,36,.58) 25%,#033324e8 54%,#033324 91%)}
.gallery-intro{padding-top:151px}
.gallery-eyebrow{text-transform:uppercase;font-size:var(--type-eyebrow);line-height:17px}
.gallery-intro h1{text-transform:uppercase;font-size:var(--type-hero);line-height:var(--type-hero-leading);font-weight:400;margin-top:-5px}
.gallery-description{font-size:var(--type-intro);line-height:21px;margin:16px auto 0;max-width:760px;padding:0 24px}
.gallery-tabs{display:flex;width:246px;height:42px;border:1px solid #b9e32c;border-radius:24px;margin:45px auto 0;overflow:hidden}
.gallery-tabs button{font-size:12px;line-height:20px;flex:1;white-space:nowrap;padding:0 15px;border-radius:24px}
.gallery-tabs button[aria-selected="true"]{background:#fff;color:#033c2c;border:1px solid #b9e32c;margin:-1px;min-width:114px}
.gallery-tabs button:focus-visible,.gallery-controls button:focus-visible{outline-color:#c5e636;outline-offset:-4px}
.gallery-stage{position:absolute;top:396px;left:50%;margin:0 0 0 -720px;padding:0;width:1440px;height:325px;list-style:none}
.gallery-card{position:absolute;left:0;top:0;transform-origin:0 0;transform:var(--gallery-transform,none);border:1px solid #afd53d;border-bottom-color:#426828;overflow:hidden;border-radius:10px;background:#033324;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}
.gallery-stage:not(.is-sliding) .gallery-card:focus-visible{transform:var(--gallery-transform,translate(0)) translate(-6%,-6%) scale(1.12);z-index:10;outline:2px solid #c5e636;outline-offset:3px;box-shadow:0 16px 36px #0005}
@media(hover:hover){.gallery-stage:not(.is-sliding) .gallery-card:hover{transform:var(--gallery-transform,translate(0)) translate(-6%,-6%) scale(1.12);z-index:10;box-shadow:0 16px 36px #0005}}
.gallery-stage.is-sliding .gallery-card{transition:none}
.gallery-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.gallery-card>img[src$="dairy.webp"],.gallery-card>img[src$="temples.webp"]{transform:scaleX(-1)}
.gallery-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 42%,#03332433 58%,#033324ed 83%,#033324 100%)}
.gallery-caption{position:absolute;left:12px;right:10px;bottom:20px}
.gallery-number{display:block;font-size:14px;line-height:21px;color:#a1d234;margin-bottom:7px}
.gallery-caption h2{font-size:var(--type-card);line-height:var(--type-card-leading);font-weight:400;overflow-wrap:normal}
.gallery-card:nth-child(3) .gallery-caption,.gallery-card:nth-child(4) .gallery-caption,.gallery-card:nth-child(5) .gallery-caption{left:6px;right:6px}
.gallery-card:nth-child(1) .gallery-caption,.gallery-card:nth-child(7) .gallery-caption{left:25px}
.gallery-controls{position:absolute;top:697px;left:0;right:0;display:flex;gap:21px;justify-content:center}
.gallery-controls button{width:35px;height:35px;border:2px solid #fff;border-radius:50%;font-size:29px;line-height:25px;display:flex;align-items:center;justify-content:center}
.gallery-controls button:hover{background:#ffffff22}
.gallery-progress{position:absolute;top:760px;left:50%;transform:translateX(-50%);width:253px;height:2px;background:#a5bcb3}
.gallery-progress>span{display:block;width:30%;height:4px;margin-top:-1px;border-radius:5px;background:#fff;transition:transform .25s ease}
#video-panel{position:absolute;top:396px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 48px));height:300px;border:1px solid #64816d;display:grid;place-items:center;text-align:center;background:#033324db;font-size:14px;padding:24px}
#video-panel[hidden]{display:none}
.page-gallery .reference-footer{height:363px;background:#033324}
.page-gallery .reference-footer-bottom{padding-top:12px}
@media(min-width:1100px) and (max-width:1439px){.gallery-stage{scale:calc(100vw / 1440px);transform-origin:50% 0}}
@media(max-width:1099px){
 .gallery-scene{height:auto;min-height:760px;padding-bottom:64px}
 .gallery-intro{padding-top:85px}
 .gallery-description{font-size:var(--type-intro);line-height:24px;max-width:650px;margin-top:16px}
 .gallery-tabs{margin-top:30px}
 .gallery-stage{position:relative;top:auto;left:auto;margin:18px 0 0;padding:20px 24px;width:100%;height:auto;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .gallery-stage::-webkit-scrollbar{display:none}
 .gallery-card{position:relative;flex:0 0 230px;width:230px;height:315px;transform:none;scroll-snap-align:center}
 .gallery-card:nth-child(n) .gallery-caption{left:20px;right:20px}
 .gallery-caption h2{font-size:var(--type-card);line-height:var(--type-card-leading)}
 .gallery-controls{position:static;margin-top:24px}
 .gallery-controls button{width:42px;height:42px}
 .gallery-progress{position:relative;top:auto;left:auto;transform:none;margin:28px auto 0}
 #video-panel{position:relative;top:auto;left:auto;transform:none;margin:38px auto 0}
 .page-gallery .reference-footer{height:auto}
}