/* Isolated film layout: no inherited entry animation or media playback dependency. */
html:has(.scroll-film-page){overflow-x:clip}body.scroll-film-page{overflow:visible}
.scroll-film{padding:0;margin-top:var(--nav-height);height:calc(100svh - var(--nav-height));position:relative;background:#0E3340}
.scroll-film.is-active{height:340svh}
.film-stage{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));min-height:240px;overflow:hidden;background:#0E3340}
.film-poster,.film-canvas,.film-veil{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.film-canvas{opacity:0}.film-rendered .film-canvas{opacity:1}
.film-veil{background:linear-gradient(180deg,transparent 35%,#0e3340c9 100%)}
.film-copy{position:absolute;left:max(24px,calc((100vw - 1116px)/2));right:24px;bottom:110px;color:white;opacity:1}
.film-copy .label{color:#EAF2F8}.film-copy h1{color:white;font-size:clamp(36px,5vw,66px);line-height:1.08;margin:16px 0}.film-copy p{font-size:18px;color:#EAF2F8}
.film-controls{position:absolute;bottom:36px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;font-size:14px}
.film-controls a{color:white;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.film-motion{background:#F7F4EE;color:#0E3340;padding:12px;border:0;border-radius:8px;cursor:pointer;font:inherit}.film-motion[hidden]{display:none}
.film-progress{position:absolute;bottom:0;height:3px;width:100%;background:#ffffff33}.film-progress span{display:block;width:100%;height:100%;background:#5AA0CE;transform:scaleX(var(--film-progress,0));transform-origin:left}
.home-intro{padding:64px 0;scroll-margin-top:var(--nav-height)}.home-intro>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.home-intro h2{font-size:32px;margin:16px 0}.home-intro p{max-width:58ch}.home-intro .landing-actions{flex-shrink:0}
@media(max-width:760px){.film-copy{bottom:140px}.film-controls{left:24px;right:24px;align-items:flex-start;flex-direction:column;gap:8px;bottom:20px}.film-instruction{max-width:30ch}.home-intro>.wrap{display:block}.home-intro{padding:40px 0}.scroll-film.is-active{height:300svh}}