:root{--forest:#10261f;--forest2:#18372f;--cream:#f0e9df;--paper:#f8f5ef;--copper:#b87954;--ink:#171915}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--forest);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,p{margin-top:0}em{font-weight:400;color:var(--copper)}
.gallery-header{height:88px;position:absolute;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.27em;font-family:Georgia,serif;font-size:12px}.case-mark{width:25px;height:35px;border:1.5px solid var(--cream);border-radius:5px;display:block;position:relative}.case-mark:before{content:"";position:absolute;width:9px;height:5px;border:1.5px solid var(--cream);border-bottom:0;left:6px;top:-6px}.case-mark i{position:absolute;width:7px;height:3px;background:var(--copper);left:8px;top:16px}.gallery-header>p{margin:0;text-align:center;font:italic 15px Georgia,serif}.gallery-header>p span{color:var(--copper)}.return{justify-self:end;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.return span{margin-left:18px}
.opening{min-height:100svh;position:relative;overflow:hidden;padding-top:88px;background:radial-gradient(circle at 72% 50%,#28483d 0,#122921 40%,#0a1a15 78%)}.opening:after{content:"";position:absolute;inset:88px 0 0;background:linear-gradient(90deg,rgba(9,23,18,.94) 0,rgba(9,23,18,.4) 38%,transparent 62%);pointer-events:none}.opening-copy{position:relative;z-index:5;width:48%;padding:17vh 0 120px 6vw}.eyebrow,.index{font-size:9px;text-transform:uppercase;letter-spacing:.25em;color:#d49a77}.opening h1,.reveal h2,.interlude h2,.finale h2{font:400 clamp(58px,7vw,112px)/.88 Georgia,'Times New Roman',serif;letter-spacing:-.055em}.opening h1{margin:28px 0 36px}.intro{max-width:510px;font:18px/1.6 Georgia,serif;color:rgba(240,233,223,.66)}
.stage{position:absolute;z-index:2;inset:88px -3vw 0 34%;perspective:1500px;overflow:hidden}.halo{position:absolute;width:60vw;height:60vw;left:18%;top:2%;border-radius:50%;background:radial-gradient(circle,rgba(208,169,136,.18),transparent 66%);animation:breathe 5s ease-in-out infinite}.case-closed,.case-open{position:absolute;inset:5% 0 0;transform-origin:58% 70%;will-change:transform,opacity,clip-path}.case-closed{animation:closedCycle 9s cubic-bezier(.68,0,.22,1) infinite}.case-open{clip-path:inset(0 100% 0 0);animation:openCycle 9s cubic-bezier(.68,0,.22,1) infinite}.stage img{object-fit:contain;filter:drop-shadow(0 42px 45px rgba(0,0,0,.4))}.stage.paused *{animation-play-state:paused!important}.motion-toggle{position:absolute;z-index:8;right:6vw;bottom:42px;border:1px solid rgba(255,255,255,.45);background:rgba(9,23,18,.45);color:white;padding:12px 16px;text-transform:uppercase;font:8px Arial,sans-serif;letter-spacing:.16em;cursor:pointer}.motion-toggle .pause{display:none}.stage.paused .play{display:none}.stage.paused .pause{display:inline}.scroll-note{position:absolute;z-index:7;left:6vw;bottom:36px;font-size:8px;text-transform:uppercase;letter-spacing:.2em}.scroll-note span{margin-left:18px;color:var(--copper)}
.reveal{min-height:900px;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.35fr .8fr}.reveal-image{min-height:900px;overflow:hidden;position:relative}.reveal-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(248,245,239,.15))}.reveal-image img{transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}.reveal-image:hover img{transform:scale(1.025)}.grand-image img{object-position:47% center}.reveal-copy{padding:130px 6vw;display:flex;flex-direction:column;justify-content:center}.reveal h2{font-size:clamp(62px,6.5vw,100px);margin:34px 0}.statement{font:italic 24px/1.4 Georgia,serif;color:var(--copper)}.reveal-copy>p:not(.index):not(.statement){font:17px/1.7 Georgia,serif;color:#625d55;max-width:480px}.reveal dl{margin:48px 0 0}.reveal dl div{display:grid;grid-template-columns:44px 1fr;border-top:1px solid #c9c0b4;padding:17px 0}.reveal dt{font:12px Georgia,serif;color:var(--copper)}.reveal dd{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.interlude{min-height:80svh;padding:12vh 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(120deg,#0a1b15,#1c3f34)}.interlude:after{content:"01";position:absolute;right:-2vw;bottom:-12vw;font:42vw/.7 Georgia,serif;color:rgba(255,255,255,.025)}.interlude>p{font:italic 18px/1.6 Georgia,serif;color:rgba(255,255,255,.55)}.interlude>p span{color:var(--copper)}.interlude h2{position:relative;z-index:2;font-size:clamp(72px,10vw,150px);margin:40px 0 0;max-width:1100px}
.detail-film{height:100svh;min-height:720px;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;gap:2px;background:#aa9d8e}.film-frame{overflow:hidden;position:relative}.film-frame img{transition:transform 1.2s ease}.film-frame:hover img{transform:scale(1.04)}.film-frame span{position:absolute;left:22px;bottom:20px;background:rgba(10,26,21,.78);padding:10px 13px;font-size:8px;text-transform:uppercase;letter-spacing:.2em}.frame-one{grid-row:1/3}.frame-one img{object-position:31% center;transform:scale(1.4)}.frame-one:hover img{transform:scale(1.44)}.frame-two img{object-position:75% 46%;transform:scale(1.5)}.frame-two:hover img{transform:scale(1.55)}.frame-three img{object-position:56% center;transform:scale(1.12)}.frame-three:hover img{transform:scale(1.16)}
.checkin-reveal{grid-template-columns:.8fr 1.35fr}.checkin-image img{object-position:55% center}.text-link{margin-top:40px;align-self:flex-start;border-bottom:1px solid;padding:13px 0;text-transform:uppercase;font-size:9px;letter-spacing:.16em}.text-link span{margin-left:28px}.finale{min-height:92svh;background:#e9e1d7;color:var(--ink);padding:14vh 6vw 5vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.finale h2{font-size:clamp(65px,8vw,124px);margin:32px 0}.finale>p:not(.eyebrow){font:18px/1.65 Georgia,serif;color:#5f5a53;max-width:700px}.finale>a{margin:35px 0 80px;background:var(--forest);color:white;padding:17px 21px;text-transform:uppercase;font-size:9px;letter-spacing:.16em}.finale>a span{margin-left:35px}.finale small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#857d74;line-height:1.6;max-width:800px}
@keyframes closedCycle{0%,18%{opacity:1;transform:translateX(0) rotateY(0) scale(1)}38%,72%{opacity:.08;transform:translateX(-4%) rotateY(-6deg) scale(.98)}88%,100%{opacity:1;transform:translateX(0) rotateY(0) scale(1)}}@keyframes openCycle{0%,18%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(5%) rotateY(7deg) scale(.96)}42%,72%{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0) rotateY(0) scale(1)}88%,100%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateX(-4%) rotateY(-5deg) scale(.97)}}@keyframes breathe{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.halo,.case-closed,.case-open{animation:none}.case-closed{opacity:0}.case-open{opacity:1;clip-path:none}.motion-toggle{display:none}}
@media(max-width:900px){.gallery-header{height:76px;padding:0 20px;grid-template-columns:1fr 1fr}.gallery-header>p{display:none}.brand span:last-child{display:none}.opening{padding-top:76px;min-height:920px}.opening:after{inset:76px 0 0;background:linear-gradient(180deg,rgba(9,23,18,.98) 0,rgba(9,23,18,.65) 48%,transparent 74%)}.opening-copy{width:auto;padding:80px 24px 0}.opening h1{font-size:62px}.intro{max-width:420px}.stage{inset:430px -34% 40px -22%}.motion-toggle{right:25%;bottom:0}.scroll-note{display:none}.reveal,.checkin-reveal{grid-template-columns:1fr}.reveal-image{min-height:520px}.reveal-copy{padding:85px 25px}.checkin-reveal .reveal-copy{order:2}.detail-film{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:500px 300px 300px}.frame-one{grid-row:auto}.frame-one img{transform:scale(1.35)}.interlude{min-height:680px;padding:90px 25px}.finale{padding:100px 24px 40px}}
@media(max-width:560px){.return{font-size:8px}.opening{min-height:820px}.opening h1{font-size:52px}.opening-copy{padding-top:65px}.intro{font-size:16px}.stage{inset:390px -48% 35px -36%}.motion-toggle{right:32%;bottom:5px}.reveal-image{min-height:360px}.reveal h2{font-size:60px}.interlude h2{font-size:64px}.detail-film{grid-template-rows:380px 250px 250px}.finale h2{font-size:58px}}