.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:10px 14px;border:1px solid #D71920;background:#030303;color:#fff;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.08em;transform:translateY(-180%);transition:transform .15s ease}
.skip-link:focus{transform:translateY(0)}
:where(a,button,[tabindex]):focus-visible{outline:3px solid #FF3038;outline-offset:4px}
:where(section,main,[id]){scroll-margin-top:82px}

#loader{pointer-events:none!important;animation:loaderFailsafeRelease .8s ease 2.5s forwards}
#loader.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@keyframes loaderFailsafeRelease{to{opacity:0;visibility:hidden;pointer-events:none}}

@media(prefers-reduced-motion:reduce){
  #loader{animation-delay:1.1s;animation-duration:.01s;transition-duration:.01s}
  #loader i::after{animation:none;background:#D71920;left:0;width:100%}
  .hero,.hero-media{background:radial-gradient(circle at 50% 40%,rgba(215,25,32,.08),transparent 34%),linear-gradient(135deg,#0b0b0b,#030303 58%,#080604)}
  .hero-media::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.36) 55%,rgba(0,0,0,.72)),radial-gradient(circle at 70% 48%,rgba(215,25,32,.1),transparent 35%);z-index:1}
  .hero-media img{position:relative;z-index:1}
  .hero-copy.reveal{opacity:1;transform:none}
  .reveal:not(.visible){animation:revealFailsafe 1ms step-end .8s forwards}
  .reveal.visible{animation:none}
}

@keyframes revealFailsafe{to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  #loader i::after{animation:none;background:#D71920;left:0;width:100%}
  .telemetry-line span{animation:none;opacity:.5}
  .hero-beam{animation:none;opacity:.3}
}

body:not(.imax-mode) .hero-action.ghost{border-color:rgba(215,25,32,.45)}

.imax-mode .hero{min-height:100vh}
.imax-mode .hero-media img{transform:none}
.imax-mode .chapter-hero{height:95vh}
.imax-mode .story-image-wrap{height:min(78vh,820px)}

html{background:#030303}
body{background:#030303}