/* A bounded, native-scroll film. The static document remains the fallback. */
.cinema-intro{padding:100px 8vw 80px;background:#121e23}.cinema-intro h2{max-width:1050px;font-size:clamp(55px,7vw,105px);margin:0}.cinema-intro-paper{background:#e9e3d7;color:#142126}.cinema-intro-paper .refresh-eyebrow{color:#856531}
.cinema-story{--cinema-h:calc(100svh - 72px);position:relative;background:#101519;color:#f5f0e6;isolation:isolate}.cinema-scene{padding:70px 8vw;border-top:1px solid #b7a57430;scroll-margin-top:90px}.cinema-source{margin:0 0 35px;overflow:hidden;aspect-ratio:4/3}.cinema-source img{width:100%;height:100%;object-fit:cover;display:block}.cinema-copy h3{font:400 clamp(46px,5.5vw,86px)/.98 'Cormorant Garamond',serif;letter-spacing:-.035em;max-width:11ch}.cinema-copy>p:not(.cinema-number){font-size:17px;line-height:1.75;max-width:42ch;color:#e3e2db}.cinema-copy .cinema-number{color:#d2b77a;font:500 12px 'Hanken Grotesk',sans-serif;letter-spacing:.2em;margin-bottom:25px}
.cinema-stage{display:none}.cinema-story.cinema-ready .cinema-stage{display:block;position:sticky;top:72px;height:var(--cinema-h);min-height:500px;overflow:hidden;background:#111a1d}
.cinema-ready .cinema-track{margin-top:calc(-1 * var(--cinema-h));position:relative;z-index:-1;pointer-events:none}.cinema-ready .cinema-scene{height:90svh;min-height:0;padding:0;border:0}.cinema-ready .cinema-scene>*{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:normal;pointer-events:none}
.cinema-film,.cinema-frame{position:absolute;inset:0;overflow:hidden}.cinema-frame{opacity:var(--frame-opacity,1)}.cinema-frame>img{width:100%;height:100%;object-fit:cover;transform:translate3d(var(--camera-x,0%),var(--camera-y,0%),0) scale(var(--camera-scale,1.04));transform-origin:center;display:block;will-change:transform}
.cinema-product .cinema-film{left:25%}.cinema-product .cinema-film img{object-position:50% 50%}.cinema-product .cinema-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#101519 0%,#101519e6 18%,#10151988 37%,transparent 65%),linear-gradient(0deg,#101519db,transparent 24%)}
.cinema-bespoke .cinema-film{left:20%;background:#c5bfb3}.cinema-bespoke .cinema-film img{object-fit:cover}.cinema-bespoke .cinema-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#101519 0%,#101519f2 15%,#101519ad 34%,#10151915 60%),linear-gradient(0deg,#101519d9,transparent 25%)}
.cinema-captions{position:absolute;inset:0;pointer-events:none}.cinema-captions>.cinema-copy{position:absolute;left:7vw;top:50%;transform:translate3d(0,calc(-50% + var(--copy-y,0px)),0);opacity:var(--copy-opacity,0);max-width:42%;visibility:var(--copy-visibility,hidden)}.cinema-captions .cinema-copy h3{font-size:clamp(48px,min(6.5vw,8svh),94px);margin-bottom:25px}.cinema-captions .cinema-copy>p:not(.cinema-number){font-size:17px;line-height:1.7;max-width:36ch;color:#e0e2dd}
.cinema-controls{position:absolute;bottom:27px;left:7vw;right:7vw;display:flex;gap:25px;align-items:center;z-index:3}.cinema-controls a{position:relative;display:flex;align-items:center;gap:10px;color:#e5e4da;text-decoration:none;font-size:13px;letter-spacing:.015em;padding:14px 0;min-height:48px;border-bottom:1px solid #ffffff40;opacity:.65;flex:1}.cinema-controls a[aria-current=step]{opacity:1;border-color:#dfc086}.cinema-controls a:focus-visible,.cinema-skip:focus-visible{outline:2px solid #dfc086;outline-offset:5px}.cinema-controls a>span:first-child{font-family:'Cormorant Garamond',serif;font-size:21px;color:#dfc086}.cinema-controls .cinema-control-label{max-width:26ch}.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff20}.cinema-progress i{display:block;height:100%;width:100%;background:#c5a464;transform-origin:left;transform:scaleX(var(--cinema-progress,0))}
.cinema-skip{position:absolute;top:25px;right:30px;z-index:3;display:block;color:#eee9df;background:#10151999;border:1px solid #bda36b80;text-decoration:none;padding:9px 14px;font-size:12px}.cinema-hint{position:absolute;top:30px;left:7vw;color:#e4e0d7;font-size:10px;letter-spacing:.18em;text-transform:uppercase;z-index:3}.cinema-study{position:absolute;right:30px;bottom:100px;color:#ede7da;font-size:11px;background:#142126bd;padding:6px 10px;z-index:2}.cinema-release{display:flex;align-items:center;justify-content:center;gap:35px;padding:50px 8vw;background:#142126;flex-wrap:wrap}.cinema-release-paper{background:#e9e3d7;color:#142126;justify-content:space-between}.cinema-release-paper p{color:#526064;max-width:60ch;margin:0}
@media(min-width:1800px){.cinema-copy{max-width:630px!important}}
@media(max-width:800px){
 .cinema-intro{padding:70px 6vw 55px}.cinema-intro h2{font-size:51px}.cinema-scene{padding:50px 6vw}.cinema-source{aspect-ratio:4/3}.cinema-copy h3{font-size:48px}.cinema-copy>p:not(.cinema-number){font-size:16px}
 .cinema-story{--cinema-h:calc(100svh - 72px)}.cinema-product .cinema-film,.cinema-bespoke .cinema-film{left:0;bottom:28%}.cinema-product .cinema-film img{object-fit:cover}.cinema-product .cinema-vignette,.cinema-bespoke .cinema-vignette{background:linear-gradient(0deg,#101519 0%,#101519 25%,#101519e0 36%,#10151955 53%,transparent 70%)}
 .cinema-captions>.cinema-copy{left:6vw;right:6vw;top:auto;bottom:90px;max-width:none;transform:translate3d(0,var(--copy-y,0px),0)}.cinema-captions .cinema-copy h3{font-size:clamp(43px,7.5vw,62px);max-width:15ch;margin-bottom:16px}.cinema-captions .cinema-copy>p:not(.cinema-number){font-size:15px;line-height:1.6;max-width:42ch;margin:0}.cinema-captions .cinema-copy .cinema-number{font-size:10px;margin-bottom:14px}
 .cinema-controls{left:6vw;right:6vw;bottom:19px;gap:16px}.cinema-controls a{font-size:10px;min-height:44px;gap:7px;line-height:1.35}.cinema-controls .cinema-control-label{max-width:11ch}.cinema-controls a>span:first-child{font-size:17px}.cinema-skip{top:15px;right:6vw;padding:8px 11px;font-size:11px}.cinema-hint{top:28px;left:6vw;font-size:9px;letter-spacing:.12em;max-width:40%}.cinema-study{right:6vw;bottom:auto;top:70px;font-size:9px}.cinema-release{padding:35px 6vw;gap:20px;justify-content:flex-start}
}
@media(max-width:370px){.cinema-captions .cinema-copy h3{font-size:40px;max-width:15ch}.cinema-captions .cinema-copy>p:not(.cinema-number){font-size:14px;line-height:1.5}.cinema-controls .cinema-control-label{font-size:9px}.cinema-captions>.cinema-copy{bottom:85px}}
@media(prefers-reduced-motion:reduce){.cinema-story *{scroll-behavior:auto!important}.cinema-frame img{will-change:auto}}

/* Cover geometry is measured against the actual photo, so the same detail stays framed on portrait screens. */
.cinema-bespoke .cinema-frame img{position:absolute;left:50%;top:50%;max-width:none}
@media(min-width:801px){.cinema-film{mask-image:linear-gradient(90deg,transparent,black 25%)}}
@media(max-height:740px) and (min-width:801px){.cinema-captions .cinema-copy h3{font-size:clamp(42px,6.7svh,60px)}.cinema-captions .cinema-copy>p:not(.cinema-number){font-size:15px;line-height:1.55}}
@media(max-width:800px){.cinema-hint{top:17px;padding:7px 9px;background:#101519b3;color:#fff;max-width:42%;line-height:1.5}.cinema-controls{bottom:35px}.cinema-captions>.cinema-copy{bottom:108px}}
