/* Barlow: self-hosted from @fontsource/barlow@5.3.0 (OFL-1.1). Generated by ~/.kwm-arsenal/scripts/fonts/fetch-fonts.mjs. */
/* barlow-latin-400-normal */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/fonts/barlow-latin-400-normal.b0a8ad37.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* barlow-latin-600-normal */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/fonts/barlow-latin-600-normal.4b52ddd4.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Barlow Condensed: self-hosted from @fontsource/barlow-condensed@5.3.0 (OFL-1.1). Generated by ~/.kwm-arsenal/scripts/fonts/fetch-fonts.mjs. */
/* barlow-condensed-latin-700-italic */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/fonts/barlow-condensed-latin-700-italic.3e911327.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* barlow-condensed-latin-800-italic */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: url(/fonts/barlow-condensed-latin-800-italic.59b48100.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Big Shoulders Stencil Display: self-hosted from @fontsource/big-shoulders-stencil-display@5.3.0 (OFL-1.1). Generated by ~/.kwm-arsenal/scripts/fonts/fetch-fonts.mjs. */
/* big-shoulders-stencil-display-latin-800-normal */
@font-face {
  font-family: 'Big Shoulders Stencil Display';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/fonts/big-shoulders-stencil-display-latin-800-normal.b7a60bc1.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* big-shoulders-stencil-display-latin-900-normal */
@font-face {
  font-family: 'Big Shoulders Stencil Display';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/fonts/big-shoulders-stencil-display-latin-900-normal.d071c3ae.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* JetBrains Mono: self-hosted from @fontsource/jetbrains-mono@5.3.0 (OFL-1.1). Generated by ~/.kwm-arsenal/scripts/fonts/fetch-fonts.mjs. */
/* jetbrains-mono-latin-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/fonts/jetbrains-mono-latin-400-normal.14425ba9.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* jetbrains-mono-latin-600-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/fonts/jetbrains-mono-latin-600-normal.400c6bfd.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* sgt-diecast-v1 stylesheet (inlined by build.py). Design: the SGT theme, military and action-like (BRIEF-v2-military.md).
   Base styles are the finished frame; every animation is added under .run or html.rv-on by script and resolves to the
   completed state under prefers-reduced-motion. Tokens: his measured gold and red (brand-colors.json), olive drab and
   gunmetal from his camo and badge art, field-map sand for the light bands. Contrast measured in QA, never eyeballed. */
:root{
  --gun:#15171a;--gun-2:#1c1f24;--gun-3:#24282e;--deep:#0d0e10;
  --od:#2b3021;--od-2:#343a28;--od-deep:#20251a;--od-line:rgba(232,179,67,.22);
  --sand:#e8e0cc;--sand-2:#ddd3bb;--card:#f2ecdd;--manila:#e3cf9d;--manila-2:#d4bd86;
  --white:#f3f1ea;--fog:#b9bdb3;--ink:#15171a;--ink-2:#4a4f45;
  --gold:#e8b343;--gold-hi:#feca5a;--gold-deep:#da921a;--gold-text:#7a5810;
  --red:#d60303;--red-deep:#bc0000;--red-text:#a80000;--red-lit:#ff5a4d;
  --tan:#b9975f;--tan-text:#6b5527;--steel:#c9cdc6;--steel-2:#8e938b;
  --err:#b42318;--ok:#1e7a3e;
  --line-d:rgba(243,241,234,.14);--line-p:rgba(21,23,26,.18);
  --f-disp:"Big Shoulders Stencil Display","Arial Narrow",Impact,sans-serif;--f-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --cut:10px;--cut-s:6px;--radius:2px;
  --sh-1:0 1px 0 rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.3);--sh-2:0 1px 0 rgba(255,255,255,.05),0 18px 48px rgba(0,0,0,.5);
  --gutter:clamp(16px,4vw,40px);--wrap:1200px;--sec:clamp(56px,6vw + 40px,120px);
  --util:44px;--bar:60px;--hdr:calc(var(--util) + var(--bar));--se-z:5;--ease:cubic-bezier(.2,.7,.2,1);--snap:cubic-bezier(.3,1.5,.5,1);
  --focus:var(--gold-hi);--trk:.14em;
}
@media (min-width:1000px){:root{--bar:74px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:hidden;overflow-x:clip}
[id]{scroll-margin-top:calc(var(--bar) + 16px)}
@media (max-width:999px){html{scroll-padding-bottom:calc(var(--mbar) + 16px)}}
body{margin:0;background:var(--gun);color:var(--white);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
svg{display:block}
video{display:block}
[hidden]{display:none!important}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-family:var(--f-disp);font-weight:900;text-transform:uppercase;letter-spacing:.015em;line-height:.92;text-wrap:balance}
h2{font-size:clamp(36px,3vw + 22px,60px)}
h3{font-size:26px;font-weight:800;line-height:1;letter-spacing:.02em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.sand :focus-visible,.paper :focus-visible,.sheet :focus-visible,.f-error :focus-visible,.f-ok :focus-visible,.ask :focus-visible{outline-color:var(--gold-text)}
.btn:focus-visible{outline-offset:-5px}
.btn-red:focus-visible{outline-color:var(--white)}
.btn-line:focus-visible{outline-color:var(--gold-hi)}
.sand .btn-line:focus-visible,.paper .btn-line:focus-visible,.sheet .btn-line:focus-visible{outline-color:var(--ink)}
.btn-gold:focus-visible{outline-color:var(--ink)}
.ask .x-btn:focus-visible{outline-color:var(--ink);outline-offset:-4px}
.more-btn:focus-visible,.recent summary:focus-visible{outline-offset:-4px}
.mbar a:focus-visible{outline-offset:-3px}
.mbar .mb-watch:focus-visible{outline-color:var(--white)}
.nw{white-space:nowrap}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:200;padding:12px 16px;background:var(--gold);color:var(--ink);font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:600}
.kicker{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:600 12.5px/1.35 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--gold)}
.kicker::before{content:"";width:22px;height:2px;background:currentColor;flex:none}
.paper .kicker,.sand .kicker{color:var(--gold-text)}
.lede{max-width:62ch;font-size:clamp(17px,.4vw + 15.5px,19px);color:#d8dad2;text-wrap:pretty}
.paper .lede,.sand .lede{color:var(--ink-2)}
.dated{font:400 13px/1.5 var(--f-mono);letter-spacing:.06em;color:var(--fog)}
.paper .dated,.sand .dated{color:var(--ink-2)}
.grain{background-image:url(/img/grain.png);background-size:128px 128px}
.cut{clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.rivets{position:relative}
.rivets::before,.rivets::after{content:"";position:absolute;top:9px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e3e6df,#6d7268 60%,#3b3f38);box-shadow:0 1px 1px rgba(0,0,0,.7);pointer-events:none}
.rivets::before{left:9px}
.rivets::after{right:9px}

/* stamps: stencil words in a rubber-stamp frame; .run slams them in once (base: visible, settled) */
.stamp{display:inline-block;padding:5px 11px 4px;border:3px solid currentColor;border-radius:3px;font:900 clamp(20px,1.2vw + 12px,26px)/1 var(--f-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--red-lit);transform:rotate(-4deg);transform-origin:50% 50%}
.stamp.gold{color:var(--gold)}
.paper .stamp,.sand .stamp{color:var(--red-text)}
.stamp.big{font-size:clamp(30px,3vw + 16px,56px);padding:8px 16px 6px;border-width:4px}
.run .stamp,.stamp.run{animation:slam .5s var(--snap) .35s both}
@keyframes slam{0%{transform:rotate(-12deg) scale(1.9);opacity:0;filter:blur(2px)}60%{opacity:1;filter:none}100%{transform:rotate(-4deg) scale(1)}}
.kick-stamp{margin:0 0 18px}

/* buttons: chamfered plates. The red is his measured starburst red; the white label measures 5.42:1 on it */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:0;font:600 15.5px/1.1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;clip-path:polygon(var(--cut-s) 0,100% 0,100% calc(100% - var(--cut-s)),calc(100% - var(--cut-s)) 100%,0 100%,0 var(--cut-s));transition:background-color .2s var(--ease),transform .2s var(--ease)}
.btn svg{width:18px;height:18px;flex:none}
.btn-red{background:var(--red);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.25)}
.btn-red:active{background:var(--red-deep)}
.btn-red .lbl{display:inline-block}
.btn-line{background:transparent;color:var(--white);box-shadow:inset 0 0 0 2px rgba(243,241,234,.5)}
.paper .btn-line,.sand .btn-line{color:var(--ink);box-shadow:inset 0 0 0 2px rgba(21,23,26,.5)}
.btn-gold{background:var(--gold);color:var(--ink);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
@media (hover:hover) and (pointer:fine){
  .btn-red:hover{background:#e51212}
  .btn-line:hover{box-shadow:inset 0 0 0 2px var(--gold)}
  .paper .btn-line:hover,.sand .btn-line:hover{box-shadow:inset 0 0 0 2px var(--gold-text)}
}
.btn.snap .lbl{animation:snap .34s var(--snap) 1}
@keyframes snap{0%{transform:rotate(0)}35%{transform:rotate(-7deg) scale(.96)}100%{transform:rotate(0) scale(1)}}
.tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--white);font-weight:600;text-decoration:underline;text-decoration-color:rgba(232,179,67,.6);text-underline-offset:4px}
.tlink:hover{text-decoration-color:var(--gold)}
.tlink svg{width:18px;height:18px;color:var(--gold)}
.paper .tlink,.sand .tlink,.sheet .tlink{color:var(--ink);text-decoration-color:rgba(122,88,16,.55)}
.paper .tlink svg,.sand .tlink svg,.sheet .tlink svg{color:var(--gold-text)}

/* the chevron rule: three stripes from his badge, stroked in on reveal */
.chev{display:flex;align-items:center;gap:14px;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);color:var(--gold)}
.chev::before,.chev::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor 30%,currentColor 70%,transparent);opacity:.55}
.chev svg{width:44px;height:26px;flex:none}
.chev path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}
.paper .chev,.sand .chev{color:var(--gold-text)}

/* header: a steel bar with a readout strip above it that scrolls away (one pinned element) */
.hdr{position:sticky;top:calc(-1 * var(--util));z-index:60;background:linear-gradient(180deg,#1b1e23,var(--deep));box-shadow:0 1px 0 var(--line-d),0 2px 0 rgba(0,0,0,.6)}
.util{height:var(--util);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--deep);border-bottom:1px solid var(--line-d);font:600 12px/1 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase}
.util .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--gold);text-decoration:none;white-space:nowrap;letter-spacing:.14em}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(232,179,67,.18),0 0 8px rgba(232,179,67,.6)}
.chip.is-live{color:var(--red-lit)}
.chip.is-live .dot{background:var(--red-lit);box-shadow:0 0 0 3px rgba(255,90,77,.2),0 0 10px rgba(255,90,77,.8)}
.chip .go{color:var(--fog)}
.util-call{display:none;align-items:center;gap:8px;min-height:44px;color:var(--fog);text-decoration:none;white-space:nowrap;letter-spacing:var(--trk)}
.util-call b{color:var(--white);font-weight:600}
.bar{height:var(--bar);display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--white);text-decoration:none;flex:none;transform-origin:0 0}
.brand-mark{width:44px;height:44px;flex:none}
.brand-name{font:900 24px/1 var(--f-disp);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.55)}
.brand-name i{font-style:normal;color:var(--gold)}
.nav{display:none}
.bar-right{display:flex;align-items:center;gap:6px}
.call{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 11px;color:var(--white);text-decoration:none;font:600 15px/1 var(--f-body);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line-d)}
.call svg{width:17px;height:17px;color:var(--gold)}
.menu-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--white);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-d)}
.menu-btn svg{width:22px;height:22px}
.bar-watch{display:none}
.bar-watch .lbl{white-space:nowrap}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold);transform-origin:0 50%;transform:scaleX(var(--p,0));pointer-events:none}
@media (max-width:399px){.brand-name{font-size:21px}.brand-mark{width:38px;height:38px}.call{padding:0 9px;font-size:14px}.call .w-long{display:none}}
@media (max-width:359px){.strip li{padding:9px 8px;font-size:11.5px;letter-spacing:var(--trk)}}
@media (min-width:640px){.util-call{display:inline-flex}}
@media (min-width:1000px){
  .bar{gap:18px}
  .brand-mark{width:54px;height:54px}
  .brand-name{font-size:29px}
  .nav{display:flex;align-items:center;gap:2px;margin-left:auto}
  .nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 11px;color:var(--white);text-decoration:none;font:600 14px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
  .nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:6px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s var(--ease)}
  .nav a:hover::after,.nav a[aria-current="true"]::after{transform:scaleX(1)}
  .bar-right .call,.menu-btn{display:none}
  .bar-watch{display:inline-flex;min-height:46px;padding:0 18px;font-size:14.5px}
}
@media (min-width:1000px) and (max-width:1179px){.nav a{padding:0 8px;font-size:13px}.nav a::after{left:8px;right:8px}.brand-name{font-size:25px}.bar-watch .w-long{display:none}}

