/* Still composition; native scroll controls only film time and text opacity. */
.cinema-chapter,.hero-chapter{position:relative;background:#172a32}
.js:not(.motion-off) .cinema-chapter{height:180svh;min-height:1260px}
.js:not(.motion-off) .hero-chapter{height:170svh;min-height:1190px}
.js:not(.motion-off) .cinema-chapter>.cinema-scene,.js:not(.motion-off) .hero-chapter>.hero{position:sticky;top:0;height:100svh;min-height:700px;max-height:none}
.scene-media img,.cinema-scene .chapter-video,.hero-art img,.hero-film,.scene-copy,.hero-content,.hero .hero-content,.js .reveal{transform:none!important;transition:none!important;animation:none!important}
.js .reveal{opacity:1!important}
.hero-content{opacity:1!important}
.js:not(.motion-off) .scene-copy h3{opacity:var(--title-opacity,1)}
.js:not(.motion-off) .scene-copy p{opacity:var(--paragraph-opacity,1)}
.scene-copy:focus-within h3,.scene-copy:focus-within p{opacity:1!important}
.scene-top:after,.cinema-chapter:after{display:none!important}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.hero-film[hidden]{display:none!important}
.motion-control{min-height:44px;touch-action:manipulation}
.motion-off .cinema-chapter,.motion-off .hero-chapter{height:auto;min-height:0}
.motion-off .cinema-chapter>.cinema-scene,.motion-off .hero-chapter>.hero{position:relative}
@media(max-width:760px){.js:not(.motion-off) .cinema-chapter{height:165svh;min-height:1040px}.js:not(.motion-off) .hero-chapter{height:170svh;min-height:1071px}.js:not(.motion-off) .cinema-chapter>.cinema-scene,.js:not(.motion-off) .hero-chapter>.hero{min-height:630px;height:100svh}.scene-top{font-size:10px}.scene-bottom{font-size:10px}.scene-copy h3{font-size:clamp(38px,10vw,68px)}}
@media(max-height:630px),(min-width:761px) and (max-height:700px){.js:not(.motion-off) .cinema-chapter,.js:not(.motion-off) .hero-chapter{height:auto;min-height:0}.js:not(.motion-off) .cinema-chapter>.cinema-scene,.js:not(.motion-off) .hero-chapter>.hero{position:relative;height:auto;min-height:600px}.scene-copy h3,.scene-copy p{opacity:1!important}}
@media(prefers-reduced-motion:reduce){.js .cinema-chapter,.js .hero-chapter{height:auto!important;min-height:0!important}.js .cinema-chapter>.cinema-scene,.js .hero-chapter>.hero{position:relative!important}.scene-copy h3,.scene-copy p{opacity:1!important}}