.gallery-page{background:#101510;color:#fff9e9;overflow:hidden}.gallery-page .header-slot{position:absolute;inset:0 0 auto;z-index:5}.gallery-page .site-header{background:transparent;position:relative;color:#fff9e9}.gallery-page .header-rule{background:#fff5}.gallery-page .scroll-progress-fill{width:100%;transform:scaleX(0);transform-origin:left}.gallery-page .scroll-progress-arrow{display:none}.gallery-stage{position:relative;height:100svh;min-height:580px;overflow:hidden;outline:none}.gallery-background,.gallery-transition{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0007,transparent 40%,#0003 65%,#000b);pointer-events:none;z-index:2}.gallery-caption{position:absolute;z-index:3;left:6%;bottom:5.5%;max-width:34%}.gallery-caption h1{font:clamp(30px,3.4vw,66px)/1.25 var(--font-display);margin:0 0 6px}.gallery-english{font:600 clamp(16px,1.6vw,30px)/1.4 Georgia,serif}.gallery-meta{font:clamp(14px,1.5vw,28px)/1.5 var(--font-serif);margin-top:25px}.gallery-reel{position:absolute;z-index:3;left:41.3%;right:0;bottom:3.6%}.gallery-thumbnails{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;padding-right:6vw;scroll-behavior:smooth}.gallery-thumbnails::-webkit-scrollbar{display:none}.gallery-thumb{flex:0 0 clamp(180px,17.4vw,334px);aspect-ratio:16/9;border:2px solid #fff9e9;padding:0;background:#222;cursor:pointer;overflow:hidden;opacity:.72;transition:opacity .35s}.gallery-thumb[aria-current=true],.gallery-thumb:hover{opacity:1}.gallery-thumb:focus-visible{outline:3px solid #7ec7db;outline-offset:-6px}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-controls{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:0 5vw 16px 0}.gallery-controls button{background:#0003;color:inherit;border:1px solid #fff6;padding:5px 12px;cursor:pointer;font:14px var(--font-sans)}.gallery-count{font:12px Georgia;letter-spacing:.15em;margin-right:auto}.gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.gallery-transition{z-index:1}.gallery-page .main-nav a[aria-current=page]{opacity:1}
@media(max-width:760px){.gallery-stage{min-height:560px}.gallery-caption{left:6%;right:6%;max-width:none;bottom:245px}.gallery-caption h1{font-size:34px}.gallery-meta{margin-top:14px;font-size:16px}.gallery-reel{left:6%;bottom:80px}.gallery-thumb{flex-basis:160px}.gallery-thumbnails{gap:12px}.gallery-controls{padding-bottom:12px}.gallery-background{object-position:53% center}.gallery-page .site-header{padding-top:20px}.gallery-page .header-rule{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.gallery-thumbnails{scroll-behavior:auto}.gallery-thumb{transition:none}}

/* The queue moves as a group while its leading photograph expands. */
.gallery-thumbnails{scroll-behavior:auto;overflow:clip}.gallery-thumb{opacity:1}.gallery-transition{inset:auto;object-fit:cover;pointer-events:none}

.gallery-thumb:disabled{cursor:default;opacity:1}

.gallery-page .main-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 1px; }
/* Scroll-driven reveal: pinned video beneath the outgoing gallery. */
.gallery-page{overflow-x:hidden;overflow-y:auto}.gallery-scroll-scene{height:240svh;position:relative}.gallery-scroll-pin{position:sticky;top:0;height:100svh;overflow:hidden}.gallery-stage{z-index:2;transform:translate3d(0,var(--gallery-exit,0px),0);will-change:transform}.gallery-film{position:absolute;inset:0;background:#14201f;color:#fff9e9;overflow:hidden}.gallery-film-video{position:absolute;width:100%;height:120%;top:-10%;left:0;object-fit:cover;transform:translate3d(0,0,0);will-change:transform}.gallery-film-shade{position:absolute;inset:0;background:linear-gradient(#0002,#0003)}.gallery-film-copy{position:absolute;left:6%;right:6%;top:42%;text-align:center;opacity:var(--film-text,0);transform:translateY(var(--film-text-y,40px));color:#fff9e9}.gallery-film-copy span{font:12px var(--font-sans);letter-spacing:.3em}.gallery-film-copy h2{font:clamp(36px,5.2vw,90px)/1.3 var(--font-serif);margin:22px 0}.gallery-film-copy p{font:italic clamp(20px,2.4vw,38px)/1.4 Georgia,serif}.gallery-film-toggle{position:absolute;bottom:32px;right:6%;background:#0003;border:1px solid #fff8;color:inherit;padding:10px 16px;cursor:pointer}.gallery-page .header-slot{position:fixed;inset:0 0 auto;z-index:50;transform:none;background:transparent;transition:background .25s}.gallery-page .header-slot.gallery-header-scrolled{background:#183c478f}.gallery-film-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){.gallery-scroll-scene{height:220svh}.gallery-stage{min-height:0;height:100svh}.gallery-film-copy{top:37%}.gallery-film-copy h2{font-size:36px}.gallery-film-toggle{bottom:90px}}
@media(prefers-reduced-motion:reduce){.gallery-scroll-scene{height:auto}.gallery-scroll-pin{position:relative;height:auto;display:flex;flex-direction:column}.gallery-stage{order:0;transform:none}.gallery-film{order:1;position:relative;height:100svh}.gallery-film-video{height:100%;top:0;transform:none}.gallery-film-copy{opacity:1;transform:none}}

.gallery-carousel-progress{width:100%;height:3px;margin-top:12px;background:#fff9e94d;overflow:hidden}.gallery-carousel-progress i{display:block;width:100%;height:100%;background:#fff9e9;transform:scaleX(0);transform-origin:left;will-change:transform}.gallery-caption{width:34%}@media(max-width:760px){.gallery-caption{width:auto}}
/* A cream editorial chapter, followed by a horizontal visual journal. */
.gallery-journal{position:relative;background:#fff9e9;color:#35575a;height:600svh}.journal-pin{position:sticky;top:0;height:100svh;overflow:hidden;padding-top:clamp(150px,19vh,200px)}.journal-track{display:flex;align-items:flex-start;gap:clamp(36px,5vw,96px);padding:0 6vw;width:max-content;will-change:transform}.journal-intro{width:28vw;max-width:500px;flex:none;padding-top:14px}.journal-eyebrow,.journal-card-label,.journal-footer{font:12px var(--font-sans);letter-spacing:.12em;color:#7e8977}.journal-intro h2{font:clamp(44px,5.2vw,96px)/1.16 var(--font-serif);margin:25px 0 30px}.journal-intro p{font:clamp(15px,1.15vw,20px)/1.9 var(--font-sans);margin:0 0 20px}.journal-intro a{display:inline-block;color:#35575a;border-bottom:1px solid #35575a66;padding-bottom:7px;font:15px var(--font-serif)}.journal-card{width:clamp(320px,38vw,730px);flex:none}.journal-card-label{display:flex;justify-content:space-between;margin-bottom:14px}.journal-media{position:relative;aspect-ratio:1.4;max-height:47svh;background:#e1e0ce;overflow:hidden}.journal-media img,.journal-media video{width:100%;height:100%;object-fit:cover;display:block}.journal-card h3{font:clamp(26px,2.6vw,48px)/1.3 var(--font-serif);margin:18px 0 10px}.journal-card p{font:clamp(14px,1.05vw,18px)/1.8 var(--font-sans);max-width:32em;color:#66756c}.journal-footer{position:absolute;bottom:24px;left:6vw;right:6vw;display:flex;justify-content:space-between}.journal-video-toggle{position:absolute;bottom:14px;right:14px;background:#183c47d9;color:#fff9e9;border:1px solid #fff8;padding:9px 15px;cursor:pointer;font:12px var(--font-sans)}.journal-intro,.journal-card{will-change:transform,opacity}
@media(max-width:760px){.journal-pin{padding-top:110px}.journal-intro{width:80vw;padding-top:10px}.journal-intro h2{font-size:52px;margin:22px 0}.journal-intro p{font-size:16px}.journal-card{width:80vw}.journal-track{gap:9vw}.journal-media{aspect-ratio:1.1;max-height:42svh}.journal-card h3{font-size:30px}.journal-footer{bottom:86px;font-size:10px}}
@media(max-height:700px) and (min-width:761px){.journal-pin{padding-top:120px}.journal-intro h2{font-size:48px;margin:14px 0}.journal-intro p{font-size:14px;margin-bottom:10px}.journal-media{max-height:38svh}.journal-card h3{font-size:28px;margin:10px 0}}
@media(prefers-reduced-motion:reduce){.gallery-journal{height:auto!important}.journal-pin{position:relative;height:auto;padding-bottom:130px}.journal-track{width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));transform:none!important}.journal-intro{grid-column:1/-1}.journal-intro,.journal-card{width:auto;max-width:none;opacity:1!important;transform:none!important;will-change:auto}.journal-media{max-height:none}.journal-footer{position:relative;left:auto;right:auto;bottom:auto;margin:40px 6vw 0}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.journal-track{grid-template-columns:1fr}}

/* The next chapter covers a stationary video, rather than pushing it away. */
.gallery-film{position:fixed;inset:0;z-index:0;height:100svh}
.gallery-film-video{height:100%;top:0;transform:none;will-change:auto}
.gallery-scroll-scene{z-index:1;pointer-events:none}
.gallery-stage{pointer-events:auto}
.gallery-journal{z-index:3}
@media(prefers-reduced-motion:reduce){.gallery-scroll-scene{height:200svh}.gallery-scroll-pin{display:block;height:100svh}.gallery-film{position:fixed;height:100svh}.gallery-film-copy{opacity:1;transform:none}}

/* Limit repainting to each media card; avoid keeping six large card layers alive. */
.journal-intro,.journal-card{will-change:auto}.journal-media{contain:paint}.gallery-film{contain:paint}

/* An upward wipe reveals the stationary film without translating the hero. */
.gallery-stage{transform:none;clip-path:inset(0);will-change:clip-path}
.gallery-background{transform-origin:50% 50%;will-change:transform}
@media(prefers-reduced-motion:reduce){.gallery-stage{clip-path:none;will-change:auto}.gallery-background{will-change:auto}}