/* OreWars. Ground, ink and the three ring colours come from marketing/art. */
:root{
  --ground:#0b0e12; --panel:#10151b; --panel2:#151b23; --line:#232c36;
  --ink:#efe9da; --dim:#b8c0c8; --mute:#8b96a1;
  --hi:#6fc24c; --lo:#f2aa1f; --nu:#e2472f;
  --display:'Big Shoulders Display','Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;
  --text:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --pad:clamp(1rem,4vw,3rem);
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:clamp(16px,calc(10px + .5vw),22px);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.55;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
[hidden]{display:none!important}
.wrap{width:100%;max-width:80rem;margin-inline:auto;padding-inline:var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-999rem;top:0;z-index:10;background:var(--ink);color:var(--ground);padding:.6rem 1rem;font-family:var(--mono)}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--lo);outline-offset:3px}
code{font-family:var(--mono);font-size:.95em;color:var(--ink);background:var(--panel2);padding:.1em .4em;border:1px solid var(--line)}

/* ---------- type ---------- */
.kicker{font-family:var(--mono);font-size:.8125rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}
.kicker::before{content:"";width:1.75rem;height:3px;background:currentColor}
.kicker.hi{color:var(--hi)} .kicker.lo{color:var(--lo)} .kicker.nu{color:var(--nu)}
h2{font-family:var(--display);font-weight:800;font-size:clamp(2.5rem,6.2vw,4.75rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;max-width:18ch;text-wrap:balance}
.lede{margin-top:1.1rem;max-width:44rem;font-size:1.1875rem;line-height:1.5;color:var(--ink)}
.sub{font-family:var(--mono);font-size:.8125rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:.9rem}
.note{margin-top:1.1rem;color:var(--dim);max-width:44rem}
.quiet{margin-top:2rem;padding:1.1rem 1.25rem;border-left:3px solid var(--line);background:var(--panel);color:var(--dim);max-width:44rem}
.sec{padding-block:clamp(4rem,9vw,7.5rem);border-top:1px solid var(--line)}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:min(100svh,60rem);overflow:hidden;background:var(--ground)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(180deg,rgba(11,14,18,.88) 0%,rgba(11,14,18,.35) 26%,rgba(11,14,18,.18) 50%,rgba(11,14,18,.72) 80%,var(--ground) 100%),
  linear-gradient(90deg,rgba(11,14,18,.82) 0%,rgba(11,14,18,.35) 55%,rgba(11,14,18,0) 100%)}
