/* Cade landing v6 (2026-10-03): "the arcade at the moment of the call". Loud painted art at the edges, quiet numbers in the
   middle, one question on a cream plate, two piles and YOU, stamps instead of states. Every section: one headline, one line.
   On DS v2 (/ds/ds.css), the motion kit (/lib/motion.css), the cabinet (/lib/explainer.css) and gnar's 5 steps (how.css).
   Shapes: their art (duel slots, hero burst, Banner v3 ground), their starburst polygon, DS_PANEL_CLIP family, plain
   rectangles. One shadow scale: 4px for plates and controls, 8px for panels and the big type. */
:root{
  --sh4:4px 4px 0 #000;--sh8:8px 8px 0 #000;
  /* their starburst (packages/shapes, lib/cade-shapes.js), as a share of the box */
  --clip-burst:polygon(76.96% 15.82%,68.58% 0.65%,57.99% 18.01%,48.92% 0%,39.78% 21.01%,33.76% 5.83%,25.42% 21.43%,4.99% 17.72%,12.17% 38.54%,0% 51.54%,10.43% 61.88%,4.58% 76.64%,22.61% 80.52%,31% 100%,41.48% 83.43%,47.48% 99.65%,55.78% 81.8%,65.96% 97.17%,73.75% 78.49%,92.45% 84.33%,85.47% 67.52%,99.18% 65.05%,91.2% 53.02%,100% 37.99%,84.74% 30.57%,91.29% 13.45%);
  /* the house torn edge, lightly (DS_PANEL_CLIP_COMPACT), and the quiet edge: how.css draws the stage with them */
  --clip-torn-lite:polygon(12px 5px,36% 6px,34.5% 0%,56% 5px,calc(100% - 8px) 0%,calc(100% - 1px) 12%,calc(100% - 6px) 32%,calc(100% - 1px) 50%,calc(100% - 7px) 64%,calc(100% - 2px) 80%,calc(100% - 6px) calc(100% - 3px),77% 100%,50% calc(100% - 4px),53% 100%,18px calc(100% - 1px),4px 72%,1px 50%,5px 20%);
  --clip-quiet:polygon(0 0,34% 0,calc(34% + 34px) 4px,calc(34% + 68px) 0,100% 0,100% 22%,calc(100% - 4px) 34%,100% 46%,100% 100%,calc(62% + 34px) 100%,62% calc(100% - 4px),calc(62% - 34px) 100%,0 100%,0 72%,4px 58%,0 44%)}
