/* bc444.info — On-air booth. Acoustic felt, console scribble strips, cardioid plot, racked program monitor. */
:root{
  --felt:#ECE5D8;--felt-2:#E3DACA;--paper:#F8F4EC;--ink:#1C1B19;--ink-2:#34312C;--muted:#5A5247;--rule:#CFC4B1;
  --foam:#1E1D1B;--foam-2:#2A2825;--foam-3:#36332F;--on-foam:#EFE9DD;--on-foam-2:#B8AF9F;
  --tally:#C3302A;--tally-hi:#E5463B;--tally-ink:#9E2720;--vu:#F0B43C;--vu-soft:#F6D58E;--nickel:#A3A7A6;--nickel-2:#C9CBC6;
  --grille-line:rgba(239,233,221,.55);--lamp-glow:0 0 0 3px rgba(229,70,59,.22),0 0 14px rgba(229,70,59,.55);
  --f-d:"Red Rose",ui-rounded,system-ui,sans-serif;--f-b:"Sen",system-ui,-apple-system,"Segoe UI",sans-serif;--f-m:"Fira Code",ui-monospace,Menlo,Consolas,monospace;
  --wrap:1240px;--gut:16px;--r:6px;--hd-h:64px;
  /* game tokens */
  --primary:var(--vu);--primary-contrast:#1C1B19;--accent:var(--tally-hi);--surface:#2A2825;--surface-2:#23211E;--border:rgba(239,233,221,.14);
  --heading:#F3EEE3;--text:#EFE9DD;--font-head:var(--f-d);--font-body:var(--f-b)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
@media (min-width:980px){html{scroll-padding-top:130px}}
body{margin:0;background:var(--felt);color:var(--ink);font:400 17px/1.66 var(--f-b);text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{max-width:100%}
a{color:var(--tally-ink);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--tally-hi);outline-offset:3px;border-radius:3px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
@media (min-width:768px){:root{--gut:28px}}
@media (min-width:1200px){:root{--gut:40px}}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:700;line-height:1.08;letter-spacing:-.012em;color:var(--ink);margin:0}
p{margin:0 0 1em}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:var(--r);font-weight:700}
.skip:focus{top:12px}

/* ── independence strip (scrolls away) ── */
.strip{background:var(--ink);color:var(--on-foam-2);font:500 12.5px/1.4 var(--f-m);letter-spacing:.02em}
.strip-in{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:30px;padding-block:5px}
.strip .age{flex:none;color:var(--ink);background:var(--vu);border-radius:3px;padding:1px 6px;font-weight:500}

