.cinema-intro{position:absolute;inset:0;z-index:48;overflow:hidden;background:#050508;display:grid;place-items:center;color:#f7f7fa}
.intro-wordmark{width:min(680px,76vw);font-size:0;z-index:1;animation:ident-reveal 3.2s cubic-bezier(.16,.8,.2,1) both}
.intro-wordmark img{display:block;width:100%;height:auto}
.intro-aperture{position:absolute;width:120vw;height:2px;left:-10vw;top:50%;background:#fa2065;box-shadow:0 0 36px #fa206555;animation:aperture 3.2s ease both}
.intro-line{position:absolute;left:35%;right:35%;height:1px;top:63%;background:linear-gradient(90deg,transparent,#fa2065,transparent);animation:line-reveal 3.2s ease both}
.intro-actions{position:absolute;bottom:36px;right:35px;display:flex;gap:12px}
.intro-actions button{border:1px solid #373740;background:#111117;color:#f7f7fa;border-radius:8px;font:500 13px system-ui;padding:12px 18px;cursor:pointer}
@keyframes ident-reveal{0%{opacity:0;transform:scale(.8);filter:blur(8px)}25%,75%{opacity:1;filter:blur(0)}90%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(1.12)}}
@keyframes aperture{0%{transform:scaleX(0);opacity:0}15%{transform:scaleX(.5);opacity:.7}40%{transform:scaleX(1);opacity:.4}60%,100%{opacity:0;transform:scaleY(50)}}
@keyframes line-reveal{0%,20%{opacity:0;transform:scaleX(.2)}50%,80%{opacity:.7;transform:scaleX(1)}100%{opacity:0}}
@media(max-width:760px){.intro-actions{bottom:24px;right:20px}}
@media(prefers-reduced-motion:reduce){.cinema-intro *{animation:none!important}.intro-aperture{display:none}}