.hero-rings{position:absolute;left:50%;top:50%;width:max(110vw,110svh);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;overflow:visible}
.hero-rings circle{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke;opacity:.45;stroke-dasharray:1;stroke-dashoffset:0}
.hero-rings .r-hi{stroke:var(--hi)} .hero-rings .r-lo{stroke:var(--lo)} .hero-rings .r-nu{stroke:var(--nu)}
.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:clamp(1rem,2.5vw,2rem)}
.brand svg{display:block;width:2.75rem;height:2.75rem}
.hero-next{--c:var(--lo);display:grid;justify-items:end;text-align:right;text-decoration:none;color:var(--ink);border-right:4px solid var(--c);padding:.1rem .8rem .15rem 0;background:linear-gradient(270deg,rgba(11,14,18,.55),rgba(11,14,18,0))}
.hero-next.nu{--c:var(--nu)}
.hero-next .hn-state{font-family:var(--mono);font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}
.hero-next .hn-name{font-family:var(--display);font-weight:800;font-size:1.25rem;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.hero-next .hn-count{font-family:var(--display);font-weight:900;font-size:2rem;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.hero-main{margin-top:auto;padding-top:3rem;padding-bottom:clamp(2rem,5vw,4rem)}
.status{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.8125rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--lo);border:1px solid rgba(242,170,31,.5);background:rgba(11,14,18,.6);padding:.4rem .75rem}
.status-dot{width:.5rem;height:.5rem;background:var(--lo);flex:none}
h1{font-family:var(--display);font-weight:900;font-size:clamp(5.5rem,22vw,13.5rem);line-height:.82;letter-spacing:.005em;text-transform:uppercase;margin-top:1rem;margin-left:-.04em;text-shadow:0 2px 28px rgba(0,0,0,.55)}
.tagline{margin-top:1.1rem;font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,4.3vw,3.1rem);line-height:1.02;text-transform:uppercase;letter-spacing:.012em;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.tagline em{font-style:normal;color:var(--lo)}
.join{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.9rem}

.copy{appearance:none;cursor:pointer;display:inline-flex;align-items:stretch;border:0;padding:0;background:var(--ink);color:var(--ground);font:inherit;box-shadow:.4rem .4rem 0 rgba(0,0,0,.45);transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease}
.copy-addr{font-family:var(--mono);font-weight:600;font-size:clamp(1.35rem,5.4vw,2rem);letter-spacing:.01em;padding:.8rem 1.15rem;line-height:1.1}
.copy-hint{display:flex;align-items:center;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:0 1rem;background:var(--lo);color:var(--ground);min-width:9.5rem;justify-content:center;text-align:center;line-height:1.25}
.copy:hover{transform:translate(-2px,-2px);box-shadow:calc(.4rem + 2px) calc(.4rem + 2px) 0 rgba(0,0,0,.45)}
.copy:active{transform:translate(2px,2px);box-shadow:.15rem .15rem 0 rgba(0,0,0,.45)}
.copy.done .copy-hint{background:var(--hi)}
.copy.small .copy-addr{font-size:1.25rem;padding:.65rem .9rem}
.copy.small{box-shadow:none;margin-top:.2rem}
.copy.small:hover,.copy.small:active{box-shadow:none}
@media (max-width:26rem){
  .copy{flex-direction:column;width:100%}
  .copy-addr{text-align:left}
  .copy-hint{padding:.5rem 1.15rem;justify-content:flex-start;min-width:0}
}

.online{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4rem .7rem;margin-top:1.8rem;padding-top:1.1rem;border-top:1px solid rgba(239,233,218,.22);max-width:52rem}
.online-line{font-family:var(--mono);font-size:1rem;font-weight:500;letter-spacing:.04em}
.online-line b{font-family:var(--display);font-weight:900;font-size:2rem;letter-spacing:.02em;color:var(--hi);margin-right:.45rem;vertical-align:-.12em;font-variant-numeric:tabular-nums}
.online-names{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.35rem .5rem}
.online-names li{font-family:var(--mono);font-size:.8125rem;color:var(--ink);background:rgba(11,14,18,.66);border:1px solid rgba(239,233,218,.2);padding:.15rem .5rem}
.online-names li.more{color:var(--dim);border-style:dashed}
.pulse{position:relative;width:.7rem;height:.7rem;border-radius:50%;background:var(--hi);flex:none}
.pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:pulse 2s ease-out infinite}
.pulse.red{background:var(--nu)}
.online.idle .pulse{background:var(--mute)} .online.idle .pulse::after{animation:none}
@keyframes pulse{from{transform:scale(1);opacity:.7}to{transform:scale(3.2);opacity:0}}

