/* /standard/ — instrument page; cinematic stages only when motion is on */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

body[data-kind="standard"]{--std-line:var(--color-border);--std-hair:var(--color-hair);--std-ink:var(--color-meta);--std-red:var(--color-error);--std-green:var(--color-success);--std-tick:10px}
body[data-kind="standard"] main.std{
  background-color:var(--color-bg);
  background-image:linear-gradient(var(--std-hair) 1px,transparent 1px),linear-gradient(90deg,var(--std-hair) 1px,transparent 1px);
  background-size:48px 48px;background-position:-1px -1px;overflow-x:clip
}

/* motion switch: cine stages show, static instruments stay for screen readers */
.std-cine{display:none}
html.motion-ok:not([data-motion-preference="off"]) .std-cine,html[data-motion-preference="on"] .std-cine{display:block}
html.motion-ok:not([data-motion-preference="off"]) .stage.std-cine,html[data-motion-preference="on"] .stage.std-cine{display:grid}
html.motion-ok:not([data-motion-preference="off"]) .std-static,html[data-motion-preference="on"] .std-static{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}

/* ---------- head ---------- */
.std-head{position:relative;overflow:hidden;padding-block:clamp(40px,8vw,104px) clamp(28px,5vw,64px)}
.std-scope{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.std-head__in{position:relative}
.std-kicker{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin:0 0 clamp(20px,4vw,40px);font:500 12px/1.5 "JetBrains Mono",var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--std-ink)}
.std-kicker a{color:var(--color-warning);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.std-kicker a:hover{text-decoration:underline}
.std-title{margin:0;font-size:clamp(2.8rem,8.4vw,7rem);line-height:.95;letter-spacing:-.05em;text-wrap:balance;max-width:13ch}
.std-lead{margin:clamp(18px,3vw,28px) 0 0;max-width:46ch;font-size:clamp(1.06rem,.98rem + .5vw,1.35rem);line-height:1.55;color:var(--color-body)}
.std-lead--quiet{margin-top:10px;color:var(--color-text-muted)}
.std-scale{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:clamp(72px,9vw,120px) 0 0;border:1px solid var(--std-line);background:var(--std-line);gap:1px}
.std-scale div{background:var(--color-tile);padding:14px 16px}
.std-scale dt{font:600 12px/1.4 "JetBrains Mono",var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--std-ink)}
.std-scale dd{margin:6px 0 0;font-size:15px;line-height:1.4;color:var(--color-text)}

