/* A real, self-hosted film opens the page. Native scrolling reveals the frames. */
.opening-film{height:235svh;--cards-arrival:1;--cards-rise:0px;--film-opacity:1;--film-controls-opacity:1}
.opening-film .opening-stage{isolation:isolate}
.opening-film-backdrop{position:absolute;inset:0;z-index:-1;opacity:var(--film-opacity);pointer-events:none;background:#080b10}
.opening-film-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.opening-film-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,15,.62),rgba(5,9,15,.1) 85%),linear-gradient(0deg,rgba(5,9,15,.75),transparent 35%,rgba(5,9,15,.15))}
.opening-film .opening-copy{top:25svh;text-shadow:0 2px 24px #0006}
.opening-film .opening-copy>*{animation:film-copy-arrive 1.2s .55s both}
.opening-film .opening-copy h1{animation-delay:.75s}
.opening-film .opening-copy .opening-intro{animation-delay:1s;color:#e1e5e9}
.opening-film .opening-copy .hero-watch,.opening-film .opening-copy .reel-links{animation-delay:1.15s}
.opening-film .opening-images{opacity:var(--cards-arrival);translate:0 var(--cards-rise)}
.opening-film-controls{position:absolute;z-index:8;right:4vw;top:125px;opacity:var(--film-controls-opacity)}
.film-pause{min-height:44px;border:1px solid #ffffff45;border-radius:24px;background:#06090f80;color:#e1e8ef;padding:10px 18px;font:11px var(--body);cursor:pointer;backdrop-filter:blur(8px)}
.film-pause:hover,.film-pause:focus-visible{background:var(--accent);color:#0b111a;border-color:var(--accent)}
.opening-start{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #a6c6df99;font-size:11px;letter-spacing:.04em;color:#edf5fb}
.opening-start:hover,.opening-start:focus-visible{border-color:var(--accent);color:var(--accent)}
@keyframes film-copy-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:799px){
 .opening-film{height:220svh}
 .opening-film .opening-stage{min-height:650px}
 .opening-film .opening-copy{top:25svh}
 .opening-film-backdrop video{object-position:58% center}
 .opening-film-backdrop::after{background:linear-gradient(90deg,#05090f75,#05090f20),linear-gradient(0deg,#05090fc9,transparent 55%,#05090f25)}
 .opening-film-controls{top:125px;right:6vw}
 .film-pause{font-size:10px;padding:8px 13px}
 .opening-start{font-size:10px;max-width:145px;text-align:right}
}
.motion-off .opening-film{height:auto;--cards-arrival:1;--cards-rise:0px;--film-opacity:.22}
.motion-off .opening-film .opening-copy>*{animation:none}
@media(prefers-reduced-motion:reduce){.opening-film{height:auto;--cards-arrival:1;--cards-rise:0px;--film-opacity:.22}.opening-film .opening-copy>*{animation:none}}