/* PitSense — infrared on black. One family (Archivo), a pixel blackletter for the mark, mono for readouts. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-stretch:100% 125%;font-display:swap;src:url(/fonts/archivo-var.woff2) format('woff2')}
@font-face{font-family:'Jacquard 12';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jacquard12.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jbmono-400.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jbmono-700.woff2) format('woff2')}

:root{
  --void:#000;
  --pit:#08060c;
  --pit-2:#0e0b14;
  --line:#1f1b27;
  --line-2:#342e40;
  --bone:#ece7df;
  --ash:#a39d95;
  --dim:#7f7a75;
  --ir-indigo:#220e68;
  --ir-violet:#601ea8;
  --ir-magenta:#b0288c;
  --ir-red:#e83e46;
  --ir-orange:#f66e24;
  --ir-amber:#ffb238;
  --ir-core:#fff4cc;
  --heat:#ff7a45;
  --cold:#a98bff;
  --ramp:linear-gradient(90deg,var(--ir-indigo),var(--ir-violet),var(--ir-magenta),var(--ir-red),var(--ir-orange),var(--ir-amber),var(--ir-core));
  --sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --black:'Jacquard 12','Archivo',serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --wrap:1240px;
  --gut:clamp(20px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--void);color-scheme:dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--bone);font:400 17px/1.55 var(--sans);font-stretch:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0;font-weight:560;font-stretch:118%;letter-spacing:-.018em;line-height:1.04;text-wrap:balance}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--ir-amber);outline-offset:3px;border-radius:2px}
::selection{background:var(--ir-magenta);color:#fff}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:12px;top:-60px;background:var(--bone);color:#000;padding:10px 14px;z-index:100;font-weight:600}
.skip:focus{top:12px}
.mono{font-family:var(--mono);font-size:13px;letter-spacing:0}
.muted{color:var(--ash)}

/* ---------- header ---------- */
.bar{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}
.bar.solid,.bar.open{background:rgba(0,0,0,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--line)}
.bar .wrap{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand .mark{width:39px;height:27px;flex:none}
.brand span{font-family:var(--black);font-size:36px;line-height:1;letter-spacing:.01em;transform:translateY(-1px)}
.bar nav{display:flex;align-items:center;gap:30px}
.bar nav a{font-size:15px;color:var(--ash);padding:8px 0;transition:color .15s}
.bar nav a:hover,.bar nav a[aria-current=page]{color:var(--bone)}
.bar nav a[aria-current=page]{box-shadow:0 1px 0 var(--heat)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;background:var(--bone);color:#000;font:600 15px/1 var(--sans);font-stretch:108%;border-radius:2px;transition:background .15s,transform .15s}
.btn:hover{background:var(--ir-core)}
.btn:active{transform:translateY(1px)}
.bar nav a.btn{height:40px;padding:0 18px;color:#000;font-size:14px}
.link{display:inline-block;color:var(--bone);font-weight:500;padding:6px 0;background:var(--ramp) 0 100%/100% 1px no-repeat;transition:background-size .2s}
.link:hover{background-size:100% 3px}
.menu{display:none;width:44px;height:44px;border:1px solid var(--line-2);background:#000;color:var(--bone);border-radius:2px;align-items:center;justify-content:center;cursor:pointer}
.menu i{display:block;width:18px;height:8px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
@media (max-width:820px){
  .menu{display:inline-flex}
  .bar .wrap{height:60px}
  .brand span{font-size:30px}.brand .mark{width:32px;height:22px}
  .bar.open{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}
  .bar nav{display:none;position:absolute;top:60px;left:0;right:0;height:calc(100dvh - 60px);background:#000;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--gut) 28px;overflow:auto}
  .bar.open nav{display:flex}
  .bar nav a{font-size:26px;font-stretch:112%;font-weight:560;color:var(--bone);padding:20px 0;border-bottom:1px solid var(--line)}
  .bar nav a[aria-current=page]{box-shadow:none;color:var(--heat)}
  .bar nav a.btn{margin-top:28px;height:54px;font-size:17px;border:0}
}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#000}
.hero canvas{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{position:relative;padding-top:120px;padding-bottom:clamp(44px,8vh,88px);pointer-events:none}
.hero .wrap a{pointer-events:auto}
.hero h1{font-size:clamp(40px,5.5vw,86px);line-height:.98;letter-spacing:-.026em;max-width:9.6em}
.hero .lede{margin-top:26px;max-width:33em;font-size:clamp(17px,1.35vw,20px);color:var(--ash);line-height:1.5}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:34px}
.hud{position:absolute;font:400 11px/1 var(--mono);color:var(--ash);pointer-events:none}
.hud-track{left:var(--gut);top:96px;border:1px solid var(--line-2);padding:7px 9px;background:#000}
.hud-track b{font-weight:400;color:var(--bone)}
.hud-scale{right:max(14px,calc(var(--gut) - 22px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.hud-scale i{display:block;width:6px;height:min(34vh,260px);background:linear-gradient(0deg,var(--ir-indigo),var(--ir-violet),var(--ir-magenta),var(--ir-red),var(--ir-orange),var(--ir-amber),var(--ir-core))}
@media (min-width:1500px){.hud-track{left:calc((100vw - var(--wrap))/2 + var(--gut))}}
@media (max-width:820px){
  .hero .wrap{padding-top:calc(min(102vw,50svh,520px) + 74px);padding-bottom:40px}
  .hud-scale{display:none}
  .hud-track{top:70px;left:auto;right:var(--gut);font-size:10px}
  .hero h1{font-size:clamp(34px,10vw,52px)}
}

/* ---------- sections ---------- */
.sec{padding:clamp(64px,8vw,112px) 0;border-top:1px solid var(--line)}
.sec.flush{border-top:0}
.sec h2{font-size:clamp(30px,3.6vw,54px);max-width:16em}
.sec .intro{margin-top:20px;max-width:38em;color:var(--ash);font-size:clamp(17px,1.3vw,19px)}
.head{display:grid;gap:20px 64px;margin-bottom:clamp(40px,5vw,72px)}
@media (min-width:1000px){.head.split{grid-template-columns:1.15fr 1fr;align-items:end}.head.split .intro{margin-top:0}}
.page-top{padding:clamp(140px,17vw,220px) 0 clamp(56px,7vw,96px);position:relative;overflow:hidden}
.page-top::before{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--ramp);opacity:.9}
.page-top h1{font-size:clamp(36px,4.8vw,72px);max-width:14em;letter-spacing:-.024em}
.page-top .intro{margin-top:26px;max-width:36em;color:var(--ash);font-size:clamp(17px,1.4vw,20px)}
.crumb{font:400 13px/1 var(--mono);color:var(--dim);margin-bottom:26px}
.crumb a:hover{color:var(--bone)}

/* statement */
.state{display:grid;gap:40px 72px}
.state .big{font-size:clamp(26px,3.1vw,46px);font-weight:500;font-stretch:112%;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.state .big em{font-style:normal;background:linear-gradient(90deg,#c63aa0,var(--ir-red),var(--ir-orange),var(--ir-amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.state .body{color:var(--ash);display:grid;gap:18px;align-content:start;max-width:34em}
@media (min-width:1000px){.state{grid-template-columns:1.25fr 1fr;align-items:start}}
.trio{display:grid;gap:0;margin-top:clamp(48px,6vw,88px);border-top:1px solid var(--line)}
.trio>div{padding:28px 0;border-bottom:1px solid var(--line)}
.trio h3{font-size:21px;margin-bottom:10px;font-stretch:112%}
.trio p{color:var(--ash);max-width:30em}
@media (min-width:900px){.trio{grid-template-columns:repeat(3,1fr)}.trio>div{padding:32px 36px 8px 0;border-bottom:0}.trio>div+div{padding-left:36px;border-left:1px solid var(--line)}}

/* attack classes */
.classes{border-top:1px solid var(--line-2)}
.classes li{position:relative;display:grid;gap:6px 32px;padding:24px 0;border-bottom:1px solid var(--line)}
.classes li::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ramp);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.classes li:hover::before{transform:scaleX(1)}
.classes h3{font-size:clamp(21px,2vw,27px);font-stretch:114%}
.classes p{color:var(--ash)}
.path{font:400 13px/1.5 var(--mono);color:var(--dim);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.path b{font-weight:400;color:var(--bone)}
.path b:last-child{color:var(--heat)}
.path i{font-style:normal;color:var(--line-2)}
@media (min-width:1000px){.classes li{grid-template-columns:1fr 1.15fr 1.1fr;align-items:baseline}.path{justify-content:flex-end}}

/* replay panel */
.proof{display:grid;gap:48px 72px}
@media (min-width:1000px){.proof{grid-template-columns:1fr 1.05fr;align-items:center}}
.replay{border:1px solid var(--line-2);background:var(--pit)}
.replay header{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);font:400 12px/1.4 var(--mono);color:var(--dim)}
.run{display:grid;grid-template-columns:minmax(84px,1fr) auto minmax(96px,1fr);align-items:center;gap:16px;padding:22px 20px}
.run+.run{border-top:1px solid var(--line)}
.run .who{font-weight:560;font-stretch:112%;font-size:18px}
.run .who small{display:block;font:400 12px/1.5 var(--mono);color:var(--dim);font-stretch:100%}
.seeds{display:flex;gap:7px}
.seeds i{width:clamp(20px,3.2vw,30px);aspect-ratio:1;background:var(--pit-2);border:1px solid var(--line-2)}
.run .res{font:700 13px/1.3 var(--mono);text-align:right;color:var(--ash)}
.fired .seeds i{background:var(--ir-orange);border-color:var(--ir-amber);box-shadow:0 0 18px -2px rgba(246,110,36,.7)}
.fired .res{color:var(--heat)}
.cooled .seeds i{background:#140a33;border-color:var(--ir-violet)}
.cooled .res{color:var(--cold)}
.js .replay.arm .seeds i{background:var(--pit-2);border-color:var(--line-2);box-shadow:none;transition:background .3s,border-color .3s,box-shadow .3s}
.js .replay.arm .res{opacity:0;transition:opacity .4s}
.js .replay.arm.go .res{opacity:1;transition-delay:var(--rd,0s)}
.js .replay.arm.go .fired .seeds i{background:var(--ir-orange);border-color:var(--ir-amber);box-shadow:0 0 18px -2px rgba(246,110,36,.7);transition-delay:calc(var(--i)*.11s)}
.js .replay.arm.go .cooled .seeds i{background:#140a33;border-color:var(--ir-violet);transition-delay:calc(1.5s + var(--i)*.11s)}
.replay footer{padding:14px 20px;border-top:1px solid var(--line);font:400 12px/1.5 var(--mono);color:var(--dim)}
.rules{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--line)}
.rules li{display:grid;grid-template-columns:7.5em 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ash)}
.rules b{font:700 13px/1.9 var(--mono);color:var(--bone)}
.cycle{margin-top:26px;color:var(--ash);max-width:32em}

@media (max-width:520px){.run{grid-template-columns:1fr auto;gap:10px 16px;padding:18px 16px}.run .res{grid-column:1/-1;text-align:left}.replay header,.replay footer{padding-inline:16px}.replay header span:last-child{display:none}}

/* figures */
.figs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-2)}
.figs>div{padding:28px 20px 30px 0;border-bottom:1px solid var(--line)}
.figs b{display:block;font-weight:500;font-stretch:125%;font-size:clamp(44px,6.4vw,92px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.figs b small{font-size:.42em;letter-spacing:-.01em;color:var(--ash);font-weight:500}
.figs span{display:block;margin-top:12px;color:var(--ash);max-width:15em;font-size:16px;line-height:1.4}
@media (min-width:900px){.figs{grid-template-columns:repeat(4,1fr)}.figs>div{border-bottom:0;padding-left:28px;border-left:1px solid var(--line)}.figs>div:first-child{padding-left:0;border-left:0}}
@media (max-width:899px){.figs>div:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}}

/* call to action */
.cta{position:relative;padding:clamp(88px,12vw,170px) 0;border-top:1px solid var(--line);overflow:hidden}
.cta::before{content:"";position:absolute;left:50%;bottom:-70%;width:min(1200px,140vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,90,.5),rgba(240,80,50,.4) 28%,rgba(120,36,180,.3) 56%,transparent 76%);pointer-events:none}
.cta::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#000 1.3px,transparent 1.6px);background-size:7px 7px;opacity:.75;pointer-events:none}
.cta .wrap{position:relative;z-index:1}
.cta h2{font-size:clamp(34px,4.8vw,72px);max-width:11em;letter-spacing:-.024em}
.cta p{margin-top:20px;color:var(--ash);max-width:32em;font-size:19px}

/* ---------- platform ---------- */
.lane{display:grid;gap:0;border-top:1px solid var(--line-2);counter-reset:st}
.lane li{counter-increment:st;display:grid;grid-template-columns:56px 1fr;gap:4px 12px;padding:20px 0;border-bottom:1px solid var(--line)}
.lane li::before{content:counter(st);font-family:var(--black);font-size:48px;line-height:.8;color:var(--heat);grid-row:span 2}
.lane h3{font-size:20px;font-stretch:112%}
.lane p{color:var(--ash);font-size:16px}
@media (min-width:900px){.lane.cols4{grid-template-columns:repeat(4,1fr);column-gap:40px}.lane.cols5{grid-template-columns:repeat(5,1fr);column-gap:32px}.lane.cols4 li,.lane.cols5 li{display:block;padding:24px 0 26px}.lane.cols4 li::before,.lane.cols5 li::before{display:block;margin-bottom:16px}.lane.cols4 h3,.lane.cols5 h3{margin-bottom:6px}}
.loop{font:400 13px/1.6 var(--mono);color:var(--dim);margin-top:18px}
.loop b{color:var(--heat);font-weight:400}
.rig{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.rig>div{background:#000;padding:20px 20px 22px}
.rig h3{font-size:17px;font-stretch:110%;margin-bottom:6px}
.rig p{font-size:15px;color:var(--ash);line-height:1.45}
.rig .core{grid-column:1/-1;background:var(--pit);text-align:center;padding:30px 20px;position:relative}
.rig .core h3{font-size:clamp(20px,2.2vw,28px)}
@media (min-width:900px){.rig{grid-template-columns:repeat(4,1fr)}.rig .core{grid-column:2/4;grid-row:2/3;display:grid;align-content:center}.rig>div:nth-child(5){grid-column:1;grid-row:2}.rig>div:nth-child(6){grid-column:4;grid-row:2}.rig>div:nth-child(8),.rig>div:nth-child(9){grid-column:span 2}}
.tree{font:400 14px/1.9 var(--mono);color:var(--ash);border:1px solid var(--line-2);background:var(--pit);padding:22px 24px;overflow-x:auto;white-space:pre;margin:0}
.tree b{color:var(--bone);font-weight:400}.tree i{font-style:normal;color:var(--dim)}
.two{display:grid;gap:40px 72px}
@media (min-width:1000px){.two{grid-template-columns:1fr 1fr;align-items:start}}
.modes{border-top:1px solid var(--line-2)}
.modes li{display:grid;grid-template-columns:7em 1fr;gap:4px 20px;padding:20px 0;border-bottom:1px solid var(--line)}
.modes .tag{font:400 12px/2 var(--mono);color:var(--dim)}
.modes .tag.now{color:var(--heat)}
.modes h3{font-size:19px;font-stretch:110%}
.modes p{grid-column:2;color:var(--ash);font-size:16px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips li{border:1px solid var(--line-2);padding:9px 14px;font-size:15px;border-radius:2px}
.thresh{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.thresh>div{background:#000;padding:22px 20px}
.thresh b{display:block;font:700 22px/1.2 var(--mono);color:var(--bone)}
.thresh span{display:block;margin-top:8px;color:var(--ash);font-size:15px;line-height:1.4}
@media (min-width:900px){.thresh{grid-template-columns:repeat(4,1fr)}}

/* ---------- research ---------- */
.table{width:100%;border-collapse:collapse;font-size:16px}
.table th{font:400 12px/1.4 var(--mono);color:var(--dim);text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--line-2)}
.table td{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);vertical-align:baseline}
.table td:first-child{font-weight:560;font-stretch:110%;font-size:18px}
.table .n{font:700 13px/1.4 var(--mono);white-space:nowrap}
.table .hot{color:var(--heat)}.table .cool{color:var(--cold)}.table .zero{color:var(--ash)}
.tscroll{overflow-x:auto}
@media (max-width:640px){.table,.table tbody{display:block}.table thead{display:none}.table tr{display:flex;flex-wrap:wrap;gap:4px 16px;padding:18px 0;border-bottom:1px solid var(--line)}.table td{border:0;padding:0}.table td:first-child{flex:0 0 100%}.table .n::before{content:attr(data-l) " ";color:var(--dim);font-weight:400}}
.note{margin-top:20px;color:var(--dim);font-size:15px;max-width:46em}
.bench{display:grid;gap:0;border-top:1px solid var(--line-2)}
.bench li{display:grid;gap:10px 32px;padding:22px 0;border-bottom:1px solid var(--line)}
.bench h3{font-size:19px;font-stretch:110%}
.bench h3 small{display:block;font:400 14px/1.5 var(--sans);font-stretch:100%;color:var(--dim);letter-spacing:0;margin-top:3px}
.meter{display:grid;grid-template-columns:4.5em 1fr 2.6em;align-items:center;gap:12px;font:400 12px/1 var(--mono);color:var(--dim)}
.meter+.meter{margin-top:10px}
.meter i{display:block;height:8px;background:var(--pit-2);position:relative}
.meter i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--ash)}
.meter.p i::after{background:var(--ramp)}
.meter b{color:var(--bone);font-weight:700;text-align:right}
@media (min-width:900px){.bench li{grid-template-columns:1fr 1.3fr;align-items:center}}
.refs{border-top:1px solid var(--line-2)}
.refs li{display:grid;gap:2px 32px;padding:16px 0;border-bottom:1px solid var(--line)}
.refs b{font-weight:500}
.refs span{color:var(--dim);font-size:15px}
@media (min-width:900px){.refs li{grid-template-columns:1.5fr 1fr;align-items:baseline}.refs span{text-align:right}}

/* ---------- company ---------- */
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line-2)}
.facts>div{padding:20px 16px 22px 0;border-bottom:1px solid var(--line)}
.facts dt{font:400 12px/1.4 var(--mono);color:var(--dim);margin-bottom:6px}
.facts dd{margin:0;font-size:19px;font-weight:500;font-stretch:110%}
@media (min-width:900px){.facts{grid-template-columns:repeat(4,1fr)}}
.princ{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.princ>div{background:#000;padding:28px 26px 32px}
.princ h3{font-size:22px;font-stretch:112%;margin-bottom:10px}
.princ p{color:var(--ash)}
@media (min-width:800px){.princ{grid-template-columns:repeat(2,1fr)}}
.founder{display:grid;gap:24px 72px}
.founder .name{font-size:clamp(28px,3vw,42px);font-weight:560;font-stretch:116%;letter-spacing:-.02em;line-height:1.05}
.founder .role{font:400 13px/1.5 var(--mono);color:var(--dim);margin-top:10px}
.founder .bio{color:var(--ash);display:grid;gap:16px;max-width:36em}
@media (min-width:1000px){.founder{grid-template-columns:1fr 1.25fr}}
.contact{display:grid;gap:40px 72px}
@media (min-width:1000px){.contact{grid-template-columns:1.25fr 1fr;align-items:end}}
.mail{font-size:clamp(26px,4.4vw,64px);font-weight:560;font-stretch:118%;letter-spacing:-.03em;line-height:1.05;overflow-wrap:anywhere;background:var(--ramp) 0 100%/100% 2px no-repeat;padding-bottom:10px;display:inline-block}
.mail:hover{background-size:100% 5px}
.steps{border-top:1px solid var(--line-2)}
.steps li{padding:14px 0;border-bottom:1px solid var(--line);color:var(--ash)}
.steps b{color:var(--bone);font-weight:560}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:64px 0 40px;color:var(--ash);font-size:15px}
.foot .top{display:grid;gap:40px 48px}
.foot .sig{font-family:var(--black);font-size:clamp(56px,9vw,120px);line-height:.8;color:var(--bone);letter-spacing:.01em}
.foot .tagline{margin-top:22px;max-width:24em}
.foot h3{font:400 12px/1 var(--mono);color:var(--dim);letter-spacing:0;margin-bottom:16px;font-stretch:100%}
.foot li+li{margin-top:10px}
.foot a:hover{color:var(--bone)}
.foot .legal{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;margin-top:56px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--dim)}
@media (min-width:900px){.foot .top{grid-template-columns:2fr 1fr 1fr 1fr}}

/* 404 */
.lost{min-height:100svh;display:grid;align-content:center;padding:140px 0 80px}
.lost .num{font-family:var(--black);font-size:clamp(140px,30vw,360px);line-height:.75;background:var(--ramp);-webkit-background-clip:text;background-clip:text;color:transparent}
.lost h1{font-size:clamp(28px,3.4vw,46px);margin-top:28px}
.lost p{color:var(--ash);margin-top:14px}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}