:root{--red:#c81619;--black:#000;--paper:#fff;--muted:#a7a5a1;--pad:clamp(24px,5vw,80px);color-scheme:dark;font-family:"Jersey 25",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;color:var(--paper);font-size:24px;-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;inset:0;border:5px solid #202020;pointer-events:none;z-index:40}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1,h2,h3,h4,p,figure{margin:0}h2:focus,h1:focus{outline:none}a:not(.brand):hover{text-decoration:underline;text-underline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:var(--paper);color:var(--black);padding:12px}.skip-link:focus{top:12px}.brand{display:inline-flex;align-items:center;justify-content:center;flex:none}.brand img{display:block}.call-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff9c;padding:7px 10px;white-space:nowrap;font-family:"Jersey 20",sans-serif;font-size:21px;font-weight:400;line-height:1;transition:background .18s,color .18s}.call-link:hover,.call-link:focus-visible{background:var(--paper);color:var(--red);text-decoration:none!important}
.hero{height:100svh;min-height:560px;position:relative;background:var(--red)}.hero-art{position:absolute;inset:5px;overflow:hidden;pointer-events:none}.hero-art iframe,.hero-poster{position:absolute;inset:0;width:100%;height:100%;border:0}.hero-poster{object-fit:cover;transition:opacity .4s}.hero-art iframe{opacity:0;transition:opacity .45s}.hero-art.ready iframe{opacity:1}.hero-art.ready .hero-poster{opacity:0}.hero-footer{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(32px,4.5vh,54px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:32px;z-index:2}.hero h1{font-family:"Jersey 25",sans-serif;font-size:24px;line-height:1.1;font-weight:400;max-width:292px;text-wrap:pretty}.hero-intro{color:#000}.hero-brand{align-self:end;transform:translateY(5px)}.hero-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2.4vw,40px);font-family:"Jersey 20",sans-serif;font-size:21px;line-height:1;font-weight:400;padding-bottom:3px}.hero-nav a:not(.call-link){padding-block:8px}
.hero .call-link.strider-scan-active{color:#fff4d3;background:#fff2c60c;border-color:#fff4d3;box-shadow:0 0 26px #ffe0aa16,inset 0 0 22px #ffe0aa12}
@media(min-width:1600px){.hero h1{max-width:340px}}
@media(max-width:800px){.hero-footer{grid-template-columns:1fr auto;gap:24px;bottom:32px}.hero h1{max-width:295px}.hero-brand{grid-column:2;grid-row:1;transform:none}.hero-nav{grid-column:1/-1;justify-content:flex-start;gap:28px}}
@media(max-width:440px){.hero h1{max-width:260px}.hero-footer{gap:22px}.hero-brand img{width:38px;height:auto}.hero-nav{gap:24px}}
@media(pointer:coarse){.hero-nav a,.call-link{min-height:44px;display:inline-flex;align-items:center}.brand{min-width:44px;min-height:44px}}
@media(max-width:600px){.hero-poster{content:url('/images/strider-poster-portrait.jpg')}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.hero-loader{position:absolute;inset:5px;z-index:1;display:grid;place-items:center;background:var(--red);pointer-events:none;opacity:1;transition:opacity .32s ease}
.hero-loader.is-leaving{opacity:0}
.loader-mark{position:relative;width:clamp(120px,12vw,168px);aspect-ratio:844/906}
.loader-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;visibility:hidden}
.hero-loader.is-playing .loader-animation{visibility:visible}
.hero-loader.is-fallback .loader-still{visibility:visible}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.hero-loader{transition:none}.hero-loader .loader-animation{display:none}.hero-loader .loader-still{visibility:visible}}

/* Keep the loading presentation clear and its hidden links out of keyboard navigation. */
body:has(#hero-loader:not([hidden])) :is(.hero-footer,.skip-link){visibility:hidden}

/* Jersey 25 has one weight; lightly trim the white strokes while preserving its pixel shapes. */
.hero-description{-webkit-text-stroke:.3px var(--red)}

@media(max-width:800px){
  .hero{height:var(--hero-viewport-height,100svh);min-height:0}
  html,body{background:var(--red)}
  body::after{display:none}
  .hero-art,.hero-loader{inset:0}
  .hero-footer{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));grid-template-columns:minmax(0,1fr);gap:16px}
  .hero-brand{grid-column:1;grid-row:1;justify-self:start}
  .hero h1{grid-column:1;grid-row:2;max-width:none}
  .hero-nav{grid-column:1;grid-row:3;display:block;width:100%;padding:0}
  .hero-nav .call-link{display:flex;width:100%;min-height:52px;padding:12px 16px}
}