/* ---------- three rings ---------- */
.ruler{display:none}
.rings{display:grid;gap:1.25rem;margin-top:2.5rem}
.ring{--c:var(--hi);background:var(--panel);border-top:5px solid var(--c);display:flex;flex-direction:column}
.ring.lo{--c:var(--lo)} .ring.nu{--c:var(--nu)}
.ring img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ring-body{padding:1.25rem 1.25rem 1.5rem}
.ring-dist{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.ring h3{font-family:var(--display);font-weight:900;font-size:3.25rem;line-height:.95;text-transform:uppercase;letter-spacing:.02em;color:var(--c);margin-top:.3rem}
.ring dl{margin-top:1rem;display:grid;gap:.2rem}
.ring dt{font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c);margin-top:.7rem}
.ring dt:nth-of-type(2){color:var(--dim)}
.ring dd{font-size:1.0625rem;line-height:1.45}
@media (min-width:60rem){
  .rings{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:0}
  .ring-dist{display:none}
  .ruler{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:1.5rem;margin-top:3rem;margin-bottom:.9rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
  .ruler span{position:relative;padding-top:.9rem}
  .ruler span::before{content:"";position:absolute;left:0;top:0;width:calc(100% + 1.5rem);height:3px;background:var(--c)}
  .ruler span::after{content:"";position:absolute;left:0;top:-.3rem;width:3px;height:.75rem;background:var(--ink)}
  .ruler .hi{--c:var(--hi)} .ruler .lo{--c:var(--lo)} .ruler .nu{--c:var(--nu)}
  .ruler .end{width:0;white-space:nowrap;direction:rtl;margin-left:-1.5rem}
  .ruler .end::before{display:none}
  .ruler .end::after{left:auto;right:0}
}

/* ---------- tonight ---------- */
.sec-tonight{background:linear-gradient(180deg,rgba(242,170,31,.07),rgba(242,170,31,0) 28rem)}
.next{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:52rem){.next{grid-template-columns:1fr 1fr;gap:1.5rem}}
.up{--c:var(--lo);position:relative;isolation:isolate;overflow:hidden;min-height:21rem;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;border-top:5px solid var(--c);background:var(--panel)}
.up.nu{--c:var(--nu)}
.up img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.up::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,14,18,.5) 0%,rgba(11,14,18,.25) 30%,rgba(11,14,18,.93) 78%)}
.up-state{position:absolute;left:1.25rem;top:1.1rem;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ground);background:var(--c);padding:.25rem .6rem}
.up-ring{text-shadow:0 1px 6px rgba(0,0,0,.9);font-family:var(--mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c);font-weight:600}
.up-name{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,5vw,2.6rem);line-height:1;text-transform:uppercase;letter-spacing:.015em;margin-top:.2rem}
.up-count{font-family:var(--display);font-weight:900;font-size:clamp(3.6rem,13vw,5.5rem);line-height:.95;letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:.35rem}
.up-count small{display:block;font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.16em;color:var(--dim);text-transform:uppercase;margin-bottom:.1rem}
.up-count.wait{font-size:clamp(2rem,6vw,2.6rem);color:var(--c);line-height:1.02;text-transform:uppercase}
.up-holder{margin-top:.6rem;font-size:1.0625rem}
.up-holder b{color:var(--c);font-weight:600}

.pay{display:grid;gap:1.25rem;margin-top:2.5rem;align-items:stretch}
@media (min-width:52rem){.pay{grid-template-columns:1fr 1fr;gap:1.5rem}}
.pay-card{--c:var(--lo);border:1px solid var(--line);border-left:5px solid var(--c);background:var(--panel);padding:1.25rem}
.pay-card.nu{--c:var(--nu)}
.pay-card h3{font-family:var(--mono);font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
/* the same seven columns in both cards, so the numbers line up across them and nothing wraps alone onto a second row */
.pay-card ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem .5rem;margin-top:.9rem}
@media (min-width:76rem){.pay-card ul{grid-template-columns:repeat(7,minmax(0,1fr))}}
.pay-card li{font-family:var(--mono);font-size:.75rem;color:var(--dim);letter-spacing:.02em;white-space:nowrap}
.pay-card li b{display:block;font-family:var(--display);font-weight:800;font-size:2.2rem;line-height:1;color:var(--ink);letter-spacing:.02em}
.pay-card li.gem b{color:var(--c)}

