.film-opening{--opening-light:.055;--opening-title:0;--opening-lift:22px;--opening-scale:1.065;isolation:isolate;color:#f5f5f7;background:#050505;height:calc(100svh - 68px);min-height:640px;position:relative;overflow:hidden}.opening-image{aspect-ratio:852/480;pointer-events:none;width:min(1320px,112%);position:absolute;bottom:-5%;left:50%;transform:translate(-50%)}.opening-image img,.opening-image video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.film-opening[data-scene=loading] .opening-title{opacity:0}.film-opening[data-scene=loading] .opening-image{opacity:.055}.opening-short{opacity:0}.film-opening[data-scene=opening] .opening-short{opacity:1}.film-opening[data-scene=opening] .opening-image{opacity:var(--opening-light);transform:translateX(-50%) scale(var(--opening-scale))}.opening-vignette{background:linear-gradient(#050505 0%,#050505f5 7%,#0000 36% 67%,#050505 99%),linear-gradient(90deg,#050505,#0000 25% 66%,#050505);position:absolute;inset:-1px}.opening-title{z-index:2;text-align:center;pointer-events:none;position:absolute;top:6%;left:24px;right:24px}.opening-title h1{letter-spacing:-.035em;color:#f5f5f7;font-size:clamp(48px,6.15vw,88px);font-weight:650;line-height:1.16}.opening-title h1 span{display:block}.opening-title h1 span+span{margin-top:.08em}.film-opening[data-scene=opening] .opening-title{opacity:var(--opening-title);transform:translateY(var(--opening-lift))}.opening-full{object-fit:contain;visibility:hidden;background:#050505;width:100%;height:100%;position:absolute;inset:0}.film-opening[data-scene=full] .opening-full{visibility:visible}.film-opening[data-scene=full] .opening-title,.film-opening[data-scene=full] .opening-image{visibility:hidden}.opening-bottom{z-index:3;left:max(40px, env(safe-area-inset-left));right:max(40px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.opening-links,.opening-controls{align-items:center;gap:24px;display:flex}.opening-controls{gap:10px}.opening-explore{align-items:center;gap:12px;min-height:44px;font-size:15px;display:inline-flex}.opening-explore:hover{text-decoration:underline}.opening-watch[data-slot=button]{color:#dbdbdf;background:0 0;border-radius:4px;gap:9px;height:44px;padding:0 8px;font-size:14px}.opening-watch[data-slot=button]:hover{color:#fff;background:#202020}.opening-control[data-slot=button]{color:#fff;background:#151515;border:1px solid #606064;border-radius:50%;width:44px;height:44px;padding:0}.opening-control[data-slot=button]:hover{background:#303034}.film-opening :focus-visible{outline-offset:5px;outline:2px solid #fff}.film-opening ::selection{color:#050505;background:#f5f5f7}.opening-error{z-index:4;color:#eeeef0;font-size:14px;position:absolute;bottom:86px;left:40px;right:40px}.film-opening[data-scene=full] .opening-bottom{pointer-events:none}.film-opening[data-scene=full] .opening-bottom>*{pointer-events:auto}.film-opening[data-scene=full] .opening-explore{background:#050505c2;border-radius:100px;padding:0 16px}.film-opening[data-scene=full] .opening-explore:hover{background:#202020}@media (min-width:1800px){.opening-image{width:min(1600px,90%);bottom:-9%}}@media (max-width:700px){.film-opening{height:calc(100svh - 60px);min-height:620px}.opening-title{top:12%;left:16px;right:16px}.opening-title h1{font-size:clamp(38px,9.9vw,64px);line-height:1.24}.opening-image{width:185%;max-width:1050px;bottom:7%;left:62%}.opening-bottom{left:20px;right:20px;bottom:max(24px, env(safe-area-inset-bottom))}.opening-links{flex-direction:column;align-items:flex-start;gap:7px}.opening-watch[data-slot=button]{padding-left:0}.opening-error{bottom:130px;left:20px;right:20px}}@media (max-height:650px) and (min-width:701px){.film-opening{min-height:500px}.opening-title{top:4%}.opening-title h1{font-size:52px}.opening-image{width:min(900px,95%);bottom:-18%}}@media (prefers-reduced-motion:reduce){.film-opening[data-scene=loading] .opening-title,.film-opening[data-scene=loading] .opening-image{opacity:1}.film-opening[data-scene=opening] .opening-image{opacity:1;transform:translate(-50%)}.film-opening[data-scene=opening] .opening-title{opacity:1;transform:none}}