html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.lp6{margin:0;background:var(--page);color:var(--paper)}
main{overflow-x:clip}
.w{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;box-sizing:border-box}
section{position:relative}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── header (K.navLive): transparent at the top, smoked glass once the page moves; its height reserved ── */
#hnav{position:sticky;top:0;z-index:70;min-height:70px}
.hnav .cnl-d{transition:background-color .25s}
.hnav.stuck .cnl-d{background:rgba(11,11,11,.72);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
.hnav.stuck .cnl-m{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hnav .cnl-m .cnl-brand{height:44px;margin:2.6px 0}

/* ── the voices: one headline style, one line style, one kicker ── */
.h2{margin:0;font-size:clamp(44px,5.4vw,80px);line-height:.9;white-space:normal;text-shadow:4px 4px 0 #000;text-wrap:balance}
.h2 em,.h1 em{font-style:inherit;color:var(--orange)}
.line{margin:14px 0 0;max-width:560px;font-family:var(--read);font-size:20px;line-height:1.4;color:#D9D3C3;text-wrap:pretty}
.k{display:inline-block;margin:0;padding:6px 11px 5px;background:var(--paper);border:1.5px solid #0B0B0B;box-shadow:var(--sh4);
  font-family:var(--shout);font-style:italic;font-weight:800;font-size:14px;line-height:1;letter-spacing:.07em;text-transform:uppercase;color:#0B0B0B;white-space:nowrap}
.sec{padding:96px 0}
.shd{margin:0 0 40px}

/* ── the email: a cream field and their CTA plate; the arrow is their DS arrow icon, turned to point on ── */
.signup{max-width:540px}
.srow{display:flex;gap:16px;align-items:center}
.sfield{display:block;flex:1;min-width:0;height:58px;box-sizing:border-box;padding:2px;background:#0B0B0B;box-shadow:var(--sh4)}
.sfield:focus-within{outline:3px solid #FFA800;outline-offset:3px}
.sfield input{display:block;box-sizing:border-box;width:100%;height:54px;border:0;outline:0;padding:0 18px;background:var(--paper);color:#0B0B0B;font-family:var(--data);font-weight:600;font-size:16px}
.sfield input::placeholder{color:#6F6F6F}
.sfield input[aria-invalid=true]{color:var(--no-dark)}
.sbtn{grid-template-columns:auto auto;justify-content:center;gap:12px;flex:none;height:58px;min-width:0;padding:0 30px 0 32px;border:0;background:none;cursor:pointer;font-size:24px;color:#0B0B0B}
.shape>svg.ic{position:relative;inset:auto;z-index:auto;width:22px;height:22px;transform:rotate(90deg);fill:currentColor;overflow:visible}
.sbtn[aria-busy=true]{opacity:.7;cursor:progress}
.sform{margin:0}
.msg{margin:10px 0 0;font-family:var(--data);font-size:12px;color:var(--meta)}
.msg:empty{display:none}
.msg.err{color:#FF8A9A;font-weight:700}
.sdone{display:inline-block;margin:0;padding:12px 18px;background:var(--yes);border:2px solid #0B0B0B;box-shadow:var(--sh4);outline:0}
.sdone b{font-family:var(--shout);font-style:italic;font-weight:800;font-size:28px;line-height:1;text-transform:uppercase;color:#0B0B0B}

/* ══ 1 hero ══════════════════════════════════════════════════════════════════════════════════════════ */
.hero{padding:30px 0 88px;isolation:isolate}
.h-in{position:relative;z-index:2;text-align:center}
.h1{margin:0;font-size:clamp(54px,15vw,140px);line-height:.84;color:var(--paper);text-shadow:8px 8px 0 #000}
.h1 span,.h1 em{display:block;white-space:nowrap}
.hero .line{margin:20px auto 0;max-width:640px;font-size:21px;color:var(--paper);text-wrap:balance}
.hero .signup{margin:26px auto 0}
.hero .sdone{margin:0 auto}

/* the stage: full bleed; the burst centred on the round, their two duel slots at the edges, the round in the middle */
.stage{position:relative;z-index:0;display:grid;justify-items:center;margin-top:64px;padding:0 16px}
.h-art{position:absolute;inset:-160px 0 -120px;z-index:-1;pointer-events:none}
.h-burst{position:absolute;left:50%;top:calc(50% + 70px);width:1500px;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-6deg);
  -webkit-mask:radial-gradient(ellipse 50% 27% at 50% 50%,#000 46%,rgba(0,0,0,.45) 70%,transparent 96%);mask:radial-gradient(ellipse 50% 27% at 50% 50%,#000 46%,rgba(0,0,0,.45) 70%,transparent 96%)}
.h-burst img{display:block;width:100%;height:100%}
.h-slot{position:absolute;top:50%;height:660px;filter:drop-shadow(8px 8px 0 #000)}
.h-slot picture,.h-slot img{display:block;height:100%;width:auto}
.h-slot.y{left:calc(50% - 790px);transform:translateY(-50%) rotate(-3deg)}
.h-slot.n{left:calc(50% + 330px);transform:translateY(-50%) rotate(3deg)}
.h-flag{position:absolute;top:47%;padding:6px 16px 4px;border:2px solid #0B0B0B;box-shadow:var(--sh4);
  font-family:var(--shout);font-style:italic;font-weight:900;font-size:34px;line-height:1;text-transform:uppercase;color:#0B0B0B}
.h-slot.y .h-flag{right:12%;background:var(--yes);transform:rotate(-6deg)}
.h-slot.n .h-flag{left:14%;background:var(--no);color:#fff;transform:rotate(5deg)}

/* the round: cream question plate over a dark body; chart left, pot table right */
.round{position:relative;width:min(760px,100%)}
.r-q{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 22px -14px;padding:14px 18px 13px 22px;
  background:var(--paper);border:2px solid #0B0B0B;box-shadow:var(--sh8);transform:rotate(-1.2deg)}
.r-qt{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:38px;line-height:.95;text-transform:uppercase;color:#0B0B0B}
.r-clk{flex:none;margin:0;display:grid;place-items:center;min-width:5.4ch;height:42px;padding:0 10px;background:var(--yellow);border:2px solid #0B0B0B;box-shadow:var(--sh4)}
.r-clk b{font-family:var(--data);font-weight:800;font-size:22px;line-height:1;color:#0B0B0B;font-variant-numeric:tabular-nums}
.round[data-phase=closed] .r-clk,.round[data-phase=done] .r-clk{background:var(--paper)}
.r-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px;align-items:center;padding:34px 18px 16px;
  background:#161514;border:2px solid #0B0B0B;box-shadow:var(--sh8)}
/* the live view: one box, two faces (data-kind): the game for sports, the price for stocks and memecoins */
.r-view{position:relative;aspect-ratio:16/10.5;background:#0B0B0B;border:2px solid #2A2724;overflow:hidden}
.r-field,.r-chart{position:absolute;inset:0}
.round[data-kind=field] .r-chart,.round[data-kind=price] .r-field{visibility:hidden}
.r-fsvg{position:absolute;inset:0;width:100%;height:100%;display:block}
.r-chart canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.r-demo{position:absolute;z-index:2;left:8px;bottom:8px;font-size:12px;padding:4px 8px 3px;box-shadow:none}
/* the score bug: their scoreboard's voice, team chips in team colour */
.r-sb{position:absolute;z-index:2;left:8px;top:8px;display:flex;align-items:center;gap:6px;margin:0;padding:4px 8px 3px;background:#0B0B0B;border:1.5px solid #3A3734;
  font-family:var(--data);font-weight:800;font-size:12px;line-height:1.1;color:var(--paper);white-space:nowrap;font-variant-numeric:tabular-nums}
.r-sb b{padding:1px 4px 0;background:var(--t);color:#fff}
.r-sb span{color:var(--meta);font-weight:700}
.r-sb span:first-of-type{color:var(--paper)}
.r-ev{position:absolute;z-index:3;left:50%;top:44%;margin:0;padding:6px 14px 4px;background:var(--yes);border:2px solid #0B0B0B;box-shadow:var(--sh4);transform:translate(-50%,-50%) rotate(-3deg);opacity:0;
  font-family:var(--shout);font-style:italic;font-weight:800;font-size:22px;line-height:1;text-transform:uppercase;color:#0B0B0B;white-space:nowrap;pointer-events:none}
.r-ev[data-tone=no]{background:var(--no);color:#fff}
.r-ev.on{opacity:1}
/* RIGHT NOW: gnar's status plate, bottom right */
.r-now{position:absolute;z-index:2;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;margin:0;padding:3px 3px 3px 8px;background:#0B0B0B;border:1.5px solid #3A3734}
.r-now small{font-family:var(--data);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--meta)}
.r-now b{box-sizing:border-box;width:2.9em;text-align:center;padding:3px 6px 2px;background:var(--no);font-family:var(--shout);font-style:italic;font-weight:800;font-size:16px;line-height:1;text-transform:uppercase;color:#fff}
.r-now[data-v=y] b{background:var(--yes);color:#0B0B0B}
.r-line{position:absolute;right:10px;top:0;font-family:var(--data);font-weight:700;font-size:11px;line-height:1;color:var(--yellow);white-space:nowrap}
.r-tip{position:absolute;left:0;top:0;padding:3px 6px 2px;background:var(--paper);border:1.5px solid #0B0B0B;box-shadow:2px 2px 0 #000;
  font-family:var(--data);font-weight:800;font-size:12px;line-height:1.1;color:#0B0B0B;white-space:nowrap}
.r-tip[data-lean=y]{background:#D6EDB4}.r-tip[data-lean=n]{background:#FFC4CC}
/* the play on the field (the /football motion: the trail draws, the yards pop) */
.r-fsvg .draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:rdraw .67s cubic-bezier(0,0,.2,1) 0s forwards}
@keyframes rdraw{to{stroke-dashoffset:0}}
.r-fsvg .pop{transform-box:fill-box;transform-origin:center;animation:rpop .65s cubic-bezier(.16,1,.3,1) .82s both}
@keyframes rpop{from{transform:scale(0)}to{transform:scale(1)}}
.r-fsvg .late{animation:rlate .25s ease .72s both}
@keyframes rlate{from{opacity:0}to{opacity:1}}
.r-pot{position:relative}
.r-svg{display:block;width:100%;height:auto;aspect-ratio:524/228;overflow:visible}
.r-svg .lb{font-family:var(--call);font-style:oblique;font-weight:500;font-size:30px;letter-spacing:.18em}
.r-svg .gy,.r-svg .gn{transition:opacity .3s}
.r-pot[data-out=y] .gn,.r-pot[data-out=n] .gy{opacity:.32}
.r-ov{position:absolute;inset:0;pointer-events:none}
/* YES PAYS / NO PAYS: gnar's multiplier ticket over each pile, the pile under it */
.r-amt{position:absolute;top:-10px;display:flex;align-items:baseline;gap:7px;transform:translateX(-50%);padding:7px 9px 5px;background:var(--paper);border:1.5px solid #0B0B0B;box-shadow:var(--sh4);color:#0B0B0B;white-space:nowrap}
.r-amt small{position:absolute;left:6px;bottom:calc(100% - 6px);padding:2px 6px 1px;border:1.5px solid #0B0B0B;font-family:var(--shout);font-style:italic;font-weight:800;font-size:12px;line-height:1;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.r-amt.y small{background:var(--yes);color:#0B0B0B}.r-amt.n small{background:var(--no);color:#fff}
.r-amt b{font-family:var(--data);font-weight:800;font-size:21px;line-height:1;font-variant-numeric:tabular-nums}
.r-amt i{font-family:var(--data);font-style:normal;font-weight:700;font-size:12px;line-height:1;color:#5A554C;font-variant-numeric:tabular-nums}
.r-amt.y{left:26.5%}.r-amt.n{left:73.3%}
.r-pick{position:absolute;top:22%;bottom:0;width:46%;margin:0;padding:0;border:0;background:none;cursor:pointer}
.r-pick.y{left:3%}.r-pick.n{right:3%}
.r-pick:focus-visible{outline:3px solid #FFA800;outline-offset:3px}
.r-pick[aria-disabled=true]{cursor:default}
.r-you{position:absolute;width:2px;height:2px;pointer-events:none}
.r-you .cm-tag{--cm-fs:16px}
.r-pot .cm-stamp{--cm-fs:34px;top:50%}
.round .r-body>.cm-stamp{--cm-fs:30px}
@media (hover:hover){.r-pot[data-hover=y] .py,.r-pot[data-hover=n] .pn{filter:brightness(1.35)}}

/* ══ 2 crew ══════════════════════════════════════════════════════════════════════════════════════════ */
.crew{padding:56px 0 40px}
.crew-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:56px;align-items:center}
.crew .h2{max-width:15ch}
.crew .signup{margin-top:30px}
.orbit{position:relative;width:100%;max-width:600px;aspect-ratio:1;justify-self:end;container-type:inline-size;isolation:isolate}
/* the lime splash: their starburst in lime with an ink keyline, its black copy as the hard shadow */
.o-splash{position:absolute;z-index:-1;inset:4%;transform:rotate(-8deg)}
.o-splash::before,.o-splash::after{content:"";position:absolute;inset:0;clip-path:var(--clip-burst)}
.o-splash::before{background:#0B0B0B;translate:3.2cqw 3.2cqw}
.o-splash::after{background:var(--yes);filter:drop-shadow(0 0 0 #000)}
.o-ring{position:absolute;inset:0;width:100%;height:100%}
.o-spin{position:absolute;inset:0;animation:ospin 60s linear infinite}
.fr{position:absolute;left:50%;top:50%;width:26cqw;height:26cqw;margin:-13cqw 0 0 -13cqw;transform:rotate(var(--a)) translate(38cqw) rotate(calc(-1 * var(--a)))}
.fr i{position:relative;display:block;width:100%;height:100%;font-style:normal;animation:ospin 60s linear infinite reverse}
.frp{position:absolute;inset:0;display:block}
.frp svg{display:block;width:100%;height:auto;overflow:visible}
.frh{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%) rotate(-3deg);padding:4px 8px 3px;background:var(--paper);border:2px solid #0B0B0B;box-shadow:2px 2px 0 #000;
  font-family:var(--data);font-weight:800;font-size:max(12px,2.4cqw);line-height:1;color:#0B0B0B;white-space:nowrap}
.fr.send .frh{background:var(--yellow)}
.o-you{position:absolute;z-index:3;left:50%;top:50%;width:0;height:0}
.o-you .cm-tag{--cm-fs:max(26px,8cqw);left:0;top:0;bottom:auto;transform:translate(-50%,-50%) rotate(-5deg)}
.o-coin{position:absolute;left:0;top:0;z-index:4;width:4.6cqw;height:4.6cqw;margin:-2.3cqw 0 0 -2.3cqw;border-radius:50%;background:#FFA800;border:2px solid #0B0B0B;box-shadow:inset 0 0 0 .8cqw #FFD27A;pointer-events:none}
@keyframes ospin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.o-spin,.fr i{animation:none}}
html.static .o-spin,html.static .fr i{animation:none}

/* ══ 3 the numbers ═══════════════════════════════════════════════════════════════════════════════════ */
.nums{padding:48px 0 40px}
.nums .w{text-align:center}
.nfig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 0}
.nfig>div{position:relative;isolation:isolate;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;min-height:300px;margin:0}
.nfig>div::before,.nfig>div::after{content:"";position:absolute;z-index:-1;left:50%;top:46%;width:min(100%,400px);aspect-ratio:4/3;clip-path:var(--clip-burst);transform:translate(-50%,-50%) rotate(var(--r))}
.nfig>div::before{background:#0B0B0B;translate:10px 10px}
.nfig>div::after{background:var(--b)}
.nfig dd{align-self:stretch;text-align:center;margin:0;font-family:var(--shout);font-style:italic;font-weight:900;font-size:clamp(60px,6.6vw,96px);line-height:.9;color:var(--paper);
  -webkit-text-stroke:4px #0B0B0B;paint-order:stroke fill;text-shadow:4px 4px 0 #0B0B0B;font-variant-numeric:tabular-nums;white-space:nowrap}
.nfig dt{margin:14px 0 0;padding:5px 12px 4px;background:#0B0B0B;font-family:var(--data);font-weight:800;font-size:13px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--paper)}
.n-stamp{--cm-fs:34px;left:auto;right:40px;top:44px;transform:rotate(9deg)}

/* ══ 4 how it works (how.css, gnar's component): the list explains, the stage shows (on a phone the step's title and the scene carry it) ══ */
.hiw{margin-top:0}
.hiw-tab{box-shadow:var(--sh4)}
@media (hover:hover){.hiw-tab:hover{box-shadow:6px 6px 0 #000}}
.hiw-p{position:absolute;width:1px;height:1px;min-height:0!important;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hiw-face{filter:drop-shadow(8px 8px 0 #000)}
.ho-cnt,.ho-clk{box-shadow:var(--sh4)}
.ho-tk{display:flex;align-items:center;gap:10px;height:40px;line-height:1!important;padding:0 12px 0 10px;box-shadow:var(--sh4)}
.ho-tk>small{position:absolute;left:8px;bottom:calc(100% - 7px);padding:2px 6px 1px;background:var(--yes);color:#0B0B0B;border:1.5px solid #0B0B0B;
  font-family:var(--shout);font-style:italic;font-weight:800;font-size:max(11px,var(--fmin));line-height:1;letter-spacing:.06em;text-transform:uppercase}
.ho-tk .cn{display:flex;align-items:center}
.ho-tk .cn i{width:16px;height:16px;border-radius:50%;background:#FFA800;border:1.5px solid #0B0B0B;box-shadow:inset 0 0 0 3px #FFC94D}
.ho-tk .cn i+i{margin-left:-6px}
.ho-tk .cn u{position:relative;width:12px;height:2px;margin:0 4px;background:#0B0B0B;text-decoration:none}
.ho-tk .cn u::after{content:"";position:absolute;right:-3px;top:-3px;border:4px solid transparent;border-left:5px solid #0B0B0B;border-right:0}
.ho-pays{box-shadow:var(--sh4)}

/* ══ 5 watch ═════════════════════════════════════════════════════════════════════════════════════════ */
.watch{padding-top:32px}
.watch-in{display:grid;grid-template-columns:minmax(0,1fr) 600px;column-gap:64px;align-items:start}
.watch .shd{position:sticky;top:120px;margin:0;padding-top:120px}
.w-cab{margin:0;width:600px;max-width:100%}

/* ══ 6 compare: the Cade column is cream paper with a hard shadow ════════════════════════════════════ */
.ct{position:relative;display:grid;grid-template-columns:240px repeat(3,minmax(0,1fr));isolation:isolate}
.ct::after{content:"";position:absolute;z-index:-1;top:-12px;bottom:-12px;left:calc(240px + (100% - 240px) * 2 / 3);right:0;background:var(--paper);border:2px solid #0B0B0B;box-shadow:var(--sh8)}
.ct-r{display:contents}
.ct-r>span{display:flex;align-items:center;min-height:64px;padding:12px 22px;border-top:1px solid #2A2724;font-family:var(--read);font-size:18px;line-height:1.3;color:#8E887E}
.ct-r>span.us{border-top-color:rgba(11,11,11,.16);font-family:var(--read);font-weight:600;font-size:20px;color:#0B0B0B}
.ct-r>span[role=rowheader]{padding-left:0;font-family:var(--data);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--meta)}
.ct-h>span{border-top:0;min-height:56px;font-family:var(--call);font-style:oblique;font-weight:500;font-size:26px;text-transform:uppercase;color:#BDB6A8}
.ct-h>span.us img{display:block;height:28px;width:auto}
.fine{margin:28px 0 0;font-family:var(--data);font-size:12px;color:#8E887E}

/* ══ 7 the close: their Banner v3 ground, the whole wordmark, the endcard line, the email ══════════════ */
.close{padding:84px 0 92px;text-align:center;isolation:isolate;overflow:hidden}
.c-ground{position:absolute;inset:0;z-index:-1;background:#FFA800 url(/archive/landing-v6a-2026-10-03/assets/art/close-ground.svg) 50% 50%/cover no-repeat}
.c-mark{margin:0}
.c-mark img{display:block;width:min(520px,78vw);height:auto;margin:0 auto;filter:drop-shadow(8px 8px 0 #000)}
.c-line{display:inline-block;margin:30px 0 0;padding:9px 16px 7px;background:#0B0B0B;transform:rotate(-1.5deg);
  font-family:var(--shout);font-style:italic;font-weight:800;font-size:30px;line-height:1;text-transform:uppercase;color:var(--paper)}
.c-line b{color:var(--yellow);font-weight:800}
.close .signup{margin:34px auto 0}
.close .sbtn{color:var(--paper)}
.close .sfield{box-shadow:var(--sh4)}
.close .msg{color:#0B0B0B}.close .msg.err{color:#7A0010}

/* ── footer: their CadeSiteFooter drawing; the phone drawing below 1280 (nothing under 11px) ── */
.hfoot{background:#101010}
.hfoot svg{display:block;width:100%;height:auto;margin:0 auto;overflow:visible}
#footD{max-width:1440px}#footM{display:none}
@media (max-width:1279px){#footD{display:none}#footM{display:block;max-width:600px}}

/* ── cookie preferences (the footer's control): a small house dialog ── */
.ckd{width:min(520px,calc(100% - 32px));max-width:none;padding:0;border:0;background:transparent;color:var(--paper);overflow:visible}
.ckd::backdrop{background:rgba(11,11,11,.72)}
.ckd form{position:relative;margin:0;background:#161514;border:2px solid #0B0B0B;box-shadow:var(--sh8);padding:30px 28px 26px}
.ckd h2{margin:0;padding-right:56px;font-size:36px;line-height:.95}
.ckd p{margin:12px 0 0;font-family:var(--read);font-size:16px;line-height:1.45;color:#D9D3C3}
.ckd .cks{font-family:var(--data);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}
.ckb{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.snb{display:inline-grid;place-items:center;height:46px;padding:0 24px 0 28px;border:0;background:none;cursor:pointer;font-family:var(--call);font-style:oblique;font-weight:500;font-size:19px;text-transform:uppercase;color:#0B0B0B}
.ckx{position:absolute;top:8px;right:8px;min-width:44px;height:44px;padding:0 8px;background:none;border:0;color:var(--meta);font-family:var(--data);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.ckd button:focus-visible{outline:3px solid #FFA800;outline-offset:3px}

/* ══ the 1180 rung ══ */
@media (max-width:1180px){
  .h-slot{height:560px}
  .h-slot.y{left:calc(50% - 380px - 330px)}
  .h-slot.n{left:calc(50% + 380px - 60px)}
  .crew-in{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:32px}
  .watch-in{grid-template-columns:minmax(0,1fr) 480px;column-gap:40px}
  .w-cab{width:480px}
  .ct{grid-template-columns:180px repeat(3,minmax(0,1fr))}
  .ct::after{left:calc(180px + (100% - 180px) * 2 / 3)}
}
/* ══ 960: the stage and the round go single column ══ */
@media (max-width:960px){
  .crew-in{grid-template-columns:minmax(0,1fr)}
  .orbit{justify-self:center;max-width:520px}
  .watch-in{grid-template-columns:minmax(0,1fr)}
  .watch .shd{position:static;padding:0;margin-bottom:32px}
  .w-cab{justify-self:center}
  .nfig dd{font-size:clamp(48px,7vw,72px)}
  .n-stamp{right:24px;top:24px;--cm-fs:26px}
}
/* ══ phone (760 / 390 / 320) ══ */
@media (max-width:760px){
  #hnav{min-height:60px}
  .w{padding:0 16px}
  .sec{padding:64px 0}
  .shd{margin-bottom:26px}
  .h2{font-size:clamp(38px,11.4vw,56px);text-shadow:3px 3px 0 #000}
  .line{font-size:17px;margin-top:10px}
  .srow{flex-direction:column;align-items:stretch;gap:14px}
  .sfield{height:54px}.sfield input{height:50px}
  .sbtn{width:100%;height:54px;font-size:22px}
  .hero{padding:16px 0 56px}
  .h1{text-shadow:5px 5px 0 #000}
  .hero .line{font-size:17px;margin-top:14px;max-width:330px}
  .hero .signup{margin-top:20px}
  /* the stage: the two slots side by side over the burst, the round overlapping their feet */
  .stage{margin-top:36px;padding:0 16px}
  .h-art{position:relative;inset:auto;width:calc(100% + 32px);height:250px;margin:0 -16px -64px;overflow:hidden}
  .h-burst{width:760px;top:50%;-webkit-mask:radial-gradient(closest-side,#000 40%,transparent 96%);mask:radial-gradient(closest-side,#000 40%,transparent 96%)}
  .h-slot{top:6px;height:236px;filter:drop-shadow(5px 5px 0 #000)}
  .h-slot.y{left:auto;right:calc(50% + 6px);transform:rotate(-4deg)}
  .h-slot.n{left:calc(50% + 6px);transform:rotate(4deg)}
  .h-flag{font-size:22px;padding:4px 10px 3px;top:auto;bottom:32%}
  .round{width:100%;z-index:1}
  .r-q{margin:0 8px -12px;padding:11px 12px 10px 14px;box-shadow:5px 5px 0 #000;gap:10px}
  .r-qt{font-size:clamp(22px,7vw,28px)}
  .r-clk{height:36px;min-width:5ch;padding:0 7px}.r-clk b{font-size:17px}
  .r-body{grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 12px 12px;box-shadow:5px 5px 0 #000}
  .r-view{aspect-ratio:16/10}
  .r-pot{margin-top:6px}
  .r-amt b{font-size:17px}
  .r-pot .cm-stamp{--cm-fs:26px}
  .crew{padding:40px 0 64px}
  .crew .h2{max-width:none}
  .orbit{max-width:420px;margin-top:8px}
  .nums{padding:40px 0 56px}
  .nfig{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:22px}
  .nfig>div{min-height:168px}
  .nfig>div::before,.nfig>div::after{width:min(86%,280px);aspect-ratio:16/9.4;top:44%}
  .nfig>div::before{translate:6px 6px}
  .nfig dd{font-size:clamp(46px,15vw,62px);-webkit-text-stroke:3px #0B0B0B;text-shadow:3px 3px 0 #0B0B0B}
  .nfig dt{margin-top:10px;font-size:12px;letter-spacing:.12em}
  .n-stamp{--cm-fs:20px;right:16px;top:12px}
  .frh{display:none}
  .r-amt i{display:none}
  .w-cab{width:min(calc(100% - 28px),400px)}
  .ct{display:block}
  .ct::after{display:none}
  .ct-r{display:block;margin:0 0 22px}
  .ct-r.ct-h{display:none}
  .ct-r>span{min-height:0;padding:0;border:0}
  .ct-r>span[role=rowheader]{margin-bottom:8px;font-size:12px}
  .ct-r>span[role=cell]{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #2A2724;font-size:16px}
  .ct-r>span[role=cell]::before{content:attr(data-h);font-family:var(--data);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6F6A62}
  .ct-r>span.us{margin-top:4px;padding:10px 12px;background:var(--paper);border:2px solid #0B0B0B;box-shadow:var(--sh4);font-size:17px}
  .ct-r>span.us::before{color:#5A554C}
  .close{padding:56px 0 64px}
  .c-line{font-size:clamp(18px,5.6vw,24px);padding:8px 12px 6px}
  .close .signup{margin-top:26px}
}
@media (max-width:359px){
  .r-sb{font-size:11px;gap:4px;padding:3px 5px 2px}
  .r-amt i{display:none}
  .h-slot{height:206px}
  .h-art{height:220px}
}
@media (max-width:760px){
  .r-sb span:nth-of-type(2){display:none}
}
@media (max-width:359px){.r-sb span:nth-of-type(3){display:none}}