/* ---------- section frame ---------- */
.std-sec{border-top:1px solid var(--std-line)}
.std-sec__text{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 0;padding-block:clamp(36px,6vw,80px) clamp(20px,3vw,40px)}
.std-num{margin:0;font:600 12px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.14em;color:var(--std-ink)}
.std-num::before{content:"§ "}
.std-sec h2{margin:0;font-size:clamp(1.9rem,4.2vw,3.6rem);line-height:1.02;letter-spacing:-.04em;text-wrap:balance;max-width:15ch}
.std-body{max-width:64ch}
.std-body p{margin:0 0 14px;color:var(--color-body);line-height:1.72}
.std-body a:not(.btn){color:var(--color-accent);text-underline-offset:3px}
.std-body strong{color:var(--color-text);font-weight:600}
.std-dated{padding:10px 0 10px 14px;border-left:2px solid var(--std-ink);font:500 14px/1.6 "JetBrains Mono",var(--font-mono);color:var(--color-text)!important}
@media (min-width:1000px){
  .std-sec__text{grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px)}
  .std-num,.std-sec h2{grid-column:1}
  .std-body,.std-sec__text>.std-instrument,.std-sec__text>.std-frames{grid-column:2}
  .std-body{grid-row:1 / span 2}
  .std-scale{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- static instruments ---------- */
.std-instrument{position:relative;margin:clamp(12px,2vw,20px) 0 0;padding:clamp(16px,2.6vw,28px);border:1px solid var(--std-line);background:var(--color-tile)}
.std-instrument::before,.std-instrument::after{content:"";position:absolute;width:var(--std-tick);height:var(--std-tick);border-color:var(--std-ink);border-style:solid;pointer-events:none}
.std-instrument::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.std-instrument::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.std-indicator{display:grid;gap:10px}
.ind{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--std-hair);background:var(--color-surface-2)}
.ind__lamp{position:relative;width:14px;height:14px;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--std-ink)}
.ind__lit{position:absolute;inset:-4px;border-radius:50%;border:4px solid transparent;background-clip:padding-box}
.ind[data-state="red"] .ind__lit{background-color:var(--std-red);border-color:rgba(255,122,122,.16)}
.ind[data-state="green"] .ind__lit{background-color:var(--std-green);border-color:rgba(91,227,160,.16)}
.ind__label{font:500 14px/1.4 "JetBrains Mono",var(--font-mono);color:var(--color-text)}
.ind__value{font:700 14px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.14em}
.ind[data-state="red"] .ind__value{color:var(--std-red)}
.ind[data-state="green"] .ind__value{color:var(--std-green)}
figure.std-instrument figcaption,.std-wall figcaption{margin-top:8px;font:400 13px/1.55 "JetBrains Mono",var(--font-mono);color:var(--color-text-muted)}
.std-tokens{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);counter-reset:tok}
.std-tokens li{counter-increment:tok;display:grid;grid-template-columns:2.6em minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--std-hair);font-size:15px;line-height:1.4;color:var(--color-text)}
.std-tokens li::before{content:counter(tok,decimal-leading-zero);font:500 12px/1 "JetBrains Mono",var(--font-mono);color:var(--std-ink)}
.std-tokens b{font:700 12px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--std-green);padding:6px 8px;border:1px solid rgba(91,227,160,.4)}
@media (min-width:700px){.std-tokens{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
.std-refuse{list-style:none;display:grid;gap:10px}
.std-refuse li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px;font-size:15px;line-height:1.5;color:var(--color-text)}
.std-refuse li::before{content:"REFUSED";font:700 12px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.12em;color:var(--std-red);padding:5px 7px;border:1px solid rgba(255,122,122,.45)}
.std-matrix{width:100%;border-collapse:collapse}
.std-matrix th,.std-matrix td{padding:10px 12px;border-bottom:1px solid var(--std-hair);text-align:left;vertical-align:top;font-size:15px;line-height:1.45}
.std-matrix thead th{font:600 12px/1.3 "JetBrains Mono",var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--std-ink)}
.std-matrix tbody th{font:500 14px/1.45 "JetBrains Mono",var(--font-mono);color:var(--color-text)}
.std-matrix td{color:var(--color-body)}
.std-matrix td.where{font:500 14px/1.45 "JetBrains Mono",var(--font-mono);color:var(--std-ink);white-space:nowrap}
@media (max-width:640px){
  .std-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .std-matrix tr{display:block;padding:12px 0;border-bottom:1px solid var(--std-hair)}
  .std-matrix th,.std-matrix td{display:block;padding:2px 0;border:0}
  .std-matrix td.where::before{content:"runs on: "}
}
.std-tiers{display:grid;gap:1px;background:var(--std-hair);padding:0}
.std-tiers div{background:var(--color-tile);padding:16px 18px}
.std-tiers dt{font:700 12px/1.3 "JetBrains Mono",var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--std-ink)}
.std-tiers dd{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--color-text)}
@media (min-width:700px){.std-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- stages (pinned by standard.js) ---------- */
.stage{position:relative;height:100svh;min-height:520px;overflow:hidden;display:grid;place-items:center}

/* 3D stations: the bench's Blender still without motion; with motion a pinned stage, the live bench behind a panel */
.stage--3d{height:auto;min-height:0;display:block;overflow:visible;padding:0 var(--rebuild-gutter) clamp(28px,5vw,56px)}
.stage__still{display:block;max-width:var(--rebuild-max);margin:0 auto}
.stage__still img{display:block;width:100%;height:auto;background:#020203;border:1px solid var(--std-line)}
.stage--3d>.stage__band{max-width:var(--rebuild-max);margin:clamp(12px,2vw,20px) auto 0}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d{height:100svh;min-height:520px;padding:0;overflow:hidden;background:#020203}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__still{position:absolute;inset:0;max-width:none;margin:0}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__still img{width:100%;height:100%;object-fit:cover;border:0}
.bench{position:absolute;inset:0;z-index:1;pointer-events:none}
/* one fixed view behind the stages (clip set per frame in standard-bench.js); the stages become its windows */
.bench.bench--fixed{position:fixed;inset:0 auto auto 0;z-index:auto;width:100%;height:max(100svh,520px);clip-path:inset(100% 0 0 0)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]).std-bench-live .stage--3d{background:transparent}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]).std-bench-live .stage--3d>.stage__still{visibility:hidden}
.bench .case3d-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity 600ms var(--ease-out)}
.bench .case3d-canvas.is-live{opacity:1}
.bench .case3d-canvas.is-instant{transition:none}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__band{position:absolute;z-index:2;top:50%;width:min(34vw,470px);max-width:none;max-height:calc(100% - 64px);margin:0;translate:0 -50%;padding:clamp(18px,2vw,26px);border:1px solid var(--std-line);background:var(--color-tile)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d[data-side="right"]>.stage__band{right:var(--rebuild-gutter)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d[data-side="left"]>.stage__band{left:var(--rebuild-gutter)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__band::before,:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__band::after{content:"";position:absolute;width:var(--std-tick);height:var(--std-tick);border:solid var(--std-ink);pointer-events:none}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__band::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__band::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
@media (max-aspect-ratio:1/1){
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__still img{object-fit:contain;object-position:50% 0}
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--3d>.stage__band{top:auto;bottom:16px;left:16px;right:16px;width:auto;max-height:calc(55% - 16px);translate:none;padding:16px}
}

/* a visitor who asked for stillness gets the states without the fades, unless they chose "Enable motion" */
@media (prefers-reduced-motion:reduce){
  html:not([data-motion-preference="on"]) :is(.bench .case3d-canvas,.gate__ledger li,.gate__ledger b,.pkg__list li,.pkg__list b){transition:none}
}

/* 01 lamp */
.stage__input{margin:0;display:grid;gap:10px;font:600 13px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
.stage__input .k{color:var(--std-ink)}
.stage__input .v{grid-area:2/1;white-space:nowrap;opacity:0;font-size:clamp(16px,1.7vw,22px)}
.stage__input .v--bad{color:var(--std-red)}
.stage__input .v--good{color:var(--std-green)}
.stage__verdict{margin:clamp(14px,2.4vw,28px) 0 0;display:grid;font:700 clamp(4rem,8vw,7.4rem)/.9 "Space Grotesk",var(--font-display);letter-spacing:.04em}
.stage__verdict span{grid-area:1/1;opacity:0;transform-origin:0 50%}
.stage__verdict .fail{color:var(--std-red);text-shadow:0 0 40px rgba(255,90,80,.45)}
.stage__verdict .pass{color:var(--std-green);text-shadow:0 0 40px rgba(70,230,150,.4)}

/* 02 gate */
.gate__count{margin:0;display:flex;align-items:baseline;gap:10px;font:700 clamp(3rem,6vw,5.6rem)/1 "JetBrains Mono",var(--font-mono);color:var(--color-text)}
.gate__count span{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--std-ink)}
.gate__ledger{list-style:none;margin:clamp(12px,1.6vw,18px) 0 0;padding:0;display:grid;border-top:1px solid var(--std-hair)}
.gate__ledger li{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--std-hair);font:500 13px/1.3 "JetBrains Mono",var(--font-mono);color:var(--color-text);opacity:.42;transition:opacity .25s linear}
.gate__ledger .n{color:var(--std-ink)}
.gate__ledger b{font:700 12px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--std-red);padding:3px 6px;border:1px solid rgba(255,122,122,.5);opacity:0;transform:scale(1.8);transition:opacity .2s linear,transform .25s var(--ease-out)}
.gate__ledger li.is-caught{opacity:1}
.gate__ledger li.is-caught b{opacity:1;transform:none}
.gate__clean{margin:12px 0 0;font:600 13px/1.4 "JetBrains Mono",var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--std-green);opacity:0}
@media (max-aspect-ratio:1/1){
  .gate__count{font-size:clamp(2.6rem,13vw,4rem)}
  .gate__ledger li{display:none;font-size:15px;padding:8px 0}
  .gate__ledger li.is-last{display:grid}
}

