:root{--handoff:0}#cinema{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,calc(1 - var(--handoff)));display:grid;place-items:center;overflow:hidden}#cinema-film{width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}body.cinema-playing #cinema-film{opacity:1}#cinema-load{position:absolute;inset:0;display:grid;place-items:center;background:#050505}#cinema-load .load-orb{position:absolute;width:12px;height:12px;border-radius:50%;background:white;transform:scale(1)}#cinema-load svg{width:40px;height:40px;transform:rotate(-90deg)}#cinema-load circle{fill:none;stroke:#fff;stroke-width:1;stroke-dasharray:106.815;stroke-dashoffset:calc(106.815 * (1 - var(--loaded,0)));opacity:.65}#load-number{position:absolute;top:calc(50% + 35px);font:12px/1 monospace;letter-spacing:.07em;color:#aaa}#cinema-fallback{position:absolute;padding:14px 24px;color:#111;background:#fff;border-radius:2px;box-shadow:0 0 30px #0004}#cinema-fallback[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.intro-active #site{transition:none;opacity:var(--handoff);transform:none}body.cinema-complete #site{opacity:1;transform:none}#cinema.leaving{transition:opacity .35s;opacity:0;pointer-events:none}body.cinema-playing .skip-link:focus{z-index:100}#site[inert]{user-select:none}@media(prefers-reduced-motion:reduce){#cinema{display:none}body.intro-active #site{opacity:1;transform:none}}
#cinema{touch-action:none;overscroll-behavior:contain}

/* Recovery is shown only when playback fails. */
#cinema-fallback{z-index:5;min-height:48px;border:0;border-radius:24px;cursor:pointer}
body.intro-active > .skip-link{display:none}
#cinema-fallback:focus-visible{outline:2px solid #fff;outline-offset:4px}