.holders{margin-top:3rem}
.holder-list{border-top:1px solid var(--line)}
.holder-list li{--c:var(--lo);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem 1rem;align-items:baseline;padding:.8rem 0 .8rem .9rem;border-bottom:1px solid var(--line);border-left:4px solid var(--c)}
.holder-list li.nu{--c:var(--nu)}
.h-name{font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.h-ring{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c);margin-left:.5rem;vertical-align:.25em;white-space:nowrap}
.h-when{font-family:var(--mono);font-size:.875rem;color:var(--dim);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.h-when.open{color:var(--c);font-weight:600}
.h-holder{grid-column:1/-1;font-size:1rem;color:var(--dim);overflow-wrap:anywhere}
.h-holder b{color:var(--ink);font-weight:600}
@media (min-width:52rem){
  .holder-list li{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 11rem;padding-block:.9rem}
  .h-holder{grid-column:auto;grid-row:1;grid-column-start:2}
  .h-when{grid-column-start:3}
}
.tz{margin-top:.8rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:var(--mute)}

/* ---------- feed ---------- */
.feed-wrap{display:grid;gap:2.25rem}
@media (min-width:64rem){.feed-wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:start}.feed-head{position:sticky;top:2rem}}
.feed{border-top:1px solid var(--line)}
.feed li{--c:var(--mute);display:grid;grid-template-columns:1fr auto;gap:.1rem 1rem;align-items:baseline;padding:.8rem 0 .8rem .9rem;border-bottom:1px solid var(--line);border-left:4px solid var(--c);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 9%,transparent),transparent 40%)}
.feed li.hi{--c:var(--hi)} .feed li.lo{--c:var(--lo)} .feed li.nu{--c:var(--nu)} .feed li.boss{--c:#c98be0}
.feed-text{font-size:1.0625rem;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.feed-text .sym{color:var(--c);font-family:'Segoe UI Symbol','Apple Symbols','Noto Sans Symbols 2','DejaVu Sans',sans-serif;margin-right:.1em}
.feed time{font-family:var(--mono);font-size:.75rem;color:var(--mute);white-space:nowrap;letter-spacing:.04em}
.feed li.new{animation:slide .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes slide{from{opacity:0;transform:translateY(-.9rem)}to{opacity:1;transform:none}}
@media (max-width:30rem){.feed li{grid-template-columns:1fr}}

/* ---------- week ---------- */
.boards{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:56rem){.boards{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.board{--c:var(--hi);background:var(--panel);border-top:5px solid var(--c);padding:1.25rem 1.25rem 1.4rem}
.board.lo{--c:var(--lo)} .board.nu{--c:var(--nu)}
.board h3{font-family:var(--mono);font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}
.board ol{margin-top:.9rem}
.board li{display:grid;grid-template-columns:1.6rem 1fr;gap:0 .5rem;align-items:baseline;padding:.6rem 0;border-top:1px solid var(--line)}
.board li:first-child{border-top:0;padding-top:0}
.b-rank{font-family:var(--mono);font-size:.875rem;color:var(--mute)}
.b-name{font-family:var(--display);font-weight:800;font-size:1.9rem;line-height:1;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
.board li:first-child .b-name{font-size:clamp(2.6rem,9vw,3.4rem);font-weight:900}
.b-val{grid-column:2;font-family:var(--mono);font-size:.875rem;color:var(--dim);margin-top:.15rem}
.b-val b{color:var(--c);font-weight:600}
.board .empty{display:block;color:var(--dim);border-top:0;padding:0}

/* ---------- gallery ---------- */
.gallery{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:44rem){.gallery{grid-template-columns:1fr 1fr;gap:1.5rem}}
.shot{--c:var(--lo);position:relative;overflow:hidden;background:var(--panel)}
.shot.nu{--c:var(--nu)}
.shot img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.shot:hover img{transform:scale(1.035)}
.shot figcaption{position:absolute;inset:auto 0 0 0;padding:3rem 1.1rem 1rem;background:linear-gradient(180deg,rgba(11,14,18,0),rgba(11,14,18,.78) 42%,rgba(11,14,18,.94));display:grid;gap:.1rem;border-bottom:5px solid var(--c)}
.shot .tag{text-shadow:0 1px 6px rgba(0,0,0,.9);font-family:var(--mono);font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--c)}
.shot b{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1;text-transform:uppercase;letter-spacing:.02em}
.shot .held{font-family:var(--mono);font-size:.8125rem;color:var(--dim);margin-top:.15rem}
.shot .held b{font:inherit;color:var(--ink);font-weight:600;text-transform:none;letter-spacing:0}

/* ---------- boss ---------- */
.sec-boss{position:relative;overflow:hidden;background:radial-gradient(60rem 30rem at 85% 0%,rgba(226,71,47,.2),transparent 70%),linear-gradient(180deg,#130d0c,var(--ground))}
.sec-boss::before{content:"?";position:absolute;right:-1rem;top:-3rem;font-family:var(--display);font-weight:900;font-size:clamp(16rem,42vw,34rem);line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(226,71,47,.2);pointer-events:none}
.boss{position:relative}
.sec-boss h2{font-size:clamp(3.4rem,11vw,8.5rem);font-weight:900;line-height:.86;max-width:none}
.boss-live,.boss-last{margin-top:1.1rem;font-family:var(--mono);font-size:.9375rem;letter-spacing:.03em;color:var(--dim);max-width:44rem}
.boss-live{color:var(--ink);border-left:4px solid var(--nu);padding:.55rem .9rem;background:rgba(226,71,47,.12);font-weight:500}
.boss-facts{display:grid;gap:1.25rem;margin-top:2.75rem}
@media (min-width:52rem){.boss-facts{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.boss-facts div{border-top:3px solid var(--nu);padding-top:.9rem}
.boss-facts b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(2.8rem,7vw,4rem);line-height:.95;text-transform:uppercase;letter-spacing:.02em}
.boss-facts span{display:block;margin-top:.5rem;color:var(--ink)}
.drops{margin-top:3rem}
.drops ul{display:grid;gap:0;border-top:1px solid rgba(239,233,218,.18)}
.drops li{display:grid;gap:.15rem 2rem;padding:.9rem 0;border-bottom:1px solid rgba(239,233,218,.18)}
@media (min-width:52rem){.drops li{grid-template-columns:minmax(0,22rem) 1fr;align-items:baseline}}
.drops li b{font-family:var(--display);font-weight:800;font-size:1.7rem;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.drops li.jackpot b{color:var(--lo)}
.drops li span{color:var(--ink)}

/* ---------- join ---------- */
.steps{display:grid;gap:1.25rem;margin-top:2.5rem;counter-reset:s}
@media (min-width:56rem){.steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.steps li{background:var(--panel);border-top:5px solid var(--hi);padding:1.1rem 1.25rem 1.4rem}
.steps .n{display:block;font-family:var(--display);font-weight:900;font-size:4.5rem;line-height:.9;color:var(--hi)}
.steps h3{font-family:var(--display);font-weight:800;font-size:1.9rem;line-height:1;text-transform:uppercase;letter-spacing:.02em;margin:.4rem 0 .6rem}
.steps p{color:var(--ink)}
.closed{display:flex;align-items:baseline;gap:.6rem;margin-top:1.5rem;font-family:var(--mono);font-size:.875rem;letter-spacing:.04em;color:var(--lo)}
.closed .status-dot{transform:translateY(-.1em)}
.never{margin-top:3.5rem;padding:1.5rem 0 0;border-top:1px solid var(--line);display:grid;gap:.6rem 3rem}
@media (min-width:56rem){.never{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:baseline}}
.never h3{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1;text-transform:uppercase;letter-spacing:.02em}
.never p{font-size:1.1875rem;line-height:1.5}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding-block:1.75rem 2.5rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--mute)}
.foot-in{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:baseline}
.foot-name{font-family:var(--display);font-weight:900;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.foot a{color:var(--ink)}
.foot-legal{flex-basis:100%}
@media (min-width:56rem){.foot-legal{flex-basis:auto;margin-left:auto}}

/* ---------- motion ---------- */
@media (prefers-reduced-motion:no-preference){
  .hero-rings circle{animation:draw 2.2s cubic-bezier(.3,.7,.2,1) both}
  .hero-rings .r-lo{animation-delay:.25s} .hero-rings .r-nu{animation-delay:.5s}
  @keyframes draw{from{opacity:0;transform:scale(.9)}to{opacity:.45;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
/* the fact row outside the boss section takes the colour of the ring it speaks of */
.boss-facts.facts-hi div{border-top-color:var(--hi)}