/* 05 package */
.pkg__head{margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--std-line);font:700 13px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text)}
.pkg__seal{padding:6px 10px;border:2px solid var(--std-green);color:var(--std-green);font:800 13px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.16em;rotate:-4deg;opacity:0}
.pkg__list{list-style:none;margin:0;padding:0;display:grid}
.pkg__list li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--std-hair);font-size:15px;line-height:1.4;color:var(--color-text);opacity:.2;transition:opacity .25s linear}
.pkg__list b{font:700 12px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--std-red);padding:5px 7px;border:1px solid rgba(255,122,122,.45);opacity:0;transform:scale(1.8);transition:opacity .2s linear,transform .25s var(--ease-out)}
.pkg__list li.is-hit{opacity:.78}
.pkg__list li.is-last{opacity:1}
.pkg__list li.is-hit b{opacity:1;transform:none}
@media (max-aspect-ratio:1/1){.pkg__list li{font-size:14px;padding:6px 0}}

/* 06 runner */
.run{border:1px solid var(--std-line);background:var(--color-tile);padding:clamp(14px,2.4vw,24px)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--run>.stage__band,:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft>.stage__band{padding:0;border:0;background:none}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--run>.stage__band::before,:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--run>.stage__band::after,:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft>.stage__band::before,:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft>.stage__band::after{content:none}
.run__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--std-line);font:600 12px/1.4 "JetBrains Mono",var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--std-ink)}
.run__engines{display:flex;gap:16px}
.run__engines i{font-style:normal}
.run__rows{list-style:none;margin:0;padding:6px 0;display:grid}
.run__rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--std-hair)}
.run__rows .t{font:500 14px/1.35 "JetBrains Mono",var(--font-mono);color:var(--color-text)}
.run__rows .d{display:block;font:400 13px/1.4 "IBM Plex Sans",var(--font-sans);color:var(--color-text-muted)}
.run__ok{font:800 12px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.14em;color:var(--std-green);padding:5px 8px;border:1px solid rgba(91,227,160,.45)}
.run__foot{display:flex;align-items:center;gap:16px;padding-top:12px}
.run__bar{flex:1;height:6px;background:var(--std-hair);overflow:hidden}
.run__fill{display:block;height:100%;background:var(--std-green);transform-origin:0 50%}
.run__n{font:700 clamp(15px,2vw,22px)/1 "JetBrains Mono",var(--font-mono);color:var(--color-text);white-space:nowrap}
.run__n b{color:var(--std-green)}
@media (max-aspect-ratio:1/1){
  .run{padding:12px 14px}
  .run__head{padding-bottom:8px}
  .run__rows{padding:2px 0}
  .run__rows li{padding:3px 0}
  .run__rows .t{font-size:13px}
  .run__rows .d{display:none}
  .run__ok{padding:3px 6px}
  .run__foot{padding-top:8px}
}