/* hero: the airfield. Phones: the render on top as the landing stage; from 1000 px: the full-bleed backdrop behind the copy */
.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;background:var(--gun);overflow:hidden}
.hero-inner{position:relative;z-index:3;margin-top:-30px;padding-top:0;padding-bottom:56px}
.strip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0;margin:0 0 18px;padding:0;list-style:none;font:600 12px/1 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--ink);background:var(--gold);clip-path:polygon(var(--cut-s) 0,100% 0,100% calc(100% - var(--cut-s)),calc(100% - var(--cut-s)) 100%,0 100%,0 var(--cut-s))}
.strip li{padding:9px 12px;border-right:2px solid rgba(21,23,26,.35)}
.strip li:last-child{border-right:0}
@media (max-width:609px){.strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.strip li{border-right:0}.strip li:nth-child(odd){border-right:2px solid rgba(21,23,26,.35)}.strip li:nth-child(n+3){border-top:2px solid rgba(21,23,26,.35)}}
.hero h1{margin:0 0 16px;font-size:clamp(38px,4.9vw + 22.2px,86px);line-height:.9;color:var(--white)}
.hero h1 .l,.hero h1 em .s{display:block}
.hero h1 em{display:block;font-style:normal;color:var(--gold);letter-spacing:.01em}
.hero .deck{max-width:34em;margin:0 0 20px;font-size:clamp(17px,.5vw + 15.5px,20px);line-height:1.5;color:#dcdfd6;text-wrap:pretty}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin:0 0 14px}
.hero-cta .btn-red{flex:1 1 100%}
.trust{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;font:600 12.5px/1.5 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}
.trust b{color:var(--gold);font-weight:600}
.trust li{display:flex;align-items:center;gap:8px}
.trust li+li::before{content:"";width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.hero-art{position:relative;order:-1;margin:0;z-index:1;background:#0b0c0a}
.hero-art img,.hero-art video{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:70% 85%}
.hero-art video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;opacity:0;transition:opacity 1.2s var(--ease)}
.hero-art.is-playing video{opacity:1}
.hero-art::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,var(--gun) 0%,rgba(21,23,26,.55) 24%,rgba(21,23,26,0) 48%);pointer-events:none}
.beam{position:absolute;left:-30%;right:-30%;top:-40%;height:220%;z-index:2;pointer-events:none;opacity:0;transform-origin:78% 0;background:conic-gradient(from 188deg at 78% 0,rgba(255,214,120,0) 0deg,rgba(255,214,120,.26) 5deg,rgba(255,214,120,.1) 9deg,rgba(255,214,120,0) 13deg)}
.hero.run .beam{animation:beam 2.6s ease-in-out 1 both}
@keyframes beam{0%{opacity:0;transform:rotate(-16deg)}20%{opacity:1}80%{opacity:.9}100%{opacity:0;transform:rotate(22deg)}}
.dust{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.cap{position:absolute;right:var(--gutter);bottom:40px;z-index:3;margin:0;padding:5px 8px;background:rgba(21,23,26,.9);font:600 11.5px/1.2 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}
@media (min-width:600px){.hero-cta .btn-red{flex:0 0 auto}.hero-art img,.hero-art video{aspect-ratio:21/9}}
@media (min-width:1000px){
  .hero{min-height:clamp(640px,calc(100svh - var(--hdr)),900px);flex-direction:row;align-items:center}
  .hero-inner{margin-top:0;padding-top:110px;padding-bottom:92px;width:100%}
  .hero-copy{max-width:720px;position:relative;isolation:isolate}
  .hero-copy::before{content:"";position:absolute;inset:-60px -140px -60px -220px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 42% 50%,rgba(21,23,26,.82) 0%,rgba(21,23,26,.55) 45%,rgba(21,23,26,0) 72%)}
  .hero .deck{max-width:30em;font-size:19px}
  .hero-art{position:absolute;inset:0 0 0 34%;order:0}
  .hero-art img,.hero-art video{width:100%;height:100%;aspect-ratio:auto;object-position:100% 62%}
  .hero-art::before{background:linear-gradient(90deg,rgba(21,23,26,.97) 0%,rgba(21,23,26,.86) 30%,rgba(21,23,26,.38) 46%,rgba(21,23,26,0) 58%),linear-gradient(0deg,var(--gun) 0%,rgba(21,23,26,0) 22%),linear-gradient(180deg,rgba(21,23,26,.55) 0%,rgba(21,23,26,0) 22%)}
  .cap{bottom:48px}
}

