/* The opening is a native modal, so the page remains usable if this script fails. */
html{scrollbar-gutter:stable}
html.intro-open{overflow:hidden}
.watch-opening{border:0;padding:8px 0;min-height:44px;background:none;color:var(--text);cursor:pointer;white-space:nowrap;gap:9px}
.hero-actions .watch-opening{display:inline-flex}
.watch-opening>.icon{width:18px;height:18px}
.watch-opening>span{font:10px var(--mono);color:var(--muted);border:1px solid var(--border);padding:3px 5px;border-radius:3px}
.intro{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#050705;color:#f5f6f0;overflow:hidden;isolation:isolate}
.intro:not([open]){display:none}
.intro[open]{display:block}
.intro::backdrop{background:transparent}
.intro-screen{position:absolute;inset:0;display:grid;place-items:center;background:#050705}
.intro-screen video{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s}
.intro.has-picture video{opacity:1}
.intro-top,.intro-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;gap:25px;padding:22px max(5%,env(safe-area-inset-right)) 22px max(5%,env(safe-area-inset-left));z-index:3}
.intro-top{top:0;padding-top:max(20px,env(safe-area-inset-top));background:linear-gradient(#050705db,#05070500)}
.intro-bottom{bottom:3px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:linear-gradient(#05070500,#050705b8)}
.intro-wordmark{display:inline-flex;width:176px;height:54px;overflow:hidden;align-items:center;line-height:0}
.intro-wordmark>img{display:block;width:176px;height:54px;object-fit:cover;object-position:center}
.intro-edition{font:10px var(--mono);letter-spacing:.13em;color:#b1b7aa}
.intro-skip{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:44px;padding:10px 16px;color:#f5f6f0;background:#0a100bca;border:1px solid #66705d;border-radius:4px;font-size:13px;font-weight:600;transition:background .18s,color .18s}
.intro-skip:hover{background:#b6fa43;color:#14210c;border-color:#b6fa43}
.intro-skip .icon{width:18px;height:18px}
.intro-center{position:absolute;inset:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;transition:opacity .2s}
.intro[data-state="playing"] .intro-center{opacity:0;visibility:hidden;pointer-events:none}
.intro.has-picture:not([data-state="playing"]) .intro-screen:after{content:'';position:absolute;inset:0;background:#050705c7}
.intro-loader{height:87px;display:flex;gap:9px;align-items:flex-end;margin-bottom:32px;position:relative;padding:0 0 11px}
.intro-loader:after{content:'';position:absolute;bottom:0;left:-15px;right:-15px;height:1px;background:#39412e}
.intro-loader>i{display:block;width:18px;height:48px;background:#ffb83e;transform-origin:bottom;animation:crew-clock-in 1.15s ease-in-out infinite}
.intro-loader>i:nth-child(2){height:71px;background:#b6fa43;animation-delay:.12s}
.intro-loader>i:nth-child(3){height:59px;background:#6ab5ff;animation-delay:.24s}
.intro-loader>i:nth-child(4){height:64px;background:#ffb83e;animation-delay:.36s}
.intro-loader>i:nth-child(5){height:41px;background:#ff544d;animation-delay:.48s}
.intro-state-label{font:400 clamp(27px,3.5vw,42px)/1.15 var(--title);letter-spacing:0;max-width:100%}
.intro-state-note{font-size:13px;color:#b1b7aa;margin-top:13px;max-width:320px;line-height:1.6}
.intro-play{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #b6fa43;color:#14210c;background:#b6fa43;border-radius:4px;min-height:50px;padding:12px 24px;font-weight:700;font-size:14px;margin-top:26px}
.intro-play:hover{background:#ceff83}
.intro[data-state="ready"] .intro-loader,.intro[data-state="paused"] .intro-loader,.intro[data-state="error"] .intro-loader{display:none}
.intro-playback{display:flex;align-items:center;gap:26px}
.intro-tool{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border:0;background:none;color:#e5eade;font-size:12px}
.intro-tool:hover{color:#b6fa43}
.intro-tool>.icon{width:17px;height:17px}
.intro-sound-bars{display:flex;gap:3px;align-items:center;height:18px}
.intro-sound-bars>i{display:block;background:currentColor;width:2px;height:16px;transform:scaleY(.1875);transition:transform .2s}
#intro-sound[aria-pressed="true"] .intro-sound-bars>i:nth-child(1){transform:scaleY(.5)}
#intro-sound[aria-pressed="true"] .intro-sound-bars>i:nth-child(2){transform:scaleY(1)}
#intro-sound[aria-pressed="true"] .intro-sound-bars>i:nth-child(3){transform:scaleY(.75)}
#intro-sound[aria-pressed="true"] .intro-sound-bars>i:nth-child(4){transform:scaleY(.375)}
.intro-runtime{margin-left:auto;font:12px var(--mono);color:#b1b7aa;min-width:4ch;text-align:right}
.intro-timeline{appearance:none;-webkit-appearance:none;position:absolute;inset:auto 0 0;display:block;width:100%;height:3px;border:0;border-radius:0;color:#b6fa43;background:#27311f;z-index:4}
.intro-timeline::-webkit-progress-bar{background:#27311f}
.intro-timeline::-webkit-progress-value{background:#b6fa43}
.intro-timeline::-moz-progress-bar{background:#b6fa43}
.intro.is-closing{pointer-events:none;animation:opening-curtain .48s cubic-bezier(.76,0,.24,1) forwards}
@keyframes crew-clock-in{0%,100%{transform:scaleY(.52);opacity:.65}50%{transform:scaleY(1);opacity:1}}
@keyframes opening-curtain{from{clip-path:inset(0)}to{clip-path:inset(0 0 100% 0)}}
@media(max-width:700px){.intro-top,.intro-bottom{padding-left:6%;padding-right:6%;gap:14px}.intro-top{padding-top:max(18px,env(safe-area-inset-top))}.intro-wordmark,.intro-wordmark>img{width:146px;height:44px}.intro-edition{display:none}.intro-skip{font-size:12px;gap:10px;padding:9px 12px}.intro-state-label{font-size:30px}.intro-playback{gap:24px}.watch-opening{gap:6px}.watch-opening>span{font-size:9px;padding:2px 4px}.hero-actions .watch-opening{font-size:12px}.hero-actions{gap:16px}}
@media(max-width:370px){.watch-opening>span{display:none}.hero-actions{gap:12px}}
@media(min-width:701px) and (max-width:1000px){.hero-action-strip{gap:18px}.hero-actions{gap:12px}.hero-actions .watch-opening{font-size:12px}.watch-opening>span{display:none}.hero-actions .button{font-size:13px;padding:12px 14px;gap:12px}.hero-tag{font-size:18px}.coming{font-size:10px}}
@media(min-width:701px) and (max-width:820px){.hero-action-strip{flex-direction:column;gap:10px;text-align:center;padding-top:12px;padding-bottom:14px}.hero-actions{justify-content:center}}
@media(prefers-reduced-motion:reduce){.intro-loader>i{animation:none}.intro.is-closing{animation:none}.intro-screen video,.intro-center{transition:none}}
@media(forced-colors:active){.intro-skip,.intro-play{border:1px solid ButtonText}.intro-loader>i{background:Highlight}.intro-timeline{forced-color-adjust:none}}
@media print{.intro,.watch-opening{display:none!important}}