/* ── header: brand bar + console scribble-strip nav ── */
.hd{position:sticky;top:0;z-index:40;background:var(--foam);color:var(--on-foam)}
.hd::before{content:"";display:block;height:5px;background:radial-gradient(circle at 50% 50%,#6D6A64 1.1px,transparent 1.6px) 0 0/5px 5px,var(--foam-3)}
.hd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--hd-h)}
.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-height:44px}
.brand .mk{width:26px;height:33px;color:var(--nickel-2);flex:none}
.brand .wm{font:700 1.5rem/1 var(--f-d);letter-spacing:.02em}
.brand small{font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--vu);padding:4px 6px 3px;border-radius:3px;align-self:center}
.hd-tools{display:flex;align-items:center;gap:10px}
.onair{display:none;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;background:var(--foam-2);border:1px solid #4A4640;color:var(--on-foam);text-decoration:none;font:700 14px/1 var(--f-b)}
.onair i{width:11px;height:11px;border-radius:50%;background:var(--tally-hi);box-shadow:var(--lamp-glow)}
.onair:hover{background:var(--tally);border-color:var(--tally);color:#fff}
@media (min-width:600px){.onair{display:inline-flex}}
.nav-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 14px;border-radius:var(--r);border:1px solid #4A4640;background:var(--foam-2);color:var(--on-foam);font:700 14px/1 var(--f-b);cursor:pointer}
.nav-toggle .bars{display:grid;gap:4px;width:18px}
.nav-toggle .bars i{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.hd.open .nav-toggle .bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hd.open .nav-toggle .bars i:nth-child(2){opacity:0}
.hd.open .nav-toggle .bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hd.open .nav-toggle{background:var(--vu);color:var(--ink);border-color:var(--vu)}
.console{display:none;background:var(--foam-2);border-top:1px solid #3F3C37}
.console ol{list-style:none;margin-block:0;display:grid}
.console a{display:flex;align-items:center;gap:12px;min-height:52px;color:var(--on-foam);text-decoration:none;font:600 16px/1.2 var(--f-b)}
.console b{font:500 12px/1 var(--f-m);color:var(--on-foam-2);border:1px solid #57534C;border-radius:3px;padding:4px 5px}
.console a[aria-current] b{background:var(--vu);color:var(--ink);border-color:var(--vu)}
.console a:hover span{text-decoration:underline;text-underline-offset:.25em}
.hd.open .console{display:block;position:absolute;left:0;right:0;top:100%;box-shadow:0 18px 30px rgba(0,0,0,.35);max-height:calc(100vh - 80px);overflow:auto}
.hd.open .console ol{padding-block:6px 14px}
.hd.open .console li+li{border-top:1px solid #3A3733}
@media (min-width:980px){
  .nav-toggle{display:none}
  .console,.hd.open .console{display:block;position:static;box-shadow:none;max-height:none;overflow:visible}
  .console ol{grid-auto-flow:column;grid-auto-columns:1fr}
  .console li:first-child{border-left:1px solid #3F3C37}
  .console li{border-right:1px solid #3F3C37}
  .console a{min-height:50px;padding:0 14px;gap:10px;font-size:15px;position:relative}
  .console a::after{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;background:transparent;border-radius:0 0 3px 3px}
  .console a[aria-current]::after{background:var(--vu)}
  .console a:hover{background:var(--foam-3)}
}

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:var(--r);font:700 16px/1.1 var(--f-b);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .12s}
.btn:active{transform:translateY(1px)}
.btn-tally{background:var(--tally);color:#fff}
.btn-tally::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.btn-tally:hover{background:var(--ink);color:#fff}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-s{min-height:44px;padding:0 16px;font-size:15px}

/* ── home hero ── */
.hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,64px) 0 28px;background:
  linear-gradient(90deg,rgba(28,27,25,.05) 1px,transparent 1px) 0 0/28px 28px,var(--felt)}
.hero-grid{display:grid;gap:24px;align-items:center;position:relative}
.hero-copy{position:relative;z-index:2;max-width:760px}
.badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:7px 12px 7px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--rule);font:500 13px/1.3 var(--f-m);color:var(--ink-2)}
.badge i{width:9px;height:9px;border-radius:50%;background:var(--tally-hi);box-shadow:var(--lamp-glow);flex:none}
.hero h1{font-size:clamp(2.15rem,6.2vw,4.3rem);line-height:1.02;letter-spacing:-.02em;margin-bottom:.45em;text-wrap:balance}
.lead{font-size:1.14rem;line-height:1.6;color:var(--ink-2);max-width:62ch}
.lead p:last-child{margin-bottom:0}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-fig{margin:0;position:absolute;right:-90px;top:-40px;width:300px;opacity:.28;z-index:1;pointer-events:none}
@media (min-width:900px){
  .hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}
  .hero-fig{position:relative;right:auto;top:auto;width:100%;max-width:470px;justify-self:end;opacity:1}
}
.polar{display:block;width:100%;height:auto;overflow:visible}
.pp-grid circle,.pp-grid path{fill:none;stroke:var(--rule);stroke-width:1.2}
.pp-grid circle:last-child{stroke:var(--ink);stroke-width:1.6}
.pp-ticks path{stroke:var(--ink);stroke-width:1.4}
.pp-super{fill:none;stroke:var(--muted);stroke-width:1.6;stroke-dasharray:4 5}
.pp-card{fill:rgba(195,48,42,.1);stroke:var(--tally);stroke-width:3;stroke-linejoin:round}
.pp-sweep path{stroke:var(--vu);stroke-width:2.2}
.pp-sweep circle{fill:var(--vu);stroke:var(--ink);stroke-width:1.5}
.pp-sweep{transform-origin:200px 200px;transform-box:view-box}
.pp-cap circle{fill:var(--ink)}
.pp-cap .pp-mesh{fill:var(--foam-3);stroke:var(--nickel);stroke-width:1.2;stroke-dasharray:2 2.4}
.pp-cap .pp-dot{fill:var(--tally-hi)}
@media (prefers-reduced-motion:no-preference){
  .pp-sweep{animation:sweep 9s linear infinite}
  .badge i,.onair i,.lamp,.cue-lamp{animation:lamp 2.4s ease-in-out infinite}
}
@keyframes sweep{to{transform:rotate(360deg)}}
@keyframes lamp{50%{box-shadow:0 0 0 2px rgba(229,70,59,.12),0 0 5px rgba(229,70,59,.3)}}
.tape{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:2}
.tape li{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:6px 14px 6px 10px;background:var(--paper);border:1px solid var(--rule);border-left:4px solid var(--ink);font:600 14.5px/1.3 var(--f-b);color:var(--ink-2);transform:rotate(-.4deg)}
.tape li:nth-child(2){transform:rotate(.35deg)}
.tape li i{width:18px;height:6px;border-radius:2px;background:linear-gradient(90deg,#4B9A62 0 33%,var(--vu) 33% 66%,var(--tally-hi) 66%)}

/* ── program monitor (home game) ── */
.monitor{background:var(--foam);color:var(--on-foam);padding:clamp(28px,5vw,56px) 0;position:relative;scroll-margin-top:70px}
.monitor::before{content:"";position:absolute;inset:0 0 auto;height:10px;background:repeating-linear-gradient(90deg,var(--foam-3) 0 2px,transparent 2px 7px)}
.mon-grid{display:grid;gap:26px;align-items:start}
@media (min-width:1000px){.mon-grid{grid-template-columns:minmax(0,1fr) 280px;gap:36px}}
.rack{container-type:inline-size;position:relative;background:#141311;border:1px solid #3B3833;border-radius:8px;padding:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 40px rgba(0,0,0,.35);min-width:0}
@media (min-width:640px){
  .rack{padding:0 34px;border-radius:4px;background:linear-gradient(90deg,#3A3732 0 34px,#141311 34px calc(100% - 34px),#3A3732 calc(100% - 34px))}
  .rack::before,.rack::after{content:"";position:absolute;top:18px;bottom:18px;width:12px;background:radial-gradient(circle at 50% 8px,#0E0D0C 4px,#5A5650 4.5px 5.5px,transparent 6px) 0 0/12px 50% repeat-y}
  .rack::before{left:11px}.rack::after{right:11px}
}
.rack-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #2F2C28;font:500 12.5px/1.2 var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--on-foam-2)}
.rh-l{display:inline-flex;align-items:center;gap:10px}
.lamp{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--tally-hi);box-shadow:var(--lamp-glow);flex:none}
.rh-tag{color:var(--ink);background:var(--vu);border-radius:3px;padding:3px 7px}
.mon-note{border-top:1px solid #3B3833;padding-top:18px;color:var(--on-foam-2);font-size:1rem}
@media (min-width:1000px){.mon-note{border-top:0;border-left:1px solid #3B3833;padding:6px 0 0 26px}}
.mn-t{font:700 1.45rem/1.15 var(--f-d);color:var(--on-foam);margin-bottom:.5em}
.vu{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:18px;height:40px;align-items:end}
.vu span{background:#4B9A62;border-radius:2px;height:30%}
.vu span:nth-child(n+8){background:var(--vu)}.vu span:nth-child(n+11){background:var(--tally-hi)}
.vu span:nth-child(2){height:40%}.vu span:nth-child(3){height:48%}.vu span:nth-child(4){height:55%}.vu span:nth-child(5){height:62%}.vu span:nth-child(6){height:68%}.vu span:nth-child(7){height:74%}.vu span:nth-child(8){height:80%}.vu span:nth-child(9){height:86%}.vu span:nth-child(10){height:91%}.vu span:nth-child(11){height:96%}.vu span:nth-child(12){height:100%}
@media (prefers-reduced-motion:no-preference){
  .vu span{transform-origin:bottom;animation:vu 1.8s ease-in-out infinite alternate}
  .vu span:nth-child(3n){animation-duration:1.3s}.vu span:nth-child(3n+1){animation-duration:2.2s;animation-delay:-.7s}
}
@keyframes vu{from{transform:scaleY(1)}to{transform:scaleY(.55)}}
@media (max-width:420px){.monitor .wrap{padding-inline:8px}}

/* ── inner hero ── */
.phero{background:var(--felt);padding:clamp(22px,4vw,48px) 0 clamp(26px,4vw,44px);border-bottom:2px solid var(--ink)}
.phero-grid{display:grid;gap:26px;align-items:end}
@media (min-width:900px){.phero-grid{grid-template-columns:minmax(0,1fr) 380px;gap:44px}}
.crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:500 13.5px/1.4 var(--f-m)}
.crumbs li{display:inline-flex;align-items:center;gap:8px}
.crumbs li+li::before{content:"";width:14px;height:2px;background:var(--muted)}
.crumbs a{color:var(--tally-ink);display:inline-flex;align-items:center;min-height:44px}
.crumbs span{color:var(--muted)}
.phero h1{font-size:clamp(1.95rem,4.8vw,3.4rem);letter-spacing:-.018em;margin-bottom:.5em;text-wrap:balance;max-width:22ch}
.fr-fig{margin:0;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:12px;box-shadow:6px 6px 0 var(--felt-2)}
.fresp{display:block;width:100%;height:160px}
.fr-grid path{stroke:var(--rule);stroke-width:1;vector-effect:non-scaling-stroke}
.fr-grid path.dec{stroke:var(--nickel)}
.fr-band{fill:rgba(240,180,60,.18)}
.fr-line{fill:none;stroke:var(--tally);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round}
@media (max-width:899px){.fr-fig{max-width:460px}.fresp{height:110px}}

/* ── body: rundown TOC + article ── */
.body{padding:clamp(28px,5vw,60px) 0 clamp(36px,6vw,72px)}
.body-grid{display:grid;gap:30px}
@media (min-width:1100px){.body-grid{grid-template-columns:290px minmax(0,1fr);gap:56px}.rundown{position:sticky;top:134px;align-self:start;max-height:calc(100vh - 150px);overflow:auto}}
.rundown{min-width:0}
.toc{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:14px 14px 10px}
.rd-h{font:500 12px/1.2 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.toc ol{list-style:none;margin:0;padding:0;display:grid}
@media (min-width:640px) and (max-width:1099px){.toc ol{grid-template-columns:1fr 1fr;column-gap:22px}}
.toc a{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:baseline;padding:10px 4px;min-height:44px;color:var(--ink-2);text-decoration:none;font-size:15px;line-height:1.35;border-bottom:1px dashed var(--rule)}
.toc b{font:500 12px/1.4 var(--f-m);color:var(--muted)}
.toc a:hover span{text-decoration:underline;text-underline-offset:.2em}
.toc a[aria-current] {color:var(--ink);font-weight:700}
.toc a[aria-current] b{color:var(--tally)}
.mini{display:none}
@media (min-width:1100px){.mini{display:block;margin-top:18px;background:var(--foam);color:var(--on-foam-2);border-radius:var(--r);padding:16px;font-size:14.5px;line-height:1.5}}
.mini-t{display:flex;align-items:center;gap:10px;font:700 1.08rem/1.2 var(--f-d);color:var(--on-foam);margin-bottom:.5em}
.mini .btn{width:100%}

.content{min-width:0;max-width:760px;counter-reset:seg}
.content > .intro,.content > .seg{margin-bottom:2.4rem}
.seg h2{counter-increment:seg;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:clamp(1.5rem,3vw,2.05rem);padding-top:16px;border-top:2px solid var(--ink);margin-bottom:.7em}
.seg h2::before{content:counter(seg,decimal-leading-zero);font:500 13px/1 var(--f-m);color:var(--vu);background:var(--ink);padding:7px 7px 6px;border-radius:3px;margin-top:.25em}
.content h3{font-size:1.25rem;margin:1.5em 0 .5em}
.content ul,.content ol{padding-left:1.35em;margin:0 0 1.2em}
.content li{margin-bottom:.45em}
.content ul li::marker{color:var(--tally)}
.content ol li::marker{font:500 .85em var(--f-m);color:var(--tally-ink)}
.content strong{color:var(--ink);font-weight:700}
.content blockquote{margin:1.4em 0;padding:14px 18px;border-left:4px solid var(--vu);background:var(--paper)}
.content table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.4em;font-size:15px;max-width:100%}
.content th,.content td{border:1px solid var(--rule);padding:9px 12px;text-align:left;vertical-align:top}
.content th{background:var(--ink);color:var(--paper);font-weight:700}
.content tr:nth-child(even) td{background:rgba(248,244,236,.7)}

/* FAQ: talkback keys */
.faq{margin:3rem 0 2.4rem;padding:20px;background:var(--foam);color:var(--on-foam);border-radius:8px}
.faq h2{color:var(--on-foam);font-size:clamp(1.45rem,3vw,1.9rem);margin-bottom:14px}
.faq details{border-top:1px solid #3B3833}
.faq summary{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:center;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font:700 1.03rem/1.4 var(--f-b)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{width:22px;height:22px;border-radius:50%;background:var(--foam-3);border:2px solid #5A5650;position:relative}
.faq summary i::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#5A5650;transition:background .2s,box-shadow .2s}
.faq details[open] summary i::after{background:var(--vu);box-shadow:0 0 10px rgba(240,180,60,.7)}
.faq summary:hover span{text-decoration:underline;text-underline-offset:.22em}
.ans{padding:0 0 16px 36px;color:var(--on-foam-2);font-size:1rem}
.ans a{color:var(--vu-soft)}
.ans p:last-child{margin-bottom:0}
@media (min-width:768px){.faq{padding:28px 32px}}

/* page CTA: cue light */
.cue{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:center;margin-top:2.4rem;padding:18px 20px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink)}
.cue p{margin:0;font-weight:600;font-size:1.05rem;line-height:1.45}
.cue .btn{grid-column:1/-1;justify-self:start}
.cue-lamp{width:16px;height:16px;border-radius:50%;background:var(--tally-hi);box-shadow:var(--lamp-glow)}
@media (min-width:700px){.cue{grid-template-columns:auto 1fr auto}.cue .btn{grid-column:auto}}

/* ── related: patch bay ── */
.patch{background:var(--felt-2);padding:clamp(34px,5vw,60px) 0;border-top:2px solid var(--ink)}
.patch h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:20px}
.bay{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));container-type:inline-size}
.jack{display:grid;grid-template-rows:auto auto 1fr;gap:10px;height:100%;padding:14px 16px 18px;background:var(--foam);color:var(--on-foam-2);border-radius:6px;text-decoration:none;font-size:14.5px;line-height:1.45;transition:transform .15s,box-shadow .15s}
.holes{display:flex;gap:10px}
.holes i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#0B0A09 5px,#6F6B64 5.5px 7.5px,#2B2926 8px)}
.jack strong{display:block;background:var(--paper);color:var(--ink);padding:7px 10px;border-radius:3px;font:700 1.02rem/1.3 var(--f-d);transform:rotate(-.6deg)}
.jack strong b{font:500 11.5px/1 var(--f-m);color:var(--tally);margin-right:8px}
.jack:hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--tally)}
.jack:hover .holes i:first-child{background:radial-gradient(circle,var(--tally-hi) 5px,#6F6B64 5.5px 7.5px,#2B2926 8px)}

/* ── footer ── */
.ft{background:var(--foam);color:var(--on-foam-2);font-size:15px;line-height:1.55}
.grille{height:46px;background:radial-gradient(circle at 50% 50%,#46433E 2px,transparent 2.6px) 0 0/9px 9px,#171614;border-bottom:1px solid #3B3833}
.ft-grid{display:grid;gap:28px;padding-block:36px 26px}
@media (min-width:760px){.ft-grid{grid-template-columns:1.6fr 1fr 1fr;gap:40px}}
.ft .brand{color:var(--on-foam);margin-bottom:12px}
.ft-brand p{max-width:52ch}
.ft-h{font:500 12px/1.2 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--vu);margin-bottom:8px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;min-height:44px;color:var(--on-foam);text-decoration:none;border-bottom:1px solid #2F2C28}
.ft li a:hover{color:var(--vu)}
.ft-bot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-block:18px 26px;border-top:1px solid #3B3833;font:500 13px/1.4 var(--f-m)}
.clip{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tally);color:#fff;font:700 14px/1 var(--f-d);box-shadow:0 0 0 4px rgba(195,48,42,.25)}

/* 404 */
.nf{padding-block:70px 90px;max-width:720px}
.nf-code{font:700 clamp(4rem,16vw,8rem)/1 var(--f-d);color:var(--tally);margin-bottom:10px}
.nf h1{font-size:clamp(1.9rem,5vw,3rem);margin-bottom:.5em}

@media (max-width:374px){.brand .wm{font-size:1.3rem}.brand small{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}