@media (min-width:1000px) and (max-width:1179px){.hero h1{font-size:64px}.hero-copy{max-width:560px}.hero-art{inset:0 0 0 28%}}
/* iPad landscape (1000 to 1099): a fixed hero height keeps the car one size on 768 and 820 tall screens; nose and headline both clear (measured) */
@media (min-width:1000px) and (max-width:1099px){.hero{min-height:640px}.hero-art img,.hero-art video{object-position:100% 62%}.hero h1{font-size:58px}.hero-copy{max-width:500px}}
@media (min-width:1180px) and (max-width:1279px){.hero h1{font-size:68px}.hero-copy{max-width:570px}.hero-art{inset:0 0 0 30%}}
@media (min-width:1280px) and (max-width:1439px){.hero h1{font-size:80px}.hero-art{inset:0 0 0 35%}}
@media (min-width:1440px){.hero-art{inset:0 0 0 36%}}
/* v2: his #18 stays one size on tall screens: the art is anchored to the hero's foot and capped in height, its top fading into the sky */
@media (min-width:1000px){.hero-art{top:auto;height:min(100%,740px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 90px);mask-image:linear-gradient(180deg,transparent 0,#000 90px)}}
@media (min-width:1000px) and (max-width:1099px){.hero-art{height:min(100%,560px)}} /* iPad landscape: a shorter art box keeps the whole car clear of the deck */
@media (min-width:1500px){.hero-art{inset:0 0 0 37%}}
@media (min-width:2200px){.hero-art{inset:0 0 0 40%}}
@media (max-width:599px){.hero-cta .tlink{display:none}.hero-art img,.hero-art video{aspect-ratio:12/5}.hero h1{margin-bottom:12px}.hero .deck{margin-bottom:14px}.hero-cta{margin-bottom:10px}}
@media (max-width:355px){.hero h1{font-size:37px}}
@media (max-width:339px){.hero h1{font-size:34px}}

/* dog tags: the Whatnot figures stamped on steel, hanging from a ball chain (static, dated) */
.tags-band{position:relative;background:var(--od);color:var(--white);border-top:1px solid var(--od-line);border-bottom:1px solid var(--od-line);overflow:hidden}
.tags-band::before{content:"";position:absolute;inset:0;background:url(/img/closing/camo-swatch.webp) center/560px 1660px repeat;opacity:.16;mix-blend-mode:luminosity;pointer-events:none}
.tags-band .wrap{position:relative;padding-top:0;padding-bottom:26px}
.chain{height:16px;margin:0 calc(-1 * var(--gutter));background:radial-gradient(circle,#d9dcd5 1.7px,rgba(0,0,0,0) 2.1px) 0 50%/8px 8px repeat-x;opacity:.85}
.tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;margin:0;padding:0;list-style:none}
.tag{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;margin-top:26px;padding:18px 14px 14px 24px;color:#1a1c18;background:linear-gradient(135deg,#eceee9 0%,#bfc3bb 42%,#dadcd6 66%,#a9ada5 100%);border-radius:10px;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px rgba(0,0,0,.28),0 12px 26px rgba(0,0,0,.5);transform-origin:14px -26px}
.tag::before{content:"";position:absolute;left:9px;top:9px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#4a4e47,#121310);box-shadow:inset 0 1px 1px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.65)}
.tag::after{content:"";position:absolute;left:12px;top:-26px;width:3px;height:26px;background:radial-gradient(circle,#d9dcd5 1.2px,rgba(0,0,0,0) 1.5px) 50% 0/3px 4px repeat-y}
.tag b{font:600 clamp(20px,1.4vw + 12px,26px)/1 var(--f-mono);letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.6),0 -1px 0 rgba(0,0,0,.3);overflow-wrap:anywhere}
.tag span{font:600 11.5px/1.3 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:#3b3f38}
@media (max-width:359px){.tag b{font-size:18px}}
.tags.run .tag{animation:swing 1.5s cubic-bezier(.3,.7,.3,1) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes swing{0%{transform:rotate(-7deg)}35%{transform:rotate(5deg)}65%{transform:rotate(-2.5deg)}85%{transform:rotate(1deg)}100%{transform:rotate(0)}}
.tags-band .dated{margin:16px 0 0;color:#c9ccc1}
@media (min-width:700px){.tags{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1180px){.tags{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px}.tag{padding:20px 16px 16px 26px}}

/* sections */
.sec{padding:var(--sec) 0;position:relative}
.dark{background-color:var(--gun);color:var(--white)}
.dark-2{background-color:var(--gun-2);color:var(--white)}
.olive{background-color:var(--od);color:var(--white)}
#sell.olive.bg-on{background:linear-gradient(rgba(43,48,33,.88),rgba(43,48,33,.94)),url(/img/bg/bg-netting-900.webp) center/cover no-repeat var(--od)}
@media (min-width:1000px){#sell.olive.bg-on{background-image:linear-gradient(rgba(43,48,33,.88),rgba(43,48,33,.94)),url(/img/bg/bg-netting-1376.webp)}}
.sand{background:var(--sand);color:var(--ink)}
.paper{background:var(--sand);color:var(--ink)}
.sec-head{margin-bottom:clamp(28px,3vw,44px)}
.sec-head h2{margin-bottom:16px}
.h2-split{font-size:clamp(36px,2.4vw + 26px,56px)}
@media (max-width:399px){.h2-split{font-size:clamp(28px,9.2vw,32px)}}
@media (min-width:960px) and (max-width:1279px){.h2-split{font-size:clamp(36px,5vw - 8px,56px)}}
.sec-head .lede{margin:0}
.paper .sec:first-of-type{padding-bottom:calc(var(--sec) * .55)}
.paper .sec:last-of-type{padding-top:calc(var(--sec) * .55)}
.chev-gap{padding:0;height:0;position:relative}
.chev-gap .chev{position:absolute;left:0;right:0;top:-13px}

/* THE SHOW BOARD (signature): served as a real table, upgraded by script into the board and the track map */
.board-grid{display:grid;gap:26px}
.board{position:relative;background:linear-gradient(180deg,var(--gun-3),var(--gun-2));color:var(--white);box-shadow:var(--sh-2),inset 0 0 0 1px var(--line-d)}
.board.cut{--cut:14px}
.board::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(243,241,234,.5),transparent);pointer-events:none}
.board-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:14px 16px 14px 28px;border-bottom:1px solid var(--line-d);font:600 12px/1.4 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}
.board-bar .now{color:var(--white)}
.sched{width:100%;border-collapse:collapse;font-size:15.5px}
.sched th{padding:12px 16px;text-align:left;font:600 12px/1.3 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line-d)}
.sched td{padding:12px 16px;border-bottom:1px solid var(--line-d);vertical-align:top}
.sched td.t{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--white)}
.sched td a{color:var(--gold);font-weight:600}
@media (max-width:599px){.sched thead{display:none}.sched tr{display:block;padding:12px 16px;border-bottom:1px solid var(--line-d)}.sched td{display:inline;padding:0;border:0}.sched td.s{display:block;margin:4px 0}.sched td.t+td.t::before{content:" · "}}
.lamp{position:relative;display:inline-block;width:12px;height:12px;flex:none;border-radius:50%;background:#2b3038;box-shadow:inset 0 1px 2px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.lamp.on{background:radial-gradient(circle at 40% 35%,var(--gold-hi),var(--gold) 55%,var(--gold-deep));box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 12px rgba(232,179,67,.55)}
.lamp.live{background:radial-gradient(circle at 40% 35%,#ff8a80,var(--red) 60%);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 14px rgba(255,60,50,.7)}
.lamp.past{background:#3a3f48}
.lead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start;padding:22px 16px 22px}
.lead>.lamp{margin-top:6px;width:16px;height:16px}
.lead-tag{margin:0;font:600 12.5px/1.4 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--gold)}
.lead.is-live .lead-tag{color:var(--red-lit)}
.lead-title{grid-column:2;margin:6px 0 10px;font:italic 800 clamp(28px,2.6vw + 18px,48px)/.95 var(--f-race);letter-spacing:.02em;text-transform:uppercase;color:var(--white);overflow-wrap:anywhere}
.lead-when{grid-column:2;margin:0 0 14px;font:600 14px/1.5 var(--f-mono);letter-spacing:.04em;color:var(--white)}
.lead-when .local{display:block;color:var(--fog)}
.lead-cd{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 20px;margin-top:6px;padding-top:16px;border-top:1px dashed var(--line-d)}
.cd-block{min-width:0}
.cd-label{display:block;margin-bottom:6px;font:600 12px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fog)}
.cd-digits{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;padding:6px 12px;background:#0b0c0e;box-shadow:inset 0 0 0 1px rgba(243,241,234,.12),inset 0 0 18px rgba(0,0,0,.8);font:600 clamp(34px,3vw + 22px,58px)/1 var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--gold-hi);text-shadow:0 0 12px rgba(254,202,90,.45)}
.cd-digits .seg{display:inline-flex;align-items:baseline;gap:3px}
.cd-digits .u{font-size:.42em;font-weight:400;color:var(--fog);letter-spacing:.04em;text-shadow:none}
.cd-digits .dg{display:inline-block;overflow:hidden;height:1.05em}
.cd-digits .dg>span{display:block}
.lead.is-live .cd-digits{color:var(--red-lit);text-shadow:0 0 12px rgba(255,90,77,.5)}
.rows{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-d)}
.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lamp when when" "lamp title title" "lamp cd go";gap:4px 12px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line-d)}
.row:nth-child(even){background:rgba(0,0,0,.14)}
.row .lamp{grid-area:lamp;align-self:start;margin-top:4px}
.row .when{grid-area:when;font:600 13px/1.4 var(--f-mono);letter-spacing:.04em;color:var(--white)}
.row .when .local{color:var(--fog)}
.row .title{grid-area:title;font:600 15.5px/1.35 var(--f-body);color:var(--white);overflow-wrap:anywhere}
.row .cd{grid-area:cd;justify-self:start;font:600 13px/1.4 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}
.row .go{grid-area:go;justify-self:end;display:inline-flex;align-items:center;min-height:44px;padding:0 6px;margin:-6px -6px -6px 0;color:var(--fog);font:600 13px/1 var(--f-body);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.row .go:hover{color:var(--white)}
.rows.folded .row:nth-child(n+5){display:none}
.more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border:0;border-top:1px solid var(--line-d);background:transparent;color:var(--gold);font:600 13px/1 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;cursor:pointer}
.recent{border-top:1px solid var(--line-d)}
.recent summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;cursor:pointer;font:600 12.5px/1 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}
.recent .row .title,.recent .row .when{color:var(--fog)}
.board-empty{padding:28px 16px}
.board-empty p{max-width:40ch;font:italic 800 clamp(24px,2vw + 16px,36px)/1.05 var(--f-race);text-transform:uppercase;margin:0 0 18px}
.board-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:22px 0 0}
@media (max-width:599px){.w-phone-hide{display:none}}
@media (min-width:800px){
  .lead{grid-template-columns:auto minmax(0,1fr) auto;padding:30px 28px;gap:6px 22px}
  .lead-cd{grid-column:3;grid-row:1 / span 3;flex-direction:column;align-items:flex-end;justify-content:center;margin:0;padding:0 0 0 28px;border-top:0;border-left:1px dashed var(--line-d)}
  .cd-block{text-align:right}
  .cd-digits{justify-content:flex-end}
  .row{grid-template-columns:auto 230px minmax(0,1fr) auto auto;grid-template-areas:"lamp when title cd go";gap:12px 20px;padding:14px 28px}
  .row .lamp{align-self:center;margin-top:0}
  .row .cd{justify-self:end}
  .board-bar{padding:14px 28px}
  .recent summary{padding:0 28px}
  .board-empty{padding:40px 28px}
}
@media (min-width:1100px){.board-grid{grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start}}
/* the board lights up once (base state is lit and settled) */
.board.run .lamp.on,.board.run .lamp.live{animation:lampOn .5s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes lampOn{0%{background:#2b3038;box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}60%{filter:brightness(1.6)}100%{filter:none}}
.lamp.live.pulse{animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 4px rgba(255,60,50,.35)}}


.label-illus{margin:18px 0 0;font:600 12px/1.4 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}

@keyframes unfurl{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}

/* THE SPEC SHEET: a ruler at one consistent scale on screen */
.scales{display:grid;gap:30px}
.ruler{position:relative;padding:22px 18px 18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-p),0 10px 26px rgba(21,23,26,.1)}
.ruler-track{position:relative;--in:calc(100% / 9)}
.ticks{position:relative;height:34px;margin:0 0 18px;border-bottom:2px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px calc(var(--in) / 4)) bottom / 100% 9px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px var(--in)) bottom / 100% 18px no-repeat}
.ticks span{position:absolute;bottom:20px;transform:translateX(-50%);padding:0 3px;background:var(--card);font:600 12px/1 var(--f-mono);color:var(--ink)}
.ticks span:first-child{transform:none}
.bar-scale{position:relative;height:40px;margin:0 0 14px;display:flex;align-items:center;gap:12px;padding:0 12px;font:600 13.5px/1 var(--f-mono);letter-spacing:.04em;white-space:nowrap}
.bar-scale.s24{width:calc(var(--in) * 8.06);background:var(--od);color:#fff}
.bar-scale.s64{width:calc(var(--in) * 3.02);background:var(--gold);color:var(--ink);overflow:visible}
.bar-scale.s64 .ov{position:absolute;left:calc(100% + 12px);color:var(--ink)}
.ruler-note{margin:6px 0 0;font:400 13px/1.5 var(--f-mono);color:var(--ink-2)}
.scale-copy p:not(.kicker){font-size:clamp(17px,.4vw + 15.5px,19px);color:var(--ink)}
.scale-copy .num{color:var(--ink)}
.source{font:400 13px/1.6 var(--f-mono);color:var(--ink-2);max-width:72ch}
@media (min-width:960px){.scales{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}}

/* AUTOGRAPHED: the red stamp slams, the silver paint-marker stroke draws */
.auto-grid{display:grid;gap:30px}
.signed{position:relative;display:inline-block;padding-bottom:16px}
.signed svg{position:absolute;left:-2%;bottom:-6px;width:104%;height:26px;overflow:visible}
.signed path{fill:none;stroke:url(#marker);stroke-width:5;stroke-linecap:round}
.signed.run path{animation:draw 1.1s cubic-bezier(.5,.1,.2,1) .15s both}
@keyframes draw{from{stroke-dashoffset:var(--len,420)}to{stroke-dashoffset:0}}
.showline{position:relative;margin:0 0 22px;padding:22px 20px 22px 24px;background:var(--od-deep);box-shadow:inset 0 0 0 1px var(--od-line)}
.showline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--gold-hi),var(--gold-deep))}
.showline q{display:block;font:italic 800 clamp(24px,1.6vw + 18px,38px)/1.02 var(--f-race);letter-spacing:.02em;text-transform:uppercase;color:var(--white);quotes:"\201C" "\201D"}
.showline cite{display:block;margin-top:12px;font:600 12.5px/1.5 var(--f-mono);font-style:normal;letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}
.auto-copy p{color:#dcdfd6}
.auto-cta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:8px}
.tally{padding:24px 20px 22px;background:var(--gun-2);box-shadow:var(--sh-1),inset 0 0 0 1px var(--line-d)}
.tally-n{display:flex;align-items:baseline;gap:12px;margin:0 0 6px}
.tally-n .num{font-family:var(--f-race);font-style:italic;font-weight:800;font-size:clamp(72px,4.4vw + 48px,116px);line-height:.9;color:var(--gold);letter-spacing:.02em}
.tally-n .of{font:600 22px/1 var(--f-mono);color:var(--fog)}
.tally-l{margin:0 0 20px;color:#dcdfd6;font-size:17px;max-width:36ch}
.tally-lamps{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:0;padding:16px 0 0;list-style:none;border-top:1px dashed var(--line-d)}
.tally-lamps li{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.tally-lamps .d{font:600 12px/1.2 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--fog);text-align:center;white-space:nowrap}
.tally-lamps li.on .d{color:var(--white)}
.tally.run .lamp.on{animation:lampOn .5s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}
@media (min-width:960px){.auto-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}}

/* COLLECTION INTAKE: the form as an intake sheet on an olive clipboard */
.sell-grid{display:grid;gap:34px}
.sell-copy p{color:#dcdfd6}
.sell-copy .lede{color:#dcdfd6}
.row-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0 0 1em}
.clipboard{position:relative;padding:34px 10px 12px;background:linear-gradient(180deg,#4a5238,#2f3526);box-shadow:var(--sh-2),inset 0 0 0 1px rgba(243,241,234,.08)}
.clip{position:absolute;left:50%;top:-14px;width:132px;height:40px;transform:translateX(-50%);border-radius:6px 6px 10px 10px;background:linear-gradient(180deg,#f2f2f2,#b9bcc2 45%,#8d9097 55%,#d9dbe0);box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 #fff}
.clip::after{content:"";position:absolute;left:50%;top:7px;width:44px;height:10px;transform:translateX(-50%);border-radius:6px;background:#3a3d44;box-shadow:inset 0 2px 3px rgba(0,0,0,.6)}
.sheet{position:relative;padding:26px 18px 22px;background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sheet-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--ink);font:600 12px/1.4 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase}
.sheet-head span:last-child{color:var(--ink-2);font-weight:600}
.sheet h2,.sheet h3{font-size:34px;margin:0 0 6px}
.sheet .sub{margin:0 0 16px;color:var(--ink-2);font-size:16px}
.f-row{display:grid;gap:14px;margin-bottom:14px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld>label,.fld legend,.lbl-mono{font:600 12px/1.3 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--ink)}
.fld .opt{font-weight:400;color:var(--ink-2);text-transform:none;letter-spacing:.02em}
.fld input[type=text],.fld input[type=tel],.fld input[type=email],.fld select,.fld textarea{width:100%;min-height:48px;padding:10px 12px;background:#fff;border:0;border-bottom:2px solid rgba(21,23,26,.55);font:400 17px/1.4 var(--f-body);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(21,23,26,.14)}
.fld textarea{min-height:96px;resize:vertical}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--gold-text);outline-offset:1px;border-bottom-color:var(--gold-text)}
.fld .hint{font-size:14px;color:var(--ink-2)}
.fld .err-msg{font-size:14px;color:var(--err);font-weight:600}
fieldset.fld{margin:0 0 14px;padding:0;border:0}
.f-row.two fieldset.fld{margin-bottom:0}
.choices{display:flex;flex-wrap:wrap;gap:8px}
.choice{position:relative;display:inline-flex}
.choice input{position:absolute;opacity:0;width:1px;height:1px}
.choice span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(21,23,26,.3);font:600 15px/1 var(--f-body);color:var(--ink);cursor:pointer;user-select:none}
.choice input:checked+span{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.choice input:focus-visible+span{outline:2px solid var(--gold-text);outline-offset:2px}
.consent{margin:4px 0 16px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.f-submit{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.f-submit .btn{min-width:220px}
.preview-note{margin:14px 0 0;padding:10px 12px;background:var(--sand-2);font:400 13.5px/1.5 var(--f-body);color:var(--ink)}
.preview-note b{font-weight:600}
.hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.f-error{margin:14px 0 0;padding:14px 16px;background:#fff;box-shadow:inset 0 0 0 2px var(--err);color:var(--ink)}
.f-error p{margin:0 0 10px}
.f-error strong{color:var(--err)}
.f-error .row-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.f-error a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600}
.is-sending .btn[type=submit]{opacity:.8;pointer-events:none}
.is-sending .btn[type=submit] .lbl::after{content:" (sending)";text-transform:none;letter-spacing:0}
@media (min-width:600px){.f-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet{padding:30px 28px 26px}.clipboard{padding:36px 16px 16px}}
@media (min-width:1000px){.sell-grid{grid-template-columns:minmax(0,5.4fr) minmax(0,6.6fr);gap:60px;align-items:start}.sell-copy{position:sticky;top:calc(var(--bar) + 40px)}}

/* the packing slip: shipping proof and the form's confirmation print the same way */
.slip-slot{position:relative;padding-top:10px}
.slip-slot::before{content:"";position:absolute;left:-4px;right:-4px;top:0;height:10px;border-radius:5px;background:linear-gradient(180deg,#0b0c0f,#2a2e35);box-shadow:inset 0 2px 3px rgba(0,0,0,.7)}
.slip-clip{overflow:hidden;padding:0 4px 14px;margin:0 -4px}
.slip{position:relative;padding:16px 18px 22px;background:#fffdf7;color:var(--ink);font:600 12.5px/1.7 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;box-shadow:0 8px 18px rgba(21,23,26,.16)}
.slip::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:8px;background:radial-gradient(circle at 6px 0,transparent 4px,#fffdf7 4.5px) -6px 0/12px 8px repeat-x}
.slip b{font-weight:600}
.slip .ln{display:flex;gap:8px}
.slip .ln span:first-child{flex:none}
.slip .ln i{flex:1;border-bottom:1px dotted rgba(21,23,26,.4);transform:translateY(-5px);font-style:normal}
.slip .ttl{display:block;margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed rgba(21,23,26,.4);font-weight:600;letter-spacing:.14em}
.slip-slot.run .slip{animation:print .9s steps(9,end) both}
@keyframes print{from{transform:translateY(-102%)}to{transform:none}}
.f-ok{margin-top:16px}

/* THE RECORD (about): a manila dossier with typed lines */
.about-grid{display:grid;gap:32px}
.dossier{position:relative;padding:28px 22px 24px;background:linear-gradient(180deg,var(--manila),var(--manila-2));color:var(--ink);box-shadow:var(--sh-2),inset 0 0 0 1px rgba(0,0,0,.15)}
.dossier::before{content:"";position:absolute;left:18px;right:auto;top:-14px;width:160px;height:16px;background:var(--manila);clip-path:polygon(0 100%,8% 0,92% 0,100% 100%)}
.dossier .tab{position:absolute;right:18px;top:12px;font:600 11.5px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#2b2d27}
.dossier .lede{color:#2b2d27}
.record{margin:0;padding:0;border-top:2px solid rgba(21,23,26,.5)}
.record div{display:grid;gap:4px;padding:14px 0;border-bottom:1px dashed rgba(21,23,26,.35)}
.record dt{font:600 12.5px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#4d3a12}
.record dd{margin:0;color:var(--ink);font-size:16.5px}
.motto{margin:0}
.tagline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font:italic 800 clamp(36px,3vw + 22px,62px)/.95 var(--f-race);letter-spacing:.02em;text-transform:uppercase;color:var(--white);margin:0 0 10px}
.tagline .st{width:.45em;height:.45em;flex:none;color:var(--gold);margin-right:.25em}
.tagline span{white-space:nowrap;display:inline-flex;align-items:center}
@media (min-width:800px){.record div{grid-template-columns:190px minmax(0,1fr);gap:20px}}
@media (min-width:960px){.about-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:start}}
.closing{position:relative;overflow:hidden;background:var(--od)}
.closing::before{content:"";position:absolute;inset:0;background:url(/img/closing/camo-swatch.webp) center/560px 1660px repeat;opacity:.16;mix-blend-mode:luminosity;pointer-events:none}
@media (min-width:1000px){.closing{padding:clamp(32px,4vw,64px) 0}.closing-art{width:min(1000px,100% - 2 * var(--gutter))}}
.closing-art{position:relative;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px rgba(232,179,67,.25),0 24px 60px rgba(0,0,0,.45)}
.closing-art img{width:100%;height:auto;aspect-ratio:1625/884}
.closing-line{position:relative;z-index:2;margin:0;padding:20px var(--gutter) 22px;background:var(--od-deep);text-align:center;border-top:3px solid var(--gold);font:italic 800 clamp(30px,3.2vw + 16px,58px)/1 var(--f-race);letter-spacing:.03em;text-transform:uppercase;color:var(--white)}
.closing-line span{color:var(--gold)}

/* REVIEWS: field notes on sand */
.rev-top{display:grid;gap:26px;margin-bottom:clamp(28px,3vw,44px)}
.rev-grid{display:grid;gap:16px}
.review{position:relative;margin:0;padding:18px 18px 16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-p),0 1px 0 rgba(21,23,26,.05)}
.review::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}
.review blockquote{margin:0 0 14px;font:400 17.5px/1.5 var(--f-body);color:var(--ink)}
.review figcaption{display:flex;flex-wrap:wrap;gap:4px 10px;padding-top:10px;border-top:1px dashed var(--line-p);font:600 12px/1.4 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--ink-2)}
.review figcaption b{color:var(--ink);font-weight:600}
.review figcaption .src{color:var(--gold-text);font-weight:600}
.review figcaption .dt{color:var(--red-text);font-weight:600}
@media (min-width:700px){.rev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.rev-top{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;gap:56px}.rev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review.wide{grid-column:span 2}}

/* FAQ */
.faq-grid{display:grid;gap:26px}
.faq details{border-bottom:1px solid var(--line-d)}
.faq details:first-child{border-top:1px solid var(--line-d)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font:800 clamp(22px,.8vw + 18px,27px)/1.1 var(--f-race);text-transform:uppercase;letter-spacing:.02em;color:var(--white)}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:20px;height:20px;flex:none;color:var(--gold);transition:transform .25s var(--ease)}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq .faq-a{padding:0 0 18px;max-width:64ch;color:#d5d7dc}
.faq .faq-a p{margin:0}
.faq .faq-a a{color:var(--gold);font-weight:600}
.faq .faq-a a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
@media (min-width:960px){.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px}}

/* footer */
.foot{background:var(--deep);color:var(--fog);padding:56px 0 calc(var(--mbar,0px) + 28px);border-top:1px solid var(--line-d)}
.foot-grid{display:grid;gap:26px;margin-bottom:28px}
.foot .brand{color:var(--white)}
.foot p{margin:0 0 8px;font-size:15px}
.foot a{color:var(--white)}
.foot .links{display:flex;flex-direction:column;gap:2px}
.foot .links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-decoration-color:rgba(232,179,67,.5);text-underline-offset:4px}
.foot .fine{font:400 13px/1.6 var(--f-mono);color:var(--fog);max-width:80ch}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:20px;border-top:1px solid var(--line-d)}
.foot-base .fine a{display:inline-flex;align-items:center;min-height:44px;color:var(--white);text-underline-offset:4px}
.agency-credit{margin:0;font-size:14px;color:var(--fog)}
.agency-credit a{color:var(--white);white-space:nowrap}
@media (min-width:800px){.foot-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr)}}

/* mobile sticky bar (DK1): Watch live, Text, Call; never over the form's submit */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:1.5fr 1fr 1fr;background:var(--deep);border-top:1px solid var(--line-d);padding-bottom:env(safe-area-inset-bottom);transition:transform .3s var(--ease)}
.mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;color:var(--white);text-decoration:none;font:600 14px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase}
.mbar a+a{border-left:1px solid var(--line-d)}
.mbar svg{width:18px;height:18px;color:var(--gold)}
.mbar .mb-watch{background:var(--red);color:#fff}
.mbar .mb-watch svg{color:#fff}
.mbar.is-away{transform:translateY(110%)}
:root{--mbar:57px}
@media (min-width:1000px){.mbar{display:none}:root{--mbar:0px}}

/* drawer and the ask dialog */
dialog{border:0;padding:0;max-width:none;max-height:none}
dialog::backdrop{background:rgba(13,14,16,.74)}
.drawer{position:fixed;inset:0;width:100%;height:100%;margin:0;background:var(--deep);color:var(--white);overflow:auto;overscroll-behavior:contain}
.drawer-top{display:flex;align-items:center;justify-content:space-between;height:var(--bar);padding:0 var(--gutter);border-bottom:1px solid var(--line-d)}
.drawer nav{display:flex;flex-direction:column;padding:12px var(--gutter)}
.drawer nav a{display:flex;align-items:center;min-height:58px;border-bottom:1px solid var(--line-d);color:var(--white);text-decoration:none;font:italic 800 32px/1 var(--f-race);letter-spacing:.03em;text-transform:uppercase}
.drawer .d-acts{display:grid;gap:10px;padding:18px var(--gutter) 40px}
.x-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-d)}
.x-btn svg{width:22px;height:22px}
.ask{width:min(640px,100%);max-height:100%;margin:auto;background:transparent;color:var(--ink);overflow:auto;overscroll-behavior:contain}
.ask .clipboard{margin:22px 10px 12px}
.ask .x-btn{position:absolute;right:12px;top:12px;z-index:3;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-p);background:#fff}
@media (min-width:700px){.ask .clipboard{margin:40px 16px 24px}}

/* click burst: tiny star and checker glyphs, once per press */
.burst{position:fixed;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;z-index:300;pointer-events:none}

/* reveal system: base styles are the finished frame; .rv-on is added only by script, never under reduced motion */
html.rv-on [data-rv]:not(.in){opacity:0;transform:translateY(16px)}
html.rv-on [data-rv]{transition:opacity .7s var(--ease),transform .7s var(--ease)}
html.rv-on .chev:not(.in) path{stroke-dasharray:60;stroke-dashoffset:60}
html.rv-on .chev path{stroke-dasharray:60;transition:stroke-dashoffset .9s var(--ease)}
html.rv-on .chev.in path{stroke-dashoffset:0}
html.rv-on .chev path:nth-child(2){transition-delay:.12s}
html.rv-on .chev path:nth-child(3){transition-delay:.24s}

/* the selftest panel (?selftest=1 only) */
.selftest{position:fixed;left:12px;bottom:72px;z-index:400;width:min(420px,calc(100% - 24px));max-height:60vh;overflow:auto;padding:14px 16px;background:#fff;color:#111;box-shadow:0 12px 40px rgba(0,0,0,.5);font:600 12.5px/1.5 var(--f-mono)}
.selftest h2{font:600 14px/1.2 var(--f-mono);text-transform:none;margin:0 0 8px}
.selftest .pass{color:#13652f}.selftest .fail{color:#a10e0e}

/* ---------- the action layer: burnout, pit stop, lights out, finish flag, tire-smoke puffs (all decoration; base = the finished frame) ---------- */
.smoke{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hl{position:absolute;z-index:2;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,rgba(255,252,240,.95) 0,rgba(255,238,196,.55) 12%,rgba(255,222,150,.12) 38%,rgba(255,222,150,0) 62%)}
.hl::after{content:"";position:absolute;left:-90%;right:-90%;top:47%;height:6%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(255,246,226,.85),rgba(255,236,200,0) 70%)}
.pitlane{position:relative;overflow:hidden;background:#151617;border-top:2px solid #0b0c0d;border-bottom:2px solid #0b0c0d}
.pitlane.bg-on{background:#151617 url(/img/pit/asphalt-800.webp) center/cover no-repeat}
@media (min-width:1000px){.pitlane.bg-on{background-image:url(/img/pit/asphalt-1376.webp)}}
.pl-track{position:relative;height:clamp(124px,9vw + 90px,196px)}
.pl-track::before{content:"";position:absolute;left:0;right:0;top:11%;height:3px;background:rgba(243,241,234,.5);box-shadow:0 1px 0 rgba(0,0,0,.45)}
.pl-track::after{content:"";position:absolute;left:0;right:0;bottom:6%;height:3px;background:repeating-linear-gradient(90deg,rgba(243,241,234,.42) 0 38px,rgba(0,0,0,0) 38px 70px)}
.pl-paint{position:absolute;left:var(--gutter);bottom:15%}
.pl-paint::before{content:"Pit";display:block;font:italic 800 clamp(34px,3vw + 22px,64px)/1 var(--f-race);letter-spacing:.06em;text-transform:uppercase;color:rgba(232,179,67,.26);transform:skewX(-8deg);pointer-events:none}
.pl-park{position:absolute;left:calc(50% - min(220px,29vw));bottom:14%;width:min(440px,58vw);aspect-ratio:1319 / 403}
.pl-box{position:absolute;left:-8%;right:-8%;top:97%;height:3px;background:rgba(232,179,67,.7)}
.pl-box::before,.pl-box::after{content:"";position:absolute;bottom:0;width:3px;height:clamp(16px,2vw + 8px,30px);background:rgba(232,179,67,.7)}
.pl-box::before{left:0}.pl-box::after{right:0}
.pl-skid{position:absolute;top:calc(97% - 6px);height:10px;border-radius:5px;transform-origin:100% 50%;background:linear-gradient(90deg,rgba(4,4,5,0),rgba(4,4,5,.72) 55%,rgba(4,4,5,.9));filter:blur(.5px)}
.pl-skid.r{right:80.2%;width:58%}
.pl-skid.f{right:17.6%;width:46%}
.pl-car{position:absolute;inset:0;transform-origin:82% 97%}
.pl-car img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.pl-streak{opacity:0}
.pl-car::before{content:"";position:absolute;right:88%;top:22%;width:90%;height:62%;opacity:0;background:repeating-linear-gradient(180deg,rgba(243,241,234,0) 0 9px,rgba(243,241,234,.3) 9px 10px);-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.pitlane.armed .pl-car{transform:translateX(-170vw)}
.pitlane.armed .pl-skid{transform:scaleX(0)}
.pitlane.armed .pl-streak,.pitlane.armed .pl-car::before{opacity:1}
.pitlane.armed .pl-sharp{opacity:0}
.pl-smoke{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.pl-cap{position:absolute;right:var(--gutter);bottom:12%;z-index:3;padding:4px 7px;background:rgba(21,23,26,.88);font:600 11.5px/1.2 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}
@media (max-width:599px){.pl-cap{bottom:auto;top:16%;right:10px}}
.lights{display:flex;gap:7px;margin:0 0 10px}
.lights i{display:block;width:15px;height:15px;border-radius:50%;background:#2b3038;box-shadow:inset 0 1px 2px rgba(0,0,0,.65),0 0 0 2px #0b0c0e;transition:background-color .08s linear,box-shadow .08s linear}
.lights i.on{background:radial-gradient(circle at 40% 35%,#ff9c90,var(--red) 62%);box-shadow:0 0 0 2px #0b0c0e,0 0 12px rgba(255,60,50,.8)}
.lights.go i,.lights.live i{background:radial-gradient(circle at 40% 35%,#c9ffb0,#2fbf4a 62%);box-shadow:0 0 0 2px #0b0c0e,0 0 12px rgba(70,225,100,.75)}
@media (min-width:800px){.cd-block .lights{justify-content:flex-end}}
.cd-box.launch .dg>span{animation:digitLaunch .6s cubic-bezier(.18,.9,.22,1.12) both;animation-delay:calc(var(--d,0) * 45ms)}
@keyframes digitLaunch{0%{transform:translateY(105%);filter:blur(2px)}100%{transform:none;filter:none}}
.finish{position:relative;width:100%;height:28px;--sq:14px;background:conic-gradient(#111216 25%,#f3f1ea 0 50%,#111216 0 75%,#f3f1ea 0) 0 0 / calc(var(--sq) * 2) calc(var(--sq) * 2)}
@media (min-width:1000px){.finish{height:40px;--sq:20px}}
.finish canvas{position:absolute;inset:0;width:100%;height:100%;visibility:hidden}
.finish.waving{background:var(--od)}
.finish.waving canvas{visibility:visible}
.puff{position:fixed;left:0;top:0;z-index:300;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(228,222,210,.82) 0,rgba(212,206,194,.4) 44%,rgba(200,194,182,0) 70%)}
html.rv-on [data-rv]:not(.in) h2{transform:translateX(-56px) skewX(-16deg);filter:blur(3px)}
html.rv-on [data-rv] h2{transition:transform .8s cubic-bezier(.16,.9,.24,1.06),filter .55s ease-out}

.chev-mark{display:inline-block;width:20px;height:16px;margin-right:8px;vertical-align:-3px;color:var(--gold)}
.hero-art picture{display:contents}
@media (max-width:599px){.cap{right:auto;left:10px;top:8px;bottom:auto}}

/* ================= v2 RACE REVISION (William, 2026-10-07: "Not a fan of the crates on the bottom", "I like this but maybe with
   more of a race theme like you are doing", "Like that maybe with some army theme"; his reference, thepitstopdiecasts.com, leads
   with a full-bleed race photo, a heavy headline and a red call to action). Race first: Barlow Condensed ExtraBold Italic for the
   display type, asphalt, checkers, painted grid boxes, a timing tower. The army stays as accents: his badge, the stencil stamps
   and wordmark, the dog tags, the chevrons, olive on the intake and his camouflage banner. ================= */
:root{--f-race:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--sand:#ecebe5;--sand-2:#e0ddd5;--card:#f9f8f4;--asph:#18191c;--asph-2:#202327;--chk-l:#f3f1ea;--chk-d:#111214}
h1,h2,h3{font-family:var(--f-race);font-style:italic;font-weight:800;letter-spacing:0;line-height:.9}
.hero h1 em{font-style:italic}
.checks{background:repeating-conic-gradient(var(--chk-d) 0 25%,var(--chk-l) 0 50%) 0 0/var(--sq,24px) var(--sq,24px)}

/* the hero: one full-bleed race scene (a 21:9 frame, the car right of center), the headline over its calm left side */
.hero-art img{object-position:62% 60%}
.btn-shop{white-space:nowrap}
@media (max-width:599px){.hero .hero-art img,.hero .hero-art video{aspect-ratio:4/3;object-position:50% 50%}.hero-cta .btn-shop{flex:1 1 100%}}
@media (min-width:1000px){
  .hero .hero-art{inset:0;top:0;height:auto;-webkit-mask-image:none;mask-image:none}
  .hero .hero-art img{object-position:40% 58%}
  .hero .hero-art::before{background:linear-gradient(90deg,rgba(11,12,14,.9) 0%,rgba(11,12,14,.74) 26%,rgba(11,12,14,.3) 42%,rgba(11,12,14,0) 52%),linear-gradient(0deg,var(--gun) 0%,rgba(21,23,26,0) 16%),linear-gradient(180deg,rgba(11,12,14,.62) 0%,rgba(11,12,14,0) 20%)}
  .hero h1{font-size:clamp(58px,2.4vw + 36px,78px)}
  .hero-copy{max-width:640px}
}
@media (min-width:1000px) and (max-width:1099px){.hero .hero-art img{object-position:62% 58%}.hero h1{font-size:54px}.hero-copy{max-width:470px}.hero .deck{max-width:24em;font-size:17.5px}}
@media (min-width:1100px) and (max-width:1279px){.hero .hero-art img{object-position:52% 58%}.hero-copy{max-width:540px}.hero h1{font-size:62px}}

/* WALK AROUND THE #18: his renders on one studio cyclorama, a turntable you drag, step or tap */
.studio{background:linear-gradient(180deg,#d3d8de 0%,#e6e9ec 40%,#f2f2f0 100%);color:var(--ink)}
.studio .kicker{color:var(--gold-text)}
.studio .kicker .chev-mark{color:var(--gold-text)}
.studio .lede{color:var(--ink-2)}
.walk{position:relative}
.walk-stage{position:relative;aspect-ratio:16/9;margin:0 calc(var(--gutter) * -1);overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.walk-stage:active{cursor:grabbing}
.walk-stage:focus-visible{outline:2px solid var(--gold-text);outline-offset:-6px}
@media (min-width:700px){.walk-stage{aspect-ratio:5/2}}
@media (min-width:1280px){.walk-stage{margin:0}}
.walk-f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;-webkit-user-drag:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 100%);mask-composite:intersect}
.walk-f.is-on{opacity:1}
.walk.js .walk-f{transition:opacity .2s linear}
.walk-hud{position:absolute;left:clamp(16px,4%,48px);right:clamp(16px,4%,48px);top:14px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0;font:600 12px/1.3 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--ink-2);pointer-events:none}
.walk-hud .hud-l,.walk-hud .hud-r{padding:7px 10px 6px;background:rgba(244,244,242,.9);box-shadow:0 1px 0 rgba(21,23,26,.06)}
.walk-hud .hud-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.walk-hud b{font:italic 800 clamp(26px,1.6vw + 18px,38px)/1 var(--f-race);letter-spacing:.01em;color:var(--red-text)}
.walk-hint{position:absolute;left:50%;bottom:12px;z-index:2;margin:0;transform:translateX(-50%);pointer-events:none;transition:opacity .4s}
.walk-hint span{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;background:rgba(21,23,26,.82);color:#f3f1ea;border-radius:99px;font:600 11.5px/1 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase}
.walk-hint span::before,.walk-hint span::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg)}
.walk-hint span::after{transform:rotate(-135deg)}
.walk.touched .walk-hint{opacity:0}
.walk-bar{display:flex;align-items:center;gap:10px;margin-top:16px}
.walk-thumbs{display:flex;flex:1;gap:8px;min-width:0;margin:0;padding:4px;list-style:none;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.walk-thumbs::-webkit-scrollbar{display:none}
.walk-thumbs li{flex:none;scroll-snap-align:center}
.walk-t{display:block;width:96px;height:44px;padding:0;border:0;border-radius:4px;background:#fff;box-shadow:0 0 0 1px rgba(21,23,26,.16);cursor:pointer;overflow:hidden;transition:box-shadow .2s,transform .2s}
.walk-t img{width:100%;height:100%;object-fit:cover}
.walk-t[aria-pressed="true"]{box-shadow:0 0 0 3px var(--red),0 8px 18px rgba(21,23,26,.2);transform:translateY(-2px)}
.walk-t:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.walk-t.is-top{margin-left:10px;position:relative}
.walk-btn{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--ink);color:#f3f1ea;cursor:pointer;transition:background .2s}
.walk-btn svg{width:22px;height:22px}
.walk-btn:hover{background:var(--red-deep)}
.walk-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (max-width:599px){.walk-hud .hud-l{display:none}.walk-hud{top:10px}}
@media (max-width:699px){.walk-thumbs{justify-content:center;overflow:visible}.walk-thumbs li{display:none}.walk-thumbs li:last-child{display:block}.walk-t.is-top{margin-left:0}}
.walk-foot{margin:16px 0 0;font:400 13px/1.5 var(--f-mono);letter-spacing:.04em;color:var(--ink-2)}
@media (min-width:1000px){.walk-thumbs{justify-content:center}.walk-t{width:112px;height:50px}}
.walk.spin .walk-f{transition:opacity .09s linear}

/* THE TRACK MAP: the week as one lap of an oval; the start/finish line is now (replaces the radar) */
.track{position:relative;background:linear-gradient(180deg,var(--gun-3),var(--gun-2));box-shadow:var(--sh-2),inset 0 0 0 1px var(--line-d);padding:18px 18px 16px}
.track-head{display:flex;justify-content:space-between;gap:10px;margin:0 0 12px;font:600 12px/1.4 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}
.track-head b{color:var(--gold);font-weight:600}
.oval{position:relative;width:100%;aspect-ratio:8/5}
.oval svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.oval .asphalt{fill:#2c2f33}
.oval .infield{fill:#353c2b;stroke:rgba(243,241,234,.7);stroke-width:1.2}
.oval .wall{fill:none;stroke:#e9e6dc;stroke-width:2.4}
.oval .lap{fill:none;stroke:rgba(232,179,67,.32);stroke-width:1;stroke-dasharray:2 5}
.oval .tick{stroke:rgba(243,241,234,.55);stroke-width:1}
.oval .tick-l{font:600 9px var(--f-mono);letter-spacing:.06em;fill:var(--fog);text-transform:uppercase}
#cars{position:absolute;inset:0}
.tcar{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 0 2px #15171a,0 0 10px rgba(254,202,90,.85);transform:translate(var(--x,0),var(--y,0))}
.tcar.live{width:15px;height:15px;margin:-7.5px 0 0 -7.5px;background:var(--red-lit);box-shadow:0 0 0 2px #15171a,0 0 16px rgba(255,90,77,.95)}
.tcar.live.pulse{animation:tPulse 1.4s ease-in-out infinite}
@keyframes tPulse{50%{box-shadow:0 0 0 2px #15171a,0 0 4px rgba(255,90,77,.4)}}
.tcar-l{position:absolute;left:0;top:0;transform:translate(var(--x,0),var(--y,0));padding:1px 5px;background:rgba(13,14,16,.9);border-radius:2px;font:600 11px/1.25 var(--f-mono);letter-spacing:.04em;color:var(--gold-hi);white-space:nowrap}
.tcar-l.live{color:var(--red-lit)}
.track-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;list-style:none;font:600 11.5px/1.4 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--fog)}
.track-key li{display:flex;align-items:center;gap:7px}
.track-key i{width:8px;height:8px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 6px rgba(254,202,90,.8)}
.track-key i.r{background:var(--red-lit);box-shadow:0 0 6px rgba(255,90,77,.9)}
.track-key i.sf-k{width:12px;height:8px;border-radius:0;box-shadow:none;--sq:4px;background:repeating-conic-gradient(var(--chk-d) 0 25%,var(--chk-l) 0 50%) 0 0/4px 4px}
.track-foot{margin:12px 0 0;font:400 13px/1.5 var(--f-mono);letter-spacing:.04em;color:var(--fog)}
.track.run .tcar{animation:tIn .5s var(--snap) both;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes tIn{from{opacity:0;transform:translate(var(--x,0),var(--y,0)) scale(.2)}to{opacity:1;transform:translate(var(--x,0),var(--y,0)) scale(1)}}
@media (max-width:699px){.track{max-width:460px}}
@media (min-width:1100px){.track{position:sticky;top:calc(var(--bar) + 20px)}}
@media (min-width:700px) and (max-width:1099px){.track{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-areas:"head head" "oval key" "oval foot";gap:0 24px;align-items:start}.track-head{grid-area:head}.oval{grid-area:oval}.track-key{grid-area:key;margin-top:0}.track-foot{grid-area:foot}}

/* THE STARTING GRID: six categories on painted grid boxes, P1 to P6 (replaces the supply crates) */
.asphalt-sec{position:relative;background-color:var(--asph);background-image:url(/img/grain.png),radial-gradient(120% 70% at 50% 0%,#24272b 0%,var(--asph) 60%);background-size:128px 128px,auto;color:var(--white);padding-top:calc(var(--sec) + 26px)}
.sf-strip{position:absolute;left:0;right:0;top:0;height:26px;background:repeating-conic-gradient(var(--chk-d) 0 25%,var(--chk-l) 0 50%) 0 0/26px 26px;box-shadow:0 1px 0 rgba(0,0,0,.6)}
.grid-slots{display:grid;grid-template-columns:minmax(0,1fr);gap:46px 30px;padding-top:12px}
.slot{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--asph-2);box-shadow:var(--sh-1),inset 0 0 0 1px var(--line-d)}
.slot::before{content:"";position:absolute;left:-10px;right:-10px;top:-10px;height:62%;border:2px solid rgba(243,241,234,.72);border-bottom:0;pointer-events:none}
.slot-img{position:relative;margin:0;overflow:hidden;background:#0d0e10}
.slot-img img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s var(--ease)}
.slot-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,16,.5) 0%,rgba(13,14,16,0) 30%,rgba(13,14,16,0) 70%,rgba(13,14,16,.55) 100%);pointer-events:none}
.slot-pos{position:absolute;left:12px;top:10px;z-index:2;padding:4px 12px 2px 8px;background:rgba(10,11,13,.82);box-shadow:inset 0 0 0 1px rgba(243,241,234,.18);font:italic 800 clamp(40px,2.6vw + 26px,56px)/1 var(--f-race);color:#f6f4ee;letter-spacing:.01em;transform:skewX(-8deg)}
.slot-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 22px}
.slot .slot-plate{align-self:flex-start;margin:0 0 12px;padding:6px 10px 5px;background:var(--red);color:#fff;font:600 12px/1 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;transform:skewX(-10deg)}
.slot h3{margin:0 0 10px;font-size:32px}
.slot p{margin:0 0 8px;color:#d2d5cc;font-size:16.5px}
.slot .act{margin-top:auto;padding-top:14px}
.slot .act .btn{min-height:48px;font-size:14px}
@media (hover:hover) and (pointer:fine){.slot:hover .slot-img img{transform:scale(1.04)}}
@media (min-width:640px){.grid-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.grid-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 34px;padding-bottom:40px}.slot:nth-child(3n+2){transform:translateY(40px)}}
.asphalt-sec .label-illus{margin-top:26px}

/* THE RUNNING ORDER: his Whatnot listings on a timing tower (replaces the supply manifest) */
.tower{position:relative;background:#121417;color:var(--white);box-shadow:0 18px 40px rgba(21,23,26,.3);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.tw-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 18px;background:linear-gradient(90deg,var(--red-deep),var(--red) 70%)}
.tw-head .ttl{display:inline-flex;align-items:center;gap:12px;font:italic 800 clamp(24px,1.2vw + 18px,32px)/1 var(--f-race);letter-spacing:.02em;text-transform:uppercase}
.flag-ico{width:28px;height:19px;flex:none;background:repeating-conic-gradient(var(--chk-d) 0 25%,#fff 0 50%) 0 0/9.4px 9.4px;box-shadow:0 0 0 1px rgba(0,0,0,.45)}
.tw-head .stamp{padding:4px 8px 3px;border:2px solid rgba(255,255,255,.8);font:600 12px/1.3 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:#fff;transform:none;animation:none}
.tw{margin:0;padding:4px 0;list-style:none}
.tw li{display:grid;grid-template-columns:30px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 18px 9px 12px;border-bottom:1px solid rgba(243,241,234,.08)}
.tw li:nth-child(odd){background:rgba(243,241,234,.035)}
.tw .pos{display:grid;place-items:center;width:30px;height:24px;background:#f3f1ea;color:#111214;font:italic 800 16px/1 var(--f-race);transform:skewX(-8deg)}
.tw li:first-child .pos{background:var(--gold)}
.tw .t{font:600 16.5px/1.3 var(--f-body);overflow-wrap:anywhere}
.tw .p{font:600 16.5px/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.tw .mk{display:inline-block;width:18px;height:12px;flex:none}
.tw .mk.dot{width:7px;height:7px;margin:0 5px;background:var(--gold);transform:rotate(45deg)}
.tw .mk.flag{position:relative;background:repeating-linear-gradient(180deg,var(--red-lit) 0 2.4px,#fff 2.4px 4.8px)}
.tw .mk.flag::before{content:"";position:absolute;left:-3px;top:-3px;bottom:-5px;width:2px;background:#c9cdc6}
@media (min-width:860px){.tw{columns:2;column-gap:0;column-rule:1px solid rgba(243,241,234,.1)}.tw li{break-inside:avoid}}
.tower.run .tw li{animation:twIn .45s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes twIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}

/* footer: the categories column (the reference store's footer move) */
.foot-h{margin:0 0 4px;font:600 12px/1.4 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase;color:var(--gold)}
@media (min-width:800px){.foot-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.25fr)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}
  html.rv-on [data-rv]:not(.in){opacity:1;transform:none}
  html.rv-on [data-rv] h2{transform:none;filter:none}
  .chev path{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .signed path{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .lamp.live.pulse,.tcar.live.pulse{animation:none!important}
  .beam{display:none}
  .stamp{transform:rotate(-4deg)!important;opacity:1!important;filter:none!important}
  .tag{transform:none!important}
  .slot:nth-child(3n+2){transition:none}
  .walk-f{transition:none!important}
  .hero-art video{display:none}
}
@media (prefers-reduced-data:reduce){.hero-art video{display:none}}
@media print{
  .hdr,.mbar,#splash,dialog,.menu-btn,.hero-art::before,.beam,.dust,.smoke,.hl,.pitlane,.finish,.puff,.hero-art video{display:none!important}
  html.rv-on [data-rv] h2{transform:none!important;filter:none!important}
  html.rv-on [data-rv]{opacity:1!important;transform:none!important}
  body{background:#fff;color:#000}
}

/* The store shares the finished SGT theme. These components add no motion or ambient effects. */
.store-page{background:var(--gun);color:var(--white)}
.store-main{min-height:55vh;padding-bottom:clamp(56px,7vw,100px)}
.store-page .progress,.store-page .burst{display:none}
.store-page .nav a[aria-current="page"]::after{transform:scaleX(1)}
[data-cart-open],.store-cart-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:0 10px;color:var(--white);font:600 14px/1 var(--f-body);text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line-d)}
[data-cart-open] svg,.store-cart-link svg{width:18px;height:18px;flex:none;color:var(--gold)}
[data-cart-count]{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.store-hero{position:relative;padding:42px 0 30px;border-bottom:1px solid var(--line-d);background:var(--od-deep)}
.store-hero::after{content:"";position:absolute;left:var(--gutter);bottom:-2px;width:64px;height:3px;background:var(--gold)}
.store-hero h1{font-size:clamp(58px,8vw,108px);line-height:.9;margin:0 0 16px}
.store-hero .kicker{margin-bottom:15px}
.store-hero .lede{margin-bottom:16px;max-width:58ch}
.store-hero .dated,.store-count{margin:0;font:400 13px/1.6 var(--f-mono);color:var(--fog)}
.store-count strong{color:var(--white);font-weight:600}
.store-layout{display:grid;gap:28px;padding-top:30px;align-items:start}
.store-layout>div{min-width:0}
.store-results{min-width:0}
.store-results-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-bottom:22px}
.store-results-head h2{font-size:32px}
.store-results-head p{margin:0;color:var(--fog);font-size:14px}
.store-filters{min-width:0;padding:20px;background:var(--gun-2);border:1px solid var(--line-d)}
.store-filters>h2{font-size:27px;margin:0 0 16px}
.store-filters details{border-top:1px solid var(--line-d)}
.store-filters summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-weight:600;cursor:pointer;list-style:none}
.store-filters summary::-webkit-details-marker{display:none}
.store-filters summary::after{content:"+";font:400 22px/1 var(--f-mono);color:var(--gold)}
.store-filters details[open]>summary::after{content:"−"}
.store-filters fieldset{min-width:0;margin:0 0 12px;padding:0;border:0}
.store-filters legend{font-weight:600;padding:0 0 8px}
.store-filters label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px;color:var(--white);cursor:pointer}
.store-filters input[type=checkbox],.store-filters input[type=radio]{width:20px;height:20px;flex:none;margin:0;accent-color:var(--gold)}
.store-filters input[type=number],.store-filters select{width:100%;min-width:0;min-height:46px;padding:9px 10px;background:var(--deep);color:var(--white);border:1px solid var(--steel-2);border-radius:var(--radius);font-size:16px;color-scheme:dark}
.store-filters select{height:46px;padding-right:24px}
.store-filters .filter-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:8px 0 12px}
.store-filters .filter-price label{display:block;min-height:0;font-size:14px}
.store-filters .filter-price input{margin-top:5px}
.store-filters .btn{width:100%;margin-top:14px;min-height:46px}
.store-filters .tlink{font-size:14px}
.store-filters .filter-count{margin-left:auto;color:var(--fog);font:400 12px/1 var(--f-mono)}
.store-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.store-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--gun-2);border:1px solid var(--line-d);box-shadow:0 5px 18px rgba(0,0,0,.16);transform:none!important}
.store-card::before{display:none}
.store-card-media,.store-card .slot-img{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:4/3;background:var(--asph,var(--deep));overflow:hidden}
.store-card-media img,.store-card .slot-img img{width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;transform:none!important;transition:none}
.store-card .slot-img::after{display:none}
.store-card-media a{display:block;width:100%;height:100%}
.store-no-image{display:flex;flex-direction:column;justify-content:center;gap:14px;width:100%;height:100%;min-height:100%;padding:24px;background:var(--asph,var(--deep));color:var(--white)}
.store-no-image strong{font:italic 800 clamp(24px,2vw,32px)/1.05 var(--f-race,var(--f-disp));text-transform:uppercase;overflow-wrap:anywhere}
.store-no-image span{font:400 13px/1.4 var(--f-mono);color:var(--gold)}
.store-card-body,.store-card .slot-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:19px 20px 20px}
.store-card h3{margin:10px 0 10px;font-size:28px;line-height:1.03;text-wrap:pretty;overflow-wrap:anywhere}
.store-card h3 a{text-decoration:none}
.store-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.store-card .chip,.store-status{display:flex;align-items:center;gap:8px;min-height:24px;font:600 11.5px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:normal;color:var(--gold)}
.store-card-facts,.store-card .facts{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--fog)}
.store-price,.store-card .price{margin:0 0 8px;font:600 20px/1.3 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.store-card .store-promised{margin:0 0 12px;font-size:14px;color:var(--white)}
.store-card [data-stock-label]{margin:0 0 12px;font-size:14px;color:var(--fog)}
[data-stock-label] .lamp{display:inline-block;vertical-align:middle;margin-right:8px;animation:none!important;box-shadow:none}
.store-card .store-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:12px}
.store-card .store-add .btn{flex:1;min-height:46px;padding:8px 14px;font-size:13px}
.store-card .store-add input[type=number],.store-card .store-add select{width:62px;min-height:46px;padding:7px;border:1px solid var(--steel-2);background:var(--deep);font-size:16px;color:var(--white);color-scheme:dark}
.store-card .store-view{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding-top:12px;color:var(--white);font-weight:600;text-underline-offset:4px;text-decoration-color:var(--gold)}
.store-empty{padding:30px 24px;border:1px solid var(--line-d);border-left:3px solid var(--gold);background:var(--gun-2)}
.store-empty h2{font-size:32px;margin:0 0 14px}
.store-empty p{max-width:58ch;color:var(--fog);margin-bottom:12px}
.store-empty a{display:inline-flex;align-items:center;min-height:44px;margin-right:18px;color:var(--gold-hi);text-underline-offset:4px}
.store-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:30px}
.store-pagination a,.store-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--line-d);font-family:var(--f-mono);font-size:13px;text-decoration:none}
.store-pagination [aria-current]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.store-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin:0;padding:20px 0;list-style:none;color:var(--fog);font-size:13px}
.store-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--white);text-underline-offset:4px}
.store-breadcrumb li+li::before{content:"/";margin-right:10px;color:var(--steel-2)}
.product-layout{display:grid;gap:28px;align-items:start;padding-top:8px}
.product-gallery{min-width:0}
.product-gallery-main{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--asph,var(--deep));border:1px solid var(--line-d)}
.product-gallery-main img,[data-gallery-main]{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--asph,var(--deep))}
.product-gallery-main .store-no-image{aspect-ratio:4/3}
.product-gallery-main .store-no-image strong{font-size:clamp(30px,4vw,54px)}
.product-gallery-thumbs{display:flex;gap:10px;overflow:auto;padding:12px 2px 6px;scrollbar-width:thin;scrollbar-color:var(--steel-2) var(--gun)}
[data-gallery-src]{display:block;flex:0 0 70px;width:70px;height:62px;padding:3px;background:var(--deep);border:1px solid var(--line-d);cursor:pointer}
[data-gallery-src] img{width:100%;height:100%;object-fit:contain}
[data-gallery-src][aria-pressed=true]{border:2px solid var(--gold)}
.product-panel{min-width:0}
.product-panel h1{margin:12px 0 18px;font-size:clamp(35px,3.6vw,58px);line-height:.98;text-wrap:pretty;overflow-wrap:anywhere}
.product-panel>.facts,.product-panel>.product-meta{margin:0 0 20px;font-size:15px;color:var(--fog)}
.product-buy{padding:23px 22px;background:var(--gun-2);border:1px solid var(--line-d);border-top:3px solid var(--gold)}
.product-buy .store-price,.product-buy .price{font-size:32px;margin:0 0 12px}
.product-buy .store-add{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 12px}
.product-buy .store-add .btn{flex:1;min-width:150px;padding:14px 18px}
.product-buy label{font-size:14px}
.product-buy input[type=number],.product-buy select{width:70px;min-height:52px;padding:8px 10px;background:var(--deep);color:var(--white);border:1px solid var(--steel-2);font-size:16px;color-scheme:dark}
.product-buy .btn{width:100%}
.product-buy .store-add .btn{width:auto}
.product-buy .store-shipping,.product-buy .fine{font-size:13px;line-height:1.6;color:var(--fog);margin:10px 0 0}
.product-buy .store-preorder-copy{font-size:16px;color:var(--white);margin:12px 0}
.product-buy [data-stock-label]{margin:12px 0;font-size:15px;color:var(--gold-hi)}
.product-buy .store-promised{font-weight:600;margin:0 0 12px}
.product-buy .store-condition{padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid var(--line-d)}
.product-buy .store-condition p{margin:0 0 8px}
.product-details{padding-top:36px}
.product-details>section{margin-top:30px}
.product-details h2{font-size:32px;margin:0 0 18px}
.product-details p{max-width:68ch}
.product-facts{padding:24px;background:var(--card);color:var(--ink);border-top:3px solid var(--gold)}
.product-facts h2{font-size:30px;margin:0 0 20px}
.product-facts dl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin:0}
.product-facts dt,.product-facts dd{min-width:0;margin:0;padding:11px 0;border-top:1px solid var(--line-p);font-size:15px;overflow-wrap:anywhere}
.product-facts dt{padding-right:16px;font-weight:600;color:var(--ink-2)}
.product-facts dd{color:var(--ink)}
.product-facts a{color:var(--gold-text);text-underline-offset:3px}
.scale-ruler{margin-top:28px;padding:22px;border:1px solid var(--line-d);background:var(--od-deep)}
.scale-ruler h2{font-size:28px;margin:0 0 10px}
.scale-ruler p{margin:0;color:var(--fog)}
.scale-ruler .ruler{max-width:100%;margin:22px 0 18px}
.scale-ruler [aria-current=true],.scale-ruler .is-scale{color:var(--gold-hi)}
.store-related{margin-top:48px;padding-top:28px;border-top:1px solid var(--line-d)}
.store-related>h2{font-size:36px;margin:0 0 25px}
.release-board{padding:32px 0 10px}
.release-board>h2{font-size:36px;margin:0 0 22px}
.release-month{margin-bottom:30px;border:1px solid var(--line-d);background:var(--deep)}
.release-month-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:18px 20px;border-bottom:1px solid var(--line-d);background:var(--od-deep)}
.release-month-head h2,.release-month-head h3{font:italic 800 30px/1 var(--f-race,var(--f-disp));margin:0;color:var(--white)}
.release-month-head p,.release-month-head span{margin:0;font:400 12px/1.5 var(--f-mono);color:var(--gold)}
.store-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:20px;padding:20px;scrollbar-width:thin;scrollbar-color:var(--steel-2) var(--deep);overscroll-behavior-inline:contain}
.store-rail>.store-card{flex:0 0 min(290px,84vw);scroll-snap-align:start}
.store-rail-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 20px 16px}
.store-rail-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 16px;background:transparent;color:var(--white);border:1px solid var(--steel-2);font-size:14px;cursor:pointer}
.store-page button:disabled,.cart button:disabled{opacity:.55;cursor:not-allowed}
.cart.drawer{inset:0 0 0 auto;width:100%;height:100%;height:100dvh;margin:0;background:var(--gun);color:var(--white);overscroll-behavior:contain;border-left:1px solid var(--line-d)}
.cart .drawer-top{height:auto;min-height:80px;gap:12px;padding:16px 22px;background:var(--od-deep)}
.cart .drawer-top h2{font-size:36px}
.cart .drawer-top [data-cart-close]{flex:none}
.cart-content,[data-cart-lines]{min-width:0;padding:22px}
.cart-content [data-cart-lines]{padding:0}
.cart-group{margin:0 0 28px}
.cart-group>h3{font-size:27px;line-height:1.15;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid var(--gold)}
.cart-group>p{font-size:13px;color:var(--fog);margin:10px 0}
.cart-line{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line-d);min-width:0}
.cart-line-title{display:inline-flex;align-items:center;min-height:44px;margin:0 0 8px;font-weight:600;font-size:17px;line-height:1.4;overflow-wrap:anywhere;text-decoration-color:var(--gold);text-underline-offset:3px}
.cart-line-price{font:600 16px/1.5 var(--f-mono);color:var(--gold-hi);margin:0 0 8px}
.cart-line-date{font-size:13px;color:var(--fog);margin:0 0 10px}
.cart-line-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.cart-quantity{display:inline-flex;align-items:center;border:1px solid var(--steel-2);background:var(--deep)}
.cart-quantity button{min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--white);font-size:22px;cursor:pointer}
.cart-quantity input{width:52px;min-height:44px;padding:8px 3px;border:0;border-left:1px solid var(--line-d);border-right:1px solid var(--line-d);border-radius:0;background:var(--deep);color:var(--white);font:400 16px/1 var(--f-mono);text-align:center;appearance:textfield;-moz-appearance:textfield}
.cart-quantity input::-webkit-inner-spin-button,.cart-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}
.cart-remove{min-height:44px;margin-left:auto;padding:8px 0 8px 12px;background:transparent;border:0;color:var(--fog);text-decoration:underline;text-underline-offset:3px;font-size:14px;cursor:pointer}
.cart-line-total{margin:10px 0 0;font:600 14px/1.5 var(--f-mono);color:var(--white)}
.cart-line-flag{display:flex;gap:8px;margin:12px 0 0;padding:10px 12px;background:var(--od-deep);border-left:2px solid var(--gold);color:var(--gold-hi);font-size:14px}
.cart-subtotal{display:flex;justify-content:space-between;gap:20px;margin:16px 0;font-size:17px}
.cart-subtotal strong{font-family:var(--f-mono);color:var(--gold-hi)}
.cart-empty{padding:15px 0 28px}
.cart-empty p{font-size:20px;margin:0 0 20px}
.cart-empty a{display:inline-flex;align-items:center;min-height:44px;margin-right:24px;color:var(--gold-hi);text-underline-offset:4px}
.cart [data-cart-form]{padding:0 22px 30px}
.cart [data-cart-checkout]{width:100%}
.cart-note{font-size:13px;line-height:1.6;color:var(--fog)}
.cart-retry{display:inline-flex;align-items:center;min-height:44px;margin:0 0 18px;padding:8px 15px;background:transparent;border:1px solid var(--steel-2);color:var(--white);cursor:pointer}
.store-selftest{padding:24px;border:1px solid var(--line-d);margin:24px 0;background:var(--gun-2)}
.store-selftest h2{font-size:30px;margin:0 0 16px}
.store-selftest li{margin:8px 0;font-size:14px}
.store-selftest [data-selftest-result=fail]{color:var(--red-lit)}
@media(max-width:639px){
  .store-page .bar{gap:6px}.store-page .bar-right{gap:5px}.store-page .brand{gap:7px}.store-page .brand-mark{width:36px;height:36px}.store-page .brand-name{font-size:21px}
  .store-page .bar-right .call{width:44px;padding:0;font-size:0;gap:0}.store-page .bar-right .call svg{width:18px;height:18px}
  [data-cart-open] .cart-word,[data-cart-open] .cart-label,.store-cart-link .cart-word,.store-cart-link .cart-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  [data-cart-open],.store-cart-link{padding:0 6px;gap:5px}
  .store-filters{padding:16px}.store-hero{padding-top:32px}
}
@media(min-width:540px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:860px){
  .store-hero{padding:58px 0 40px}.store-layout{grid-template-columns:228px minmax(0,1fr);gap:30px;padding-top:36px}
  .store-grid{gap:24px}.store-card h3{font-size:27px}.product-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px}
  .product-gallery-thumbs [data-gallery-src]{flex-basis:80px;width:80px;height:70px}.product-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
  .product-details>section{margin-top:0}.product-details .product-facts{grid-row:span 3}.cart.drawer{width:480px}
  .release-month .store-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.release-month .store-rail>.store-card{min-width:0}
  .release-month .store-rail-controls{display:none}
}
@media(min-width:1120px){.store-layout .store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-card-body,.store-card .slot-body{padding:18px}.store-card h3{font-size:26px}}
@media print{.store-page .hdr,.store-page .mbar,.store-filters,.cart,.store-rail-controls{display:none!important}.store-page{background:white;color:black}.store-main{padding:0}.store-card{break-inside:avoid;box-shadow:none}.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.store-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.product-layout{display:block}}
/* Server component aliases and the existing clipboard/fld primitives. */
.store-filters input[type=search]{width:100%;min-width:0;min-height:46px;padding:9px 10px;background:var(--deep);color:var(--white);border:1px solid var(--steel-2);font-size:16px}
.store-filters>.fld{margin-bottom:16px}.store-filter-options>a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:var(--fog);text-underline-offset:4px}
.catalog-search{margin-bottom:16px}
.store-filters .catalog-search>label{display:block;min-height:0;margin-bottom:8px;color:var(--gold-hi);font-size:16px;font-weight:600;line-height:1.4}
.catalog-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.store-filters .catalog-search input[type=search]{min-height:48px;background:var(--white);color:var(--ink);border-color:var(--steel);border-radius:var(--radius);color-scheme:light}
.catalog-search input::placeholder{color:var(--ink-2);opacity:1}
.store-filters .catalog-search .btn{width:auto;min-height:48px;margin:0;padding:0 16px;letter-spacing:.04em}
@media(min-width:860px){.catalog-search-row{grid-template-columns:minmax(0,1fr)}.store-filters .catalog-search .btn{width:100%}}
.store-filters .fld>label,.store-quantity label,.product-buy .fld>label{color:var(--fog);font-size:12px;line-height:1.4}
.store-card .store-facts,.product-panel>.store-facts{font-size:14px;line-height:1.5;color:var(--fog);margin:0 0 14px}
.store-price small{display:block;margin-top:5px;font:400 13px/1.5 var(--f-body);color:var(--fog)}
.store-no-image>span{font:italic 800 clamp(24px,2vw,32px)/1.05 var(--f-race,var(--f-disp));color:var(--white);text-transform:uppercase;overflow-wrap:anywhere}
.store-no-image>small{font:400 13px/1.4 var(--f-mono);color:var(--gold)}
.product-gallery>.slot-img{aspect-ratio:4/3;background:var(--asph,var(--deep))}.product-gallery>.slot-img::after{display:none}
.product-gallery .slot-img img{width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;transform:none!important;transition:none}
.product-thumbs{display:flex;gap:10px;overflow:auto;padding:12px 2px 6px;scrollbar-width:thin;scrollbar-color:var(--steel-2) var(--gun)}
.product-facts.clipboard{margin:34px 0;max-width:900px;padding:18px 12px 12px;background:var(--od);border-top:0}
.product-facts dl{display:block}.product-facts dl>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.product-facts .sheet{padding:24px}.product-facts .sheet h2{margin-bottom:18px}
.product-description,.product-autograph,.product-shipping,.product-related{margin-top:34px;padding-top:26px;border-top:1px solid var(--line-d)}
.product-description h2,.product-autograph h2,.product-shipping h2,.product-related>h2{font-size:34px;margin:0 0 18px}
.product-description p,.product-autograph p,.product-shipping p{max-width:68ch;color:var(--fog)}
.product-description a,.product-autograph a,.product-shipping a{color:var(--gold-hi);text-underline-offset:4px}
.product-buy .product-condition{margin:0 0 18px;padding:0 0 18px;border-top:0;border-bottom:1px solid var(--line-d)}
.product-buy .product-condition h2{font-size:25px;margin:0 0 10px}.product-buy .product-condition p{font-size:15px;margin:0 0 8px}
.product-buy .product-condition a{color:var(--gold-hi)}
.product-buy .store-buy-now .btn{margin-top:12px}.product-buy .store-buy-now .store-quantity{margin-top:10px}
.store-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.release-month-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:18px 20px;border-bottom:1px solid var(--line-d);background:var(--od-deep)}
.release-month-heading h2{font:italic 800 30px/1 var(--f-race,var(--f-disp));margin:0;color:var(--white)}
.release-month-heading p{margin:0;font:400 12px/1.5 var(--f-mono);color:var(--gold)}
.store-scale-options{display:flex;gap:14px;margin:18px 0;font:600 20px/1.4 var(--f-mono)}
.store-scale-options span{padding:8px 14px;border:1px solid var(--line-d)}.store-scale-options [aria-current=true]{background:var(--gold);color:var(--ink)}
@media(min-width:1000px){.product-related .store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-related .store-card h3{font-size:24px}}
.cart-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:80px;padding:16px 22px;background:var(--od-deep);border-bottom:1px solid var(--line-d)}
.cart-top h2{font-size:36px}.cart-top [data-cart-close]{flex:none;min-width:44px;min-height:44px}
.cart>[data-cart-shipping]{margin:20px 22px 0;color:var(--fog);font-size:13px}
.store-policy{max-width:850px;padding-top:36px;padding-bottom:50px}.store-policy h1{font-size:clamp(46px,6vw,76px);margin-bottom:24px}
.store-policy h2{font-size:30px;line-height:1.1;margin:32px 0 14px}.store-policy h3{font-size:25px;margin:24px 0 12px}
.store-policy p,.store-policy li{max-width:72ch;overflow-wrap:anywhere}.store-policy p,.store-policy li{color:var(--fog)}
.store-policy a{color:var(--gold-hi);text-underline-offset:4px}.store-policy strong{color:var(--white)}
.store-policy table{width:100%;border-collapse:collapse;font-size:15px}.store-policy th,.store-policy td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--line-d)}
.store-policy th{color:var(--gold);font-family:var(--f-mono);font-weight:400;font-size:12px}
/* Native controls inherit the light store text; give them the store's dark field surface too. The review page's coupon fieldset
   (.store-hero>fieldset) sits beside the checkout form and names it with form=, so the form's own rules missed it: a white field
   and a gray button under cream text (axe color-contrast 1.13 and 1.01, open-checkout rehearsal 2026-10-20). */
.store-policy form input:not([type=checkbox]):not([type=hidden]),.store-policy form select,.checkout-form input:not([type=checkbox]):not([type=hidden]),.checkout-form select,.store-hero>fieldset input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;max-width:100%;min-width:0;min-height:46px;margin-top:6px;padding:9px 10px;border:1px solid var(--steel-2);border-radius:var(--radius);background:var(--deep);color:var(--white);font:400 16px/1.5 var(--f-body);color-scheme:dark}
.checkout-form fieldset,.store-hero>fieldset{min-width:0;margin:24px 0;padding:18px;border:1px solid var(--steel-2)}
.checkout-form legend,.store-hero>fieldset>legend{padding:0 6px;color:var(--white);font-weight:600}
.checkout-form fieldset:not(.preorder-agreement){display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.checkout-form fieldset>label,.store-hero>fieldset>label{min-width:0;color:var(--fog)}
.store-hero>fieldset>label{display:block}
.checkout-form .preorder-agreement>label,.store-policy form>label{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;color:var(--white)}
.store-policy form input[type=checkbox],.checkout-form input[type=checkbox]{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--gold)}
.store-policy form button.btn:not(.btn-red):not(.btn-line),.store-hero>fieldset>button.btn:not(.btn-red):not(.btn-line){background:var(--gold);color:var(--ink);border:1px solid var(--gold)}
.store-hero>fieldset>button.btn{margin:14px 10px 0 0}
.store-policy form input:focus-visible,.store-policy form select:focus-visible,.checkout-form input:focus-visible,.checkout-form select:focus-visible,.store-hero>fieldset input:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
/* a line's quantity and its amount are two facts: keep them apart ("Quantity 1 $99.95", not "Quantity 1$99.95") */
.checkout-lines li>strong{margin-left:.5em}
.store-card .store-add select,.checkout-form select{height:46px}
.product-buy select{height:52px}
.store-turnstile{min-height:65px;margin:0 0 14px}
@media(min-width:640px){.checkout-form fieldset:not(.preorder-agreement){grid-template-columns:repeat(2,minmax(0,1fr))}}
html.dlg-open{overflow:hidden}
.store-card .store-price{font:600 20px/1.3 var(--f-mono);color:var(--gold-hi);font-variant-numeric:tabular-nums}
.store-filters input:focus-visible,.store-filters select:focus-visible,.product-buy input:focus-visible,.product-buy select:focus-visible{outline-color:var(--gold-hi)}
/* The product/driver renderer is nested in the shared main; give it the same measured page frame. */
.store-main>.store-main{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter) 36px}
.store-ring{display:flex;flex-wrap:wrap;align-items:center;gap:2px 20px;width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:42px auto 0;padding:24px var(--gutter) 0;border-top:1px solid var(--line-d)}
.store-ring>span{flex-basis:100%;margin:0 0 10px;color:var(--gold);font:600 12px/1.5 var(--f-mono);letter-spacing:var(--trk);text-transform:uppercase}
.store-ring>a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:var(--fog);font-size:14px;text-decoration-color:var(--gold-text);text-underline-offset:4px;overflow-wrap:anywhere}
.store-card-media{text-decoration:none}
.store-enhanced .store-buy-now,.store-enhanced .cart [data-cart-shipping],.store-enhanced .cart [data-cart-preorder-shipping],.store-enhanced .cart [data-cart-tax]{display:none}
.cart>p{padding:0 22px;margin:0 0 22px;font-size:13px;color:var(--fog)}
.store-filter-panel{min-width:0}
.store-filter-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:12px 0;background:var(--gun-2);font-weight:600;cursor:pointer;list-style:none}
.store-filter-panel>summary::-webkit-details-marker{display:none}
.store-filter-panel>summary::after{content:"+";font:400 22px/1 var(--f-mono);color:var(--gold)}
.store-filter-panel[open]>summary::after{content:"−"}
@media(min-width:860px){.store-filter-panel>summary{display:none}}
.store-drivers{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:30px 0 0;padding:0;list-style:none}
.store-drivers li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:var(--gun-2);border:1px solid var(--line-d);border-left:2px solid var(--gold)}
.store-drivers a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--white);text-decoration-color:var(--gold);text-underline-offset:4px;overflow-wrap:anywhere}
.store-drivers span{flex:none;color:var(--fog);font:400 12px/1.5 var(--f-mono)}
@media(min-width:640px){.store-drivers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.store-drivers{grid-template-columns:repeat(3,minmax(0,1fr))}}