.film-intro{position:fixed;inset:0;z-index:100;overflow:hidden;background:#030711;color:#f4fcff}
.film-intro[hidden],.film-intro-loading[hidden]{display:none!important}
.film-active main,.film-active .header,.film-active .mobile-nav{visibility:hidden}
.film-active .hero-art{background-image:none!important}
.film-intro video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#030711}
.film-intro::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#03071134,transparent 20%,transparent 78%,#030711a8)}
.film-intro-loading{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 44%,#0d2b49 0%,#07182d 31%,#030711 75%);transition:opacity .35s ease,visibility .35s ease}
.film-intro-loading.is-ready{opacity:0;visibility:hidden;pointer-events:none}
.film-loading-world{position:relative;width:clamp(130px,19vw,190px);height:clamp(130px,19vw,190px);display:grid;place-items:center}
.film-loading-orbit{position:absolute;inset:0;border:2px solid #5cdbf434;border-top-color:#80f4ff;border-right-color:#3db9e9;border-radius:50%;box-shadow:0 0 22px #2fa8e939,inset 0 0 16px #2fa8e922;animation:film-loading-spin 1.35s linear infinite}
.film-loading-orbit::after{content:"";position:absolute;top:7px;left:18px;width:7px;height:7px;border-radius:50%;background:#b8ffff;box-shadow:0 0 12px #7cfaff}
.film-loading-world img{position:relative;width:clamp(78px,11vw,106px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 15px #32bbff94);animation:film-dede-bob .38s ease-in-out infinite alternate}
.film-intro-loading p{margin:24px 0 0;font:500 clamp(13px,1.5vw,17px) var(--en),sans-serif;letter-spacing:.3em;color:#e7fcff}
.film-intro-controls{position:absolute;z-index:5;left:clamp(18px,3vw,48px);right:clamp(18px,3vw,48px);bottom:clamp(20px,3vw,42px);display:flex;justify-content:space-between;align-items:center;gap:20px}
.film-intro-controls button{min-height:44px;padding:9px 14px;border:1px solid #d2f6ff89;background:#03111ba8;backdrop-filter:blur(12px);color:#e9fcff;font:12px var(--sans),sans-serif;letter-spacing:.07em;cursor:pointer}
.film-intro-controls button:hover,.film-intro-controls button:focus-visible{background:#0b4156;border-color:#d2f6ff}
.film-replay{position:relative;z-index:3;white-space:nowrap;padding:7px 0;border:0;border-bottom:1px solid #66e6e877;background:none;color:#bdfaff;font-family:var(--en),var(--sans),sans-serif;font-size:11px;letter-spacing:.1em;cursor:pointer}
@keyframes film-loading-spin{to{transform:rotate(360deg)}}@keyframes film-dede-bob{from{translate:0 2px}to{translate:0 -6px}}
@media(max-width:760px){.film-intro video{object-position:50% center}.film-intro-controls{bottom:24px}.film-intro-controls button{font-size:11px}.hero-foot .film-replay{font-size:9px}}
@media(prefers-reduced-motion:reduce){.film-loading-world img,.film-loading-orbit{animation:none;opacity:1}}