#opening{display:none}html.opening{overflow:hidden}html.opening body{overflow:hidden}
.opening #opening{display:block;position:fixed;inset:0;z-index:100;background:#03071c;isolation:isolate}
.cinema-logo{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cinema-letters{fill:white}.cinema-mark{fill:#0d1847}
.cinema-atmosphere{position:absolute;inset:0;background:radial-gradient(90% 60% at 50% 52%,#14308c88,transparent 70%);overflow:hidden}
.cinema-atmosphere:after{content:'';position:absolute;inset:0;background:radial-gradient(75% 70% at center,transparent 45%,#0009)}
.cinema-flare{position:absolute;top:52%;left:-60%;width:120%;height:3px;background:linear-gradient(90deg,transparent,#6e96ff88 35%,#ebf2ff 50%,#6e96ff88 65%,transparent);filter:blur(.7px)}
.cinema-glow{position:absolute;top:calc(52% - 26px);width:52px;height:52px;background:radial-gradient(circle,#fff9,#96b4ff44 30%,transparent 70%);border-radius:50%}
.cinema-grain{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}
.cinema-bar{position:absolute;left:0;right:0;height:12.2%;background:#000;transform-origin:top}.cinema-bar.top{top:0}.cinema-bar.bottom{bottom:0;transform-origin:bottom}
.cinema-skip{position:absolute;right:24px;bottom:24px;border:0;background:transparent;color:#c3cce4;padding:12px;font:inherit;font-size:11px;cursor:pointer}
.opening .site-navigation{visibility:hidden}.opening .mv .home{visibility:hidden}
.opening .mv .stage,.opening .mv .alt-wordmark,.opening .mv .alt-copy,.opening .mv .scroll-cue,.opening .mv .motion{opacity:0!important}
.opening.fv-enter .mv .stage,.opening.fv-enter .mv .alt-wordmark,.opening.fv-enter .mv .alt-copy{opacity:1!important;transition:opacity 1s ease}
@media(prefers-reduced-motion:reduce){#opening{display:none!important}}

.integrated .mv .scroll-cue{position:absolute;right:32px;bottom:82px;display:flex;gap:12px;align-items:center;color:white;font-size:11px;z-index:6;text-decoration:none}.integrated .mv .scroll-cue i{font-style:normal}.site-navigation{transition:opacity .35s}.opening .site-navigation{opacity:0}@media(max-width:640px){.integrated .mv .scroll-cue{right:16px;bottom:70px;font-size:10px}}

.cinema-mark polygon{opacity:0}

.web-loading-line{position:absolute;left:50%;top:calc(50% + 62px);width:120px;height:1px;background:#022fa71a;transform:translateX(-50%)}.web-loading-line i{display:block;width:100%;height:100%;background:#022fa7;transform-origin:left}.opening [data-web-loader=b] .web-loading-line{background:#ffffff33}.opening [data-web-loader=b] .web-loading-line i{background:white}

.opening [data-web-loader=b] .cinema-atmosphere{background:radial-gradient(80% 45% at 50% 52%,#345bd844,transparent 75%)}.opening [data-web-loader=b] .cinema-atmosphere:after{background:none}.opening [data-web-loader=b] .cinema-grain{opacity:.025}.opening [data-web-loader=b] .web-loading-line{display:none}

/* Finer sweep, without the broad luminous core. */
.opening [data-web-loader=b] .cinema-flare{height:1px;filter:blur(.2px)}
.opening [data-web-loader=b] .cinema-glow{height:12px;top:calc(52% - 6px);filter:blur(.5px)}

/* The lockup is centered at 50vh; align the sweep core to that same axis. */
.opening [data-web-loader=b] .cinema-flare{top:calc(50% - .5px)}
.opening [data-web-loader=b] .cinema-glow{top:calc(50% - 6px)}
.opening [data-web-loader=b] .cinema-atmosphere{background:radial-gradient(80% 45% at 50% 50%,#345bd844,transparent 75%)}