.film-intro[hidden]{display:none!important}
.film-intro{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#090b10;color:#f1e9d8;isolation:isolate;transition:opacity .65s ease,visibility .65s ease}
.film-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.intro-active{overflow:hidden}
.film-intro-video,.film-intro-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.film-intro-video{object-fit:cover;object-position:center;filter:contrast(1.12) saturate(1.15)}
.film-intro-shade{background:linear-gradient(90deg,rgba(5,8,16,.87),rgba(5,8,16,.33) 56%,rgba(5,8,16,.2)),linear-gradient(0deg,rgba(5,8,16,.75),transparent 37%,rgba(5,8,16,.45))}
.film-intro:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 76% 40%,transparent 10%,#080b1260 90%)}
.film-intro-top,.film-intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 4.4vw;padding:22px 0;border-color:#f1e9d850;border-style:solid;border-width:0;font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:.25em}
.film-intro-top{border-bottom-width:1px}
.film-intro-top span:first-child{color:#f1e9d8}
.film-intro-top span:last-child{color:#e7b7a8}
.film-intro-copy{margin:0 4.4vw;max-width:1050px;text-shadow:0 9px 30px #000a}
.film-intro-copy p{font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:.35em;margin:0 0 22px;color:#ff6a58}
.film-intro-copy strong{display:block;font:900 clamp(100px,15vw,235px)/.75 'Barlow Condensed',sans-serif;letter-spacing:-.055em}
.film-intro-copy strong span{display:block;animation:intro-rise .8s both}
.film-intro-copy strong span:last-child{color:#6ea4ff;animation-delay:.23s}
.film-intro-copy small{display:block;margin-top:35px;font:800 22px 'Barlow Condensed',sans-serif;letter-spacing:.15em;animation:intro-rise .8s .5s both}
.film-intro-bottom{border-top-width:1px}
.film-intro-progress{height:3px;max-width:420px;flex:1;background:#f1e9d855;overflow:hidden}
.film-intro-progress i{display:block;width:100%;height:100%;background:#ed503e;transform-origin:left;animation:intro-progress 5s linear forwards}
.film-intro-skip{border:1px solid #f1e9d8;background:#f1e9d8;color:#101217;padding:13px 17px;cursor:pointer;font:900 17px 'Barlow Condensed',sans-serif;letter-spacing:.14em;transition:background .2s,transform .2s}
.film-intro-skip:hover{background:#ed503e;transform:translateY(-2px)}
.film-intro-skip span{margin-left:18px}
.replay-intro{border:0;background:none;color:#f1e9d8;cursor:pointer;padding:0;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.24em;transition:color .2s}
.replay-intro:hover{color:#ed503e}
@keyframes intro-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:750px){.film-intro-video{object-position:57% center}.film-intro-shade{background:linear-gradient(0deg,#080b12e8,transparent 78%),linear-gradient(90deg,#080b12a0,#080b1240)}.film-intro-top,.film-intro-bottom{margin:0 5vw;padding:17px 0;font-size:11px}.film-intro-top span:last-child{display:none}.film-intro-copy{margin:0 5vw}.film-intro-copy p{font-size:13px;margin-bottom:16px}.film-intro-copy strong{font-size:clamp(74px,20vw,140px)}.film-intro-copy small{font-size:15px;line-height:1.2;max-width:270px}.film-intro-skip{font-size:14px;padding:11px 13px}.replay-intro{font-size:10px;letter-spacing:.13em}}
@media(prefers-reduced-motion:reduce){.film-intro-copy strong span,.film-intro-copy small,.film-intro-progress i{animation:none}.film-intro{transition:none}}