/* 05 frames */
.std-frames{margin:clamp(18px,4vw,36px) 0 clamp(8px,2vw,16px);padding-top:clamp(16px,3.5vw,24px);border-top:1px solid var(--std-hair);flex-wrap:wrap;align-items:baseline;gap:8px 14px;font:700 clamp(2.6rem,8vw,5.6rem)/1 "JetBrains Mono",var(--font-mono);color:var(--color-text)}
.std-frames span{font-size:clamp(13px,1.5vw,16px);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--std-ink)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .std-frames.std-cine{display:flex} /* counters exist only with motion; without it the cine switch hides them */

/* 06 wall */
.stage--wall{height:auto;min-height:0;padding:clamp(12px,3vw,32px) var(--rebuild-gutter) clamp(32px,6vw,72px);perspective:1400px}
.std-wall{margin:0;width:min(100%,var(--rebuild-max))}
.std-wall__grid{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(12px,1.6vw,22px) clamp(8px,1.4vw,18px)}
.std-wall__tile{margin:0;border:1px solid var(--std-line);background:var(--color-tile);padding:8px}
.std-wall__tile img{display:block;width:100%;height:auto;background:var(--color-surface-2)}
.std-wall__tile figcaption{margin-top:6px;font:500 12px/1.3 "JetBrains Mono",var(--font-mono);letter-spacing:.06em;color:var(--color-text-muted)}
/* device lineup: one baseline, roughly to scale, phones nudged up so they stay readable */
.std-wall__tile.dev{flex:none;border:0;padding:0;background:none}
.dev--laptop,.dev--desktop{width:46%}
.dev--tablet{width:25%}
.dev--phone{width:19%}
.dev__screen{position:relative;overflow:hidden;background:#000;border:solid #15181d;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 48px rgba(0,0,0,.55)}
.dev--phone .dev__screen{border-width:clamp(3px,.45vw,6px);border-radius:clamp(10px,1.4vw,18px)}
.dev--phone .dev__screen::before{content:"";position:absolute;z-index:2;top:3%;left:50%;width:28%;height:2.2%;translate:-50% 0;border-radius:99px;background:#0b0c0f}
.dev--tablet .dev__screen{border-width:clamp(5px,.7vw,9px);border-radius:clamp(10px,1.2vw,16px)}
.dev--laptop .dev__screen{border-width:clamp(4px,.5vw,7px);border-radius:8px 8px 0 0}
.dev--desktop .dev__screen{border-width:clamp(5px,.6vw,8px);border-radius:8px}
.dev__base{display:block}
.dev--laptop .dev__base{height:clamp(6px,.8vw,10px);margin:0 -6%;background:linear-gradient(#2c3037,#121418);border-radius:0 0 12px 12px}
.dev--desktop .dev__base{width:24%;height:clamp(14px,2vw,30px);margin:0 auto;background:linear-gradient(#24282e,#101215);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}
.std-wall__tile.dev figcaption{text-align:center}
@media (min-width:1000px){
  .dev--desktop{width:34%}.dev--laptop{width:24%}.dev--tablet{width:13%}.dev--phone{width:8.2%}
  .std-wall__grid{flex-wrap:nowrap}
}

/* 08 shaft + ladder */
.stage--shaft{height:auto;min-height:0;padding:clamp(12px,3vw,32px) var(--rebuild-gutter) clamp(32px,6vw,72px)}
.std-ladder{width:min(100%,var(--rebuild-max));padding-left:calc(clamp(16px,2.6vw,28px) + 18px)}
.std-ladder__rail{position:absolute;left:clamp(16px,2.6vw,28px);top:clamp(16px,2.6vw,28px);bottom:56px;width:2px;background:var(--std-hair)}
.std-ladder__fill{position:absolute;inset:0;background:var(--std-green);transform-origin:50% 100%}
.std-ladder__rows{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--std-hair)}
.std-ladder__rows li{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;grid-template-areas:"n p ok" ". h h";gap:2px 10px;padding:10px 12px;background:var(--color-tile);border-bottom:1px solid var(--std-hair)}
.std-ladder__rows .n{grid-area:n;font:500 12px/1.6 "JetBrains Mono",var(--font-mono);color:var(--std-ink)}
.std-ladder__rows .p{grid-area:p;font:600 15px/1.5 "Space Grotesk",var(--font-display);color:var(--color-text)}
.std-ladder__rows .h{grid-area:h;font:400 12px/1.5 "JetBrains Mono",var(--font-mono);color:var(--color-text-muted)}
.std-ladder__rows .ok{grid-area:ok;font:600 12px/1.6 "JetBrains Mono",var(--font-mono);color:var(--std-green);white-space:nowrap}
.std-ladder__rows li.is-page .p{color:var(--color-accent)}
.std-ladder__rows li.is-home{outline:1px solid rgba(91,227,160,.6);outline-offset:-1px;background:#07140e}
.std-ladder__live{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(60px,8vw,90px);margin:0;padding:8px 16px;border:3px solid var(--std-green);color:var(--std-green);font:800 clamp(26px,5vw,48px)/1 "JetBrains Mono",var(--font-mono);letter-spacing:.2em;rotate:-6deg;text-shadow:0 0 24px rgba(91,227,160,.45);background:rgba(5,7,10,.85)}
@media (min-width:1000px){
  .std-ladder__rows li{grid-template-columns:2.4em minmax(14em,.36fr) minmax(0,1fr) auto;grid-template-areas:"n p h ok";align-items:baseline}
}

/* the ladder as the shaft station's panel */
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft>.stage__band{width:min(46vw,640px)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder{width:auto;margin:0;padding:clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px) calc(clamp(14px,1.6vw,20px) + 16px)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder__rail{left:clamp(14px,1.6vw,20px);top:clamp(14px,1.6vw,20px)}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder__rows li{grid-template-columns:2em minmax(0,1fr) auto auto;grid-template-areas:"n p h ok";align-items:baseline;padding:6px 10px}
:is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder__live{right:clamp(14px,1.6vw,20px);bottom:auto;top:clamp(-72px,-5vw,-56px)}
@media (max-aspect-ratio:1/1){
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft>.stage__band{width:auto;left:8px;right:8px;bottom:12px;max-height:none}
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder{padding:8px 6px 8px 22px}
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder__rail{left:8px;top:8px;bottom:8px}
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder__rows li{grid-template-columns:1.6em minmax(0,1fr) auto auto;gap:0 6px;padding:1px 4px}
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder__rows .p{font-size:14px;line-height:1.35}
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder__rows .h{font-size:12px}
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder figcaption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
  :is(html.motion-ok:not([data-motion-preference="off"]),html[data-motion-preference="on"]) .stage--shaft .std-ladder__live{top:-58px;right:10px;font-size:26px;padding:6px 12px}
}

/* 11 level run */
.stage--level{height:auto;min-height:0;overflow:visible;padding:clamp(12px,3vw,32px) var(--rebuild-gutter) clamp(48px,8vw,96px)}
.level__head{position:relative;z-index:3;background:var(--color-tile)}
.level__head.is-pinned{border-bottom:1px solid var(--std-line);box-shadow:0 18px 32px -18px rgba(0,0,0,.85);transition:translate .5s cubic-bezier(.22,.61,.36,1)}
body:has(.site-header:not(.is-tucked)) .level__head.is-pinned{translate:0 var(--head-h,73px)!important}
.level{position:relative;width:min(100%,880px);padding:clamp(18px,3vw,32px);border:1px solid var(--std-line);background:var(--color-tile)}
.level__pct{margin:0 0 14px;font:800 clamp(3rem,12vw,7rem)/1 "JetBrains Mono",var(--font-mono);color:var(--color-text)}
.level__pct b{color:var(--std-green)}
.level__track{position:relative;height:14px;margin:0;background:var(--std-hair)}
.level__head{padding:clamp(8px,1.6vw,14px) 0 22px}
.level__fill{position:absolute;inset:0;background:linear-gradient(90deg,#2fb97a,var(--std-green));transform-origin:0 50%;box-shadow:0 0 18px rgba(91,227,160,.45)}
.level__runner{position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;background:var(--color-warning);border:3px solid #120c04;box-shadow:0 0 0 2px var(--color-warning),0 0 22px rgba(224,163,78,.6)}
.level__track{--runner-end:calc(100% - 26px)}
.level__runner{left:calc(100% - 26px)}
html.motion-ok:not([data-motion-preference="off"]) .level__runner,html[data-motion-preference="on"] .level__runner{left:0}
.level__checks{list-style:none;margin:0;padding:0;display:grid}
.level__checks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--std-hair);font-size:15px;line-height:1.45;color:var(--color-text)}
.level__checks li::before{content:"✓";font:800 15px/1 "JetBrains Mono",var(--font-mono);color:var(--std-green)}
.level__checks li span{grid-column:2;display:block;color:var(--color-text-muted);font:500 14px/1.45 "JetBrains Mono",var(--font-mono)}
.level__done{margin:18px 0 0;transform-origin:0 50%;font:800 clamp(1.6rem,5vw,2.8rem)/1.05 "Space Grotesk",var(--font-display);letter-spacing:-.02em;color:var(--std-green);text-transform:uppercase}
.level__note{margin:10px 0 0;font:400 13px/1.55 "JetBrains Mono",var(--font-mono);color:var(--color-text-muted)}
@media (min-width:700px){.level__checks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}

/* group headings + struck claim + shared counters */
.std-group{display:block;margin:0 auto;padding-top:clamp(48px,8vw,104px);padding-bottom:12px;font:600 clamp(13px,1.4vw,15px)/1 "JetBrains Mono",var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-warning)}
.std-group::after{content:"";display:block;width:56px;height:2px;margin-top:14px;background:var(--color-warning)}
.std-strike{position:relative;display:inline-grid;margin:8px 0 0;justify-self:start;font:700 clamp(1.8rem,5.2vw,3.8rem)/1.1 "Space Grotesk",var(--font-display);letter-spacing:-.02em;color:var(--color-text-muted)}
.std-strike__text{grid-area:1/1}
.std-strike__line{grid-area:1/1;align-self:center;height:clamp(3px,.5vw,6px);margin-top:.08em;background:var(--std-red);box-shadow:0 0 18px rgba(255,90,80,.5);transform-origin:0 50%}
.std-strike__stamp{grid-area:2/1;justify-self:end;margin-top:12px;padding:6px 10px;border:2px solid var(--std-red);color:var(--std-red);font:800 13px/1 "JetBrains Mono",var(--font-mono);letter-spacing:.14em;text-transform:uppercase;rotate:-4deg}
@media (min-width:1000px){.std-sec__text>.std-strike{grid-column:2}}

/* keyboard focus */
.std a:focus-visible,.std .btn:focus-visible,.std button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}
.std-ladder__rows .h{font-size:13px}