/* ====== components: panels · affordances · register (guide §3–5b) ====== */
@layer components{

/* panels: color fields on the canvas */
.stack{margin:0 auto;padding:0 0 90px;display:flex;flex-direction:column;gap:0;background:var(--canvas)}
/* section slugs (#/s/<name>) land with the masthead cleared */
section[id^="s-"]{scroll-margin-top:66px}
.pnl{padding:24px 28px;position:relative;border-bottom:1px solid var(--rule)}
.f-mari{background:var(--surface);color:var(--ink);--f:var(--surface);--sigc:var(--ember)}
.f-ember{background:var(--surface);color:var(--ink);--f:var(--surface);--sigc:var(--ember)}
.f-sage{background:var(--surface);color:var(--ink);--f:var(--surface)}
.f-bone{background:var(--surface);color:var(--ink);--f:var(--surface)}
.f-slate{background:var(--surface);color:var(--ink);--f:var(--surface);--sigc:var(--ember)}

/* strips */
.strip{display:flex;justify-content:space-between;align-items:center;gap:2ch;padding-bottom:10px;border-bottom:1.5px solid currentColor;margin-bottom:20px;flex-wrap:wrap}
.fstrip{display:flex;justify-content:space-between;align-items:center;gap:2ch;padding-top:10px;border-top:1.5px solid currentColor;margin-top:22px;flex-wrap:wrap}
.strip .lab,.fstrip .lab{opacity:.9}

/* stat cells — the signature component */
.cells{display:grid;grid-template-columns:repeat(var(--c,2),1fr);gap:1.5px;background:currentColor;border:1.5px solid currentColor;margin:18px 0}
.cell{background:var(--f);padding:14px 16px;min-height:104px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:0;overflow:hidden}
.cell .top{display:flex;justify-content:space-between;align-items:baseline;gap:1ch}
.cell.ghost .val{opacity:.45}

/* dot grid motif */
.dotzone{height:96px;background-image:radial-gradient(currentColor 1.05px,transparent 1.25px);background-size:16px 16px;opacity:.4;margin:4px 0 18px}

/* ====== affordance grammar: PRESSABLE = FILLED · info = outlined/bare ====== */
.btn{display:inline-flex;align-items:center;gap:1.2ch;background:var(--ink);color:var(--bone-t);padding:13px 22px;font:700 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s;box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 32%,transparent)}
.btn:hover{background:var(--ember);color:#fff}
.btn:active,.btn2:active{transform:translate(3px,3px);box-shadow:1px 1px 0 color-mix(in srgb,var(--ink) 32%,transparent)}
.btn.ready{background:var(--ember);color:#fff}
.btn[disabled]{opacity:.3;pointer-events:none}
.f-slate .btn{background:var(--ink);color:var(--bone-t)}
/* secondary — tinted solid */
.btn2{display:inline-flex;align-items:center;gap:1.2ch;border:none;background:color-mix(in srgb,currentColor 13%,transparent);color:inherit;padding:12px 19px;font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s;
  box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 22%,transparent)}
.btn2:hover{background:var(--ink);color:var(--f,var(--bone-t))}
.f-slate .btn2:hover{background:var(--ink);color:var(--bone-t)}
.btn2.sm,.btn.sm{padding:8px 13px;font-size:11px;white-space:nowrap}
.f-ember .btn.ready{background:var(--ink);color:var(--bone-t)}
/* unarmed primary — never disabled: it guides to the missing blank */
.btn.unarmed{background:color-mix(in srgb,currentColor 16%,transparent);color:inherit}
.btn.unarmed:hover{background:var(--ink);color:var(--f,var(--bone-t))}
/* text-action — low-stakes acts */
.ta{font:700 11.5px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;cursor:pointer;white-space:nowrap}
.ta:hover{text-decoration-thickness:3px}
.lnk{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;cursor:pointer}
.lnk:hover{color:var(--ember)}
.pnl .lnk:hover{color:inherit;text-decoration-color:currentColor;text-decoration-thickness:3px}
/* STATUS — bare tracked tags, never bordered, never hover */
.tag{font:700 11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:default;white-space:nowrap}
.tag .on{color:var(--sigc,var(--ember))}

/* clickable rows — quiet tint on hover (full inversion was too heavy for big rows) */
.rowa{display:block;padding:15px 5.5ch 15px 8px;border-top:1.5px solid currentColor;position:relative;cursor:pointer;transition:background .12s}
.rowa:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.rowa:after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;opacity:.55;transition:opacity .12s,color .12s,right .12s}
.rowa:hover:after{opacity:1;color:var(--sigc,var(--ember));right:7px}
.brow{display:grid;grid-template-columns:3ch 1fr auto 2ch;gap:1.5ch;align-items:baseline;padding:13px 4px;border-top:1.5px solid currentColor;cursor:pointer;transition:background .12s,color .12s}
.brow:hover{background:var(--ink);color:var(--f)}
.brow .delta{font:700 12px/1 var(--sans);letter-spacing:.08em;color:var(--sigc,var(--ember))}
.brow:hover .delta{color:var(--f)}
/* board v2 — category bands in console slate; rows carry their proof */
.bband{display:flex;justify-content:space-between;align-items:baseline;gap:2ch;background:var(--slate);color:var(--bone);padding:9px 14px;margin:18px 0 0}
.brow2{align-items:start;padding:14px 8px 14px 4px}
.brow2 .bmain{display:flex;flex-direction:column;gap:5px;min-width:0}
.blead{font:600 15.5px/1.4 var(--sans);max-width:64ch}
/* the URI as a ticket stub — printed stock, barcode and all */
.bstub{display:inline-flex;align-items:center;gap:1.5ch;background:var(--bone);color:var(--ink);
  border:1.5px solid var(--ink);padding:4px 12px 4px 8px;align-self:flex-start;max-width:100%;overflow:hidden}
.bstub .barcode{height:18px;width:9ch;flex:none;color:var(--ink)}
.bstub .buritxt{font-family:var(--mono);font-size:12.5px;white-space:nowrap}
.bstub .buritxt b{font-weight:700}
.bstub .dim2{opacity:.55}
.btags{display:flex;gap:2ch;flex-wrap:wrap}
.btag{font:700 11px/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.btag.ok{opacity:.6}
.btag.dim{opacity:.45}
.btag.drift{color:var(--ember)}
.brow.drifting{box-shadow:inset 4px 0 0 var(--ember)}
.brow:hover .btag.drift{color:var(--clay-light)}

/* ticket — the URI credential: printed stock laid ON the field */
/* sleek single strip: slim barcode · uri (shrinks, never pushes) · actions */
.ticket{background:var(--bone);color:var(--ink);--f:var(--bone);border:2px solid var(--ink);
  box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 42%,transparent);
  padding:9px 16px;display:flex;gap:2.2ch;align-items:center;flex-wrap:wrap;margin:16px 2px}
.ticket .barcode{height:22px;width:10ch;flex:none;color:var(--ink)}
.ticket .btn.ready{background:var(--ember);color:#fff}
.ticket .uri{font-family:var(--mono);font-size:14px;font-weight:500;white-space:nowrap;
  min-width:0;overflow:hidden;text-overflow:ellipsis}
.ticket .uri b{font-weight:700}
.ticket .tacts{margin-left:auto;display:flex;gap:1.6ch;align-items:center;white-space:nowrap}

/* the close — the page's last button gets its full size */
.btn.lg{font-size:15px;padding:15px 24px}
.closeline{font-size:15.5px;margin:4px 0 16px;max-width:58ch;opacity:.88}

/* inline demo run — one field, one press. The field is printed stock:
   a bone box on the ember field, unmissable as a place to type. */
.xrun{display:flex;gap:1.6ch;align-items:stretch;flex-wrap:wrap;margin:6px 0 20px}
.cityfield{background:var(--bone);color:var(--ink);border:2px solid var(--ink);
  box-shadow:inset 2.5px 2.5px 0 color-mix(in srgb,var(--ink) 14%,transparent);
  padding:13px 16px;font:500 17px var(--mono);min-width:min(100%,34ch)}
.cityfield::placeholder{color:var(--ink);opacity:.48}
.cityfield:focus{box-shadow:inset 2.5px 2.5px 0 color-mix(in srgb,var(--ink) 14%,transparent),0 0 0 2.5px var(--bone)}

/* the brief — run output printed on stock (same paper as the ticket) */
.brief{background:var(--bone);color:var(--ink);border:2px solid var(--ink);
  box-shadow:7px 7px 0 color-mix(in srgb,var(--ink) 42%,transparent);
  padding:2px 18px 12px;margin:16px 2px 22px}
.brief .bhead{display:flex;justify-content:space-between;gap:2ch;flex-wrap:wrap;
  padding:12px 0 10px;border-bottom:2px solid var(--ink)}
.brief .mrow{display:flex;justify-content:space-between;gap:2.5ch;align-items:baseline;
  padding:12px 0;border-top:1px dashed color-mix(in srgb,var(--ink) 38%,transparent)}
.brief .bhead+.mrow{border-top:none}
.brief .mname{font-weight:700;font-size:15.5px;line-height:1.3}
.brief .mmeta{font-size:13px;opacity:.85;margin-top:3px}
.brief .mlink{display:inline-block;font-family:var(--mono);font-size:12.5px;margin-top:6px;
  color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}

/* parameters */
.prow{display:grid;grid-template-columns:12ch 1fr;gap:2.5ch;align-items:baseline;padding:14px 0;border-top:1px solid currentColor}
.prow:first-of-type{border-top:none}
.prow label{font:700 13px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.prow .hint{font-size:13px;opacity:.72;margin-top:5px}
.prow .flow{font:700 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-top:5px;visibility:hidden;color:var(--sigc,var(--ember))}
.prow.lit .flow{visibility:visible}
.blank{border-bottom:2px solid currentColor;min-width:20ch;padding:2px 4px;font-family:var(--mono);font-size:16px}
.blank.opt{border-bottom-width:1px;border-bottom-style:dashed}
.blank::placeholder{color:currentColor;opacity:.4}
.chips{display:inline-flex;gap:1ch;flex-wrap:wrap}
.chip{border:none;background:color-mix(in srgb,currentColor 11%,transparent);padding:6px 15px;font:600 13px/1.4 var(--sans);cursor:pointer;transition:background .12s,color .12s}
.chip:hover{background:color-mix(in srgb,currentColor 24%,transparent)}
.chip.on{background:var(--ink);color:var(--f)}
.punch{display:inline-flex;gap:2.5ch;font-size:14.5px}
.punch button{opacity:.55}
.punch button:hover{opacity:.85}
.punch button.on{opacity:1;font-weight:700}
.cmdbox{background:var(--slate);color:var(--bone-t);padding:14px 16px;margin-top:18px;font-family:var(--mono);font-size:14px;display:flex;gap:2ch;align-items:baseline;flex-wrap:wrap}
.cmdbox .gap{border-bottom:2px solid var(--ember);color:var(--clay-light);padding:0 1ch;font-weight:700}
.cmdbox .ok{color:var(--clay-light);font-weight:700}
.runrow{display:flex;gap:2ch;align-items:center;margin-top:18px;flex-wrap:wrap}

/* deps / steps / provenance / versions */
.dep{display:flex;gap:1.5ch;align-items:center;padding:11px 0;border-top:1px solid currentColor}
.dep:first-of-type{border-top:none}
.dep .mark{width:2ch;font-weight:700}
.dep .fixwrap{margin-left:auto}
/* margin-annotation variant: quiet two-line rows — name in ink, note beneath
   in lowercase; hairline separations, never the heavy ledger rule */
.lano .dep{align-items:baseline;padding:9px 0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.lano .dep .dname{font-size:14.5px}
.lano .dep .dnote{font-size:12px;opacity:.62;margin-top:2px;line-height:1.55}
.lano .dep .fixwrap{margin-left:0;margin-top:3px}
.lano .dep .fixwrap .ta{font-size:11px}
/* footnotes zone — the fine print under an annotation, separated once */
.fnotes{border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);margin-top:14px;padding-top:11px;
  display:flex;flex-direction:column;gap:8px}
.fnote{font-size:12px;line-height:1.6;opacity:.68}
.fnote .ta{font-size:11.5px}
.step{display:grid;grid-template-columns:3.5ch 1fr;gap:1.5ch;padding:8px 0;transition:opacity .12s}
.step .n{font-family:var(--mono);opacity:.6}
.step.lit{font-weight:700}
.step.lit .n{opacity:1;color:var(--sigc,var(--ember))}
.tle{display:grid;grid-template-columns:7ch 2ch 1fr;gap:1.5ch;padding:9px 0;border-top:1px solid currentColor;align-items:baseline}
.tle:first-of-type{border-top:none}
.tle .d{font-family:var(--mono);font-size:12.5px;opacity:.65}
.tle .dot.world{opacity:.55}
.vrow{display:grid;grid-template-columns:8ch 8ch 1fr;gap:2ch;padding:9px 0;border-top:1px solid currentColor;font-size:14px}
.vrow:first-of-type{border-top:none}
.vrow .d{font-family:var(--mono);font-size:12.5px;opacity:.65}

/* ledger (feed) */
.entry{border-top:1.5px solid currentColor;padding:16px 4px;position:relative}
.entry:first-of-type{border-top:none}
.entry .when{font:700 10.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:8px}
.entry.unread{padding-left:14px}
.entry.unread:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;background:currentColor}
.acts{display:flex;gap:1.2ch;margin-top:13px;flex-wrap:wrap}

/* subrows + invoice ledger */
.subrow{display:grid;grid-template-columns:4ch 1fr auto;gap:2.5ch;align-items:baseline;padding:14px 0;border-top:1px solid currentColor}
.subrow:first-of-type{border-top:none}
.subrow .n{font-family:var(--mono);opacity:.6}
.subrow .ctl{font:700 10.5px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.75;text-align:right}
.ledg{display:flex;gap:2.5ch;align-items:baseline;padding:12px 0;border-top:1px solid currentColor;flex-wrap:wrap}
.ledg:first-of-type{border-top:none}
.ledg .item{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(220,90,23,.6);font-weight:700}
.ledg .why{margin-left:auto;font-size:13.5px;opacity:.8;text-align:right}
/* the invoice burn — the struck stack, priced, counting down to zero */
.burncell{display:flex;justify-content:space-between;align-items:baseline;gap:2ch;flex-wrap:wrap;
  border-top:2px solid currentColor;margin-top:16px;padding-top:16px}
.burncell .burn{font:700 clamp(34px,4.5vw,54px)/1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* masthead — on the canvas */
header.mast{position:sticky;top:0;z-index:5;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--rule)}
/* the masthead uses the panel padding unit (28px) — the mark sits just inside
   the field corner below it, neither touching the viewport nor adrift */
.mastin{margin:0 auto;padding:15px 28px;display:flex;align-items:center;gap:4ch}
@media (max-width:700px){.mastin{padding:15px 18px;gap:1.4ch}.mastnav{gap:1.5ch!important;font-size:12px!important}.mastnav .btn2.sm{padding:7px 9px;font-size:9px}}
.mastnav{margin-left:auto;display:flex;gap:3.5ch;align-items:center;font:600 13px/1 var(--sans)}
.mastnav .here{text-decoration-thickness:3px}

/* marks — data-true brand system */
.blueprint{margin:2px 0 14px;opacity:.85}
.runline{height:22px;width:100%}
.runline.mini{height:10px;width:24ch}
.monogram{width:140px;height:140px}
.monogram.big{width:176px;height:176px}

/* overlays */
.scrim{position:fixed;inset:0;background:rgba(10,10,9,.72);z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:5vh 2ch;overflow:auto}
.sheet{background:var(--bone);color:var(--ink);--f:var(--bone);max-width:82ch;width:100%;padding:26px 28px;position:relative}
.sheet .x{position:absolute;top:14px;right:16px;font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.term{background:var(--slate);color:var(--bone-t);padding:18px 20px;font-family:var(--mono);font-size:13.5px;line-height:1.8;overflow-x:auto}
.term .p{color:var(--clay-light)}.term .ok{color:#9BD8A8}.term .dm{opacity:.6}

/* Example playback — the run arrives as the same catalog object the visitor
   pressed. Everything is present at once; there is no simulated typing. */
.sheet:has(.run-playback-sheet){max-width:1080px;padding:0;overflow:hidden}.sheet:has(.run-playback-sheet)>.x{z-index:2;color:var(--bone-t)}
.run-playback-head{display:flex;justify-content:space-between;align-items:center;gap:2ch;padding:18px 118px 18px 24px;background:var(--ink);color:var(--bone-t)}
.run-playback-head-actions{display:flex;align-items:center;gap:15px}.run-playback-toggle{padding:8px 10px;border:1px solid color-mix(in srgb,var(--bone-t) 55%,transparent);font:800 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.run-playback-toggle:hover,.run-playback-toggle:focus-visible{background:var(--bone-t);color:var(--ink)}
.run-playback-shortcuts{display:flex;justify-content:flex-end;gap:18px;padding:8px 24px;border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent);background:color-mix(in srgb,var(--bone) 88%,var(--sage));font:700 8px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}.run-playback-shortcuts span{display:flex;align-items:center;gap:6px}.run-playback-shortcuts kbd{min-width:21px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--ink) 55%,transparent);background:var(--bone);font:inherit;text-align:center;box-shadow:2px 2px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.run-playback-hero{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);border-bottom:1.5px solid var(--ink)}
.run-playback-cover{position:relative;display:grid;align-content:start;justify-items:center;gap:18px;padding:clamp(24px,3.2vw,38px);background:color-mix(in srgb,var(--marigold) 17%,var(--bone));border-right:1.5px solid var(--ink)}
.run-playback-cover .play-cover{width:100%;max-width:340px}.run-play-replay{width:min(100%,340px);padding:13px 16px;border:1.5px solid var(--ink);background:var(--bone);box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 25%,transparent);font:800 10px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.run-play-replay:hover{background:var(--ink);color:var(--bone-t);transform:translate(-2px,-2px)}
.run-playback-copy{display:flex;min-width:0;flex-direction:column;justify-content:flex-start;padding:clamp(26px,3.4vw,44px)}
.run-playback-copy h2{font:850 clamp(46px,5.4vw,72px)/.9 var(--sans);letter-spacing:-.05em;text-transform:uppercase;margin:16px 0 12px;overflow-wrap:anywhere}.run-playback-copy>p{font:550 16px/1.45 var(--sans);max-width:45ch}
.run-playback-command{margin-top:28px;padding:13px 15px;border:1px solid currentColor;font-size:12px;overflow-wrap:anywhere}.run-playback-command b{margin-right:.8ch;color:var(--ember)}
.run-playback-status{display:flex;justify-content:space-between;gap:2ch;margin-top:13px;padding:14px 15px;background:#9bd8a8}.run-playback-status span{font:800 9px/1.4 var(--mono);letter-spacing:.08em}.run-playback-status b{font:750 14px/1.35 var(--sans)}
.run-live-terminal{margin-top:18px;border:1px solid currentColor;background:var(--slate);color:var(--bone-t);box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.run-live-head{display:flex;justify-content:space-between;gap:2ch;padding:9px 11px;border-bottom:1px solid color-mix(in srgb,var(--bone-t) 24%,transparent);font:750 7px/1 var(--mono);letter-spacing:.08em;opacity:.7}
.run-live-terminal .run-playback-command{margin:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--bone-t) 24%,transparent);font-size:9.5px;color:var(--marigold)}
.run-live-steps{padding:3px 11px}.run-live-step{display:grid;grid-template-columns:3ch minmax(0,1fr) auto;gap:1ch;align-items:center;min-height:22px;padding:3px 2px;border-bottom:1px dotted color-mix(in srgb,var(--bone-t) 18%,transparent);opacity:.18;animation:run-step-arrive .38s ease calc(.35s + var(--i)*.48s) forwards}
.run-live-step span{font-size:8px;color:#9bd8a8}.run-live-step b{font:600 9.5px/1.3 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-live-step i{font:800 9px/1 var(--mono);font-style:normal;color:#9bd8a8}
.run-live-terminal .run-playback-status{margin:0;border-top:1px solid color-mix(in srgb,var(--bone-t) 28%,transparent);opacity:0;animation:run-finish-arrive .4s ease 3.15s forwards;color:var(--ink)}
.run-playback-sheet.is-paused .run-live-step,.run-playback-sheet.is-paused .run-live-terminal .run-playback-status{animation-play-state:paused!important}
@keyframes run-step-arrive{from{opacity:.18;background:transparent}55%{opacity:1;background:color-mix(in srgb,var(--marigold) 12%,transparent)}to{opacity:1;background:transparent}}
@keyframes run-finish-arrive{to{opacity:1}}
.run-playback-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;border-block:1px solid color-mix(in srgb,currentColor 30%,transparent)}.run-playback-facts span{display:flex;align-items:baseline;gap:.8ch;padding:11px 12px 11px 0;font:750 9px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}.run-playback-facts span+span{padding-left:15px;border-left:1px solid color-mix(in srgb,currentColor 30%,transparent)}.run-playback-facts b{font:850 29px/1 var(--sans);letter-spacing:-.04em}.run-playback-facts small{display:block;font:600 8px/1.3 var(--mono);opacity:.58}
.run-playback-cta{display:grid;grid-template-columns:minmax(150px,.62fr) auto;gap:16px;align-items:center;margin-top:12px;padding:12px 14px;background:var(--marigold);border:1.5px solid var(--ink)}.run-playback-cta>div{min-width:0}.run-playback-cta>div:first-child{display:flex;flex-direction:column}.run-playback-cta>div:first-child>b{margin-top:5px;font:800 11px/1.3 var(--mono);overflow-wrap:anywhere}.run-playback-cta>div:last-child{display:flex;gap:9px;align-items:center;justify-content:flex-end}.run-playback-cta .btn,.run-playback-cta .btn2{padding:11px 13px;font-size:9px;white-space:nowrap}
.run-tracklist,.run-result{padding:clamp(25px,3.5vw,42px)}.run-tracklist{background:var(--slate);color:var(--bone-t)}
.run-section-title{display:flex;justify-content:space-between;gap:2ch;padding-bottom:12px;border-bottom:1.5px solid currentColor;margin-bottom:3px}
.run-track{display:grid;grid-template-columns:8ch minmax(0,1fr) auto;gap:1.5ch;align-items:center;padding:13px 2px;border-bottom:1px dotted color-mix(in srgb,currentColor 28%,transparent)}.run-track span{font-size:10px;color:#9bd8a8}.run-track b{font:600 14px/1.4 var(--sans)}.run-track i{font:800 12px/1 var(--mono);font-style:normal;color:#9bd8a8}
.run-result{background:var(--bone)}.run-highlights{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid currentColor}.run-highlights>div{display:grid;grid-template-columns:4ch 1fr;gap:1ch;min-height:92px;padding:16px;border-left:1px solid currentColor;border-top:1px solid currentColor}.run-highlights>div:nth-child(-n+2){border-top:0}.run-highlights>div:nth-child(odd){border-left:0}.run-highlights span{font-size:10px;opacity:.5}.run-highlights b{font:750 15px/1.4 var(--sans)}
.run-result details{margin-top:18px;border-top:1.5px solid currentColor;padding-top:14px}.run-result summary{cursor:pointer;font:800 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}.run-result details .brief{margin-top:18px}
.run-receipt{display:flex;justify-content:space-between;gap:3ch;align-items:center;padding:24px clamp(25px,3.5vw,42px);background:var(--marigold);border-top:1.5px solid var(--ink)}.run-receipt>div:first-child{display:flex;flex-direction:column}.run-receipt>div:first-child>b{font:850 21px/1.2 var(--sans);margin-top:6px}.run-receipt>div:first-child>small{font:550 11px/1.45 var(--mono);margin-top:3px;opacity:.65}.run-receipt-actions{display:flex;gap:1.3ch;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.run-make{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2.5ch;align-items:center;padding:18px clamp(25px,3.5vw,42px);background:var(--sage)}.run-make p{font:550 13.5px/1.45 var(--sans)}

@media(max-width:760px){
  .scrim{padding:0}.sheet:has(.run-playback-sheet){max-width:none;min-height:100vh}.run-playback-head{padding:17px 90px 17px 18px;align-items:flex-start;flex-direction:column}.run-playback-head-actions{flex-wrap:wrap}.run-playback-shortcuts{justify-content:flex-start;gap:9px 14px;flex-wrap:wrap;padding:10px 18px}
  .run-playback-hero{grid-template-columns:1fr}.run-playback-cover{border-right:0;border-bottom:1.5px solid var(--ink);padding:24px}.run-playback-cover .play-cover{max-width:300px}.run-play-replay{max-width:300px}
  .run-playback-copy{padding:28px 20px}.run-playback-copy h2{font-size:48px}.run-playback-copy>p{font-size:16px}.run-playback-status{align-items:flex-start;flex-direction:column}.run-playback-facts{grid-template-columns:1fr}.run-playback-facts span+span{padding-left:0;border-left:0;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}
  .run-playback-cta{grid-template-columns:1fr}.run-playback-cta>div:last-child{align-items:stretch;flex-direction:column}.run-playback-cta .btn,.run-playback-cta .btn2{width:100%;justify-content:center;text-align:center;white-space:normal}
  .run-tracklist,.run-result{padding:26px 20px}.run-track{grid-template-columns:7ch minmax(0,1fr) auto}.run-highlights{grid-template-columns:1fr}.run-highlights>div,.run-highlights>div:nth-child(-n+2),.run-highlights>div:nth-child(odd){border-left:0;border-top:1px solid currentColor}.run-highlights>div:first-child{border-top:0}
  .run-receipt{align-items:flex-start;flex-direction:column;padding:24px 20px}.run-receipt-actions{justify-content:flex-start}.run-receipt-actions>*{width:100%;justify-content:center;text-align:center;white-space:normal}
  .run-make{grid-template-columns:1fr;gap:9px;padding:22px 20px}
}
@media(prefers-reduced-motion:reduce){.run-live-step,.run-live-terminal .run-playback-status{opacity:1!important;animation:none!important}}

/* Paper-white playback: the play cover is the artifact and therefore keeps
   its catalog colour. The surrounding player, terminal receipt, status, and
   actions are neutral stock so the cover remains the single visual signal. */
.sheet:has(.run-playback-sheet){background:var(--surface);--f:var(--surface)}
.sheet:has(.run-playback-sheet)>.x{color:var(--ink)}
.run-playback-head{background:var(--surface-muted);color:var(--ink);border-bottom:1px solid var(--rule)}
.run-playback-origin{text-decoration:underline;text-underline-offset:4px}
.run-playback-toggle{background:var(--surface);border-color:var(--rule);color:var(--ink);box-shadow:2px 2px 0 var(--control)}
.run-playback-toggle:hover,.run-playback-toggle:focus-visible{background:var(--control);color:var(--ink)}
.run-playback-shortcuts{background:var(--surface);border-color:var(--rule)}
.run-playback-shortcuts kbd{background:var(--surface);border-color:var(--rule);box-shadow:2px 2px 0 var(--control)}
.run-playback-cover{background:var(--surface-muted)}
.run-play-replay{background:var(--control);box-shadow:5px 5px 0 var(--control-strong)}
.run-play-replay:hover{background:var(--control-strong);color:var(--ink)}
.run-live-terminal{background:var(--surface);color:var(--ink);border-color:var(--rule);box-shadow:6px 6px 0 var(--control)}
.run-live-head,.run-live-terminal .run-playback-command{border-color:var(--rule)}
.run-live-terminal .run-playback-command,.run-live-terminal .run-playback-command b{color:var(--ink)}
.run-live-step{border-color:var(--rule)}
.run-live-step span,.run-live-step i{color:var(--ink)}
.run-live-terminal .run-playback-status,.run-playback-status{background:var(--surface-muted);border-color:var(--rule);color:var(--ink)}
@keyframes run-step-arrive{from{opacity:.18;background:transparent}55%{opacity:1;background:var(--surface-muted)}to{opacity:1;background:transparent}}
.run-playback-cta{background:var(--surface-muted);border-color:var(--rule)}
.run-playback-cta .btn,.run-playback-cta .btn2{background:var(--control);color:var(--ink);box-shadow:4px 4px 0 var(--control-strong)}
.run-result,.run-make{background:var(--surface);color:var(--ink)}
.run-result details .brief{background:var(--surface)}

/* toast */
#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:90;pointer-events:none;width:max-content;max-width:92vw}
#toast .t{background:var(--marigold);color:var(--ink);padding:11px 18px;font:600 13.5px/1.4 var(--sans);margin-top:8px;animation:print .18s steps(2,end) both}

/* the run bar — ONE run control for the whole play page, always in reach */
.runbar{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:20;
  width:min(94ch,calc(100vw - 28px));background:var(--bone);color:var(--ink);--f:var(--bone);
  border:2px solid var(--ink);box-shadow:7px 7px 0 rgba(20,20,17,.5);
  padding:11px 16px;display:flex;gap:2ch;align-items:center;flex-wrap:wrap}
.runbar .lab{opacity:.65}

/* breadcrumbs — the click track, on the canvas */
.crumbs{font:700 11px/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);opacity:.72;padding:2px 6px 0}

/* mini play cards (welcome step 1) — whole surface pressable */
/* welcome rows — three scan zones on one pressable surface */
.wrow{display:grid;grid-template-columns:1fr auto auto 2ch;gap:2.5ch;align-items:center;padding:16px 8px;
  border-top:1.5px solid currentColor;cursor:pointer;transition:background .12s,color .12s}
.wrow:first-of-type{border-top:none}
.wrow:hover{background:var(--ink);color:var(--f)}
.wrow .blead{max-width:64ch}
.wproof{text-align:right;font:700 12.5px/1.75 var(--sans);letter-spacing:.06em;white-space:nowrap;font-variant-numeric:tabular-nums}
.wproof .wfresh{opacity:.85}

/* the feed — full width, one ledger line per row: information spreads across
   aligned columns (origin · outcome+uri · event · proof · verb) so every row
   is short and every cell breathes. */
.feedcol{max-width:none;margin:0}
.fsort{display:flex;gap:1ch;align-items:center;flex-wrap:wrap;padding:12px 0 8px}
.fhead{display:flex;justify-content:space-between;gap:2ch;align-items:baseline;flex-wrap:wrap}
.otag{font:700 11px/1.4 var(--sans);letter-spacing:.1em}
.otag.flw{color:var(--ember)}
.otag.dom,.otag.mov{opacity:.6}
.frow{display:grid;grid-template-columns:17ch minmax(34ch,1.6fr) minmax(24ch,1fr) max-content max-content;
  column-gap:4ch;align-items:start;padding:20px 8px 21px;border-top:1.5px solid currentColor;
  cursor:pointer;transition:background .12s,color .12s}
.frow:hover{background:var(--ink);color:var(--f)}
.fsort+.frow,.starter+.frow{border-top:none}
.fmov{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.fnum{font:800 21px/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.fnum .unit{font:700 11px/1 var(--sans);letter-spacing:.08em;margin-left:.4ch;opacity:.55;vertical-align:.14em}
.fnum.drift{color:var(--ember)}
.frow .fmain{min-width:0}
.frow .blead{font:600 16.5px/1.4 var(--sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fmeta{font-size:12.5px;opacity:.72;margin-top:7px}
.evline{display:flex;flex-direction:column;gap:5px;padding-top:2px;min-width:0}
.evline .evtop{font-size:11.5px;letter-spacing:.06em;opacity:.62;white-space:nowrap}
.evline .evtag{font:700 11.5px var(--mono);letter-spacing:.05em;color:var(--ember)}
.evline .evnote{font-size:13px;opacity:.85;max-width:38ch}
.fproof{display:flex;flex-direction:column;gap:5px;align-items:flex-end;text-align:right;padding-top:2px;
  font-variant-numeric:tabular-nums}
.fproof .mono{font-size:12px;letter-spacing:.04em;white-space:nowrap}
.fact{text-align:right;min-width:12ch;padding-top:1px}
.fdrift{box-shadow:inset 4px 0 0 var(--ember);padding-left:20px!important}
@media (max-width:1150px){
  .frow{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
  .fproof{align-items:flex-start;text-align:left}.fact{text-align:left}}

/* play page — THE ANNOTATED SOURCE: docco-inverted literate layout.
   Margin annotations (bone, plain words) beside the source (slate panes);
   every claim anchored to the lines that enforce it. */
.lit{border-top:2px solid currentColor;margin-top:6px}
.lsec{display:grid;grid-template-columns:minmax(30ch,44ch) minmax(0,1fr);gap:0 5ch;
  padding:24px 0;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.lsec:last-child{border-bottom:none}
.lano{min-width:0}
/* the annotation is a graded card — one shade deeper than the stock, so the
   margin reads as its own object without competing with the slate panes */
.lsticky{position:sticky;top:84px;background:color-mix(in srgb,var(--ink) 4.5%,transparent);
  padding:16px 18px 15px}
.lsticky>.lab:first-child{opacity:.6!important;margin-bottom:8px!important}
.lsticky>p{font-size:13.5px;line-height:1.55;opacity:.92}
.lano .touch{padding:8px 0;font-size:13px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.lano .touch:first-of-type{border-top:none}
.lano .step{padding:7px 0;font-size:13.5px}
.lcode{background:var(--slate);color:var(--bone-t);padding:16px 20px;overflow-x:auto;min-width:0;align-self:start}
.lcode .srccode{margin:0}
/* the source sheet — code on the press-slate, readable */
.srcterm{margin:14px 0;max-height:58vh;overflow:auto}
.srccode{font:12.5px/1.75 var(--mono);white-space:pre;color:var(--bone-t)}
.srccode .c{color:#9BD8A8;opacity:.75}
.lano .prow{grid-template-columns:1fr;gap:4px;padding:10px 0 12px}
.lano .prow .hint{margin-top:4px;font-size:12px;opacity:.62}
/* the flows-into-step indicator only exists while lit — no reserved dead line */
.lano .flow{display:none}
.lano .prow.lit .flow{display:block}
.lano .ticket{margin:0}
.lab.sec{display:block;margin:18px 0 6px;opacity:.7;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);padding-top:12px}
/* the terminal dock — read in the page, run from the floor. Sticky until
   the reader scrolls past its natural place at the end of the sheet. */
/* one deterministic row: rungs | command (flexes, wraps internally) | verbs.
   Grid, not wrapping flex — the buttons can never drop to a second line and
   thicken the dock mid-scroll. */
.dock{position:sticky;bottom:0;z-index:60;background:var(--bone);color:var(--ink);
  margin:22px -28px -24px;padding:12px clamp(18px,2.6vw,34px);
  display:flex;gap:2.2ch;align-items:center;
  border-top:2px solid var(--ink);
  box-shadow:0 -12px 34px rgba(0,0,0,.22)}
.dock .barcode{height:22px;width:10ch;flex:none;color:var(--ink)}
.dock .uri{font-family:var(--mono);font-size:14px;font-weight:500;white-space:nowrap;
  min-width:0;overflow:hidden;text-overflow:ellipsis}
.dock .uri b{font-weight:700}
.dock .tacts{margin-left:auto;display:flex;gap:1.6ch;align-items:center;white-space:nowrap}
/* the run disclosure — github Code▾ grammar in Field Issue stock: a printed
   card anchored to its button; opens downward by default, upward from the dock */
.runpop{position:absolute;right:0;top:calc(100% + 8px);z-index:80;
  background:var(--bone);color:var(--ink);border:2px solid var(--ink);
  box-shadow:6px 6px 0 rgba(26,26,24,.28);padding:14px 16px;
  width:min(58ch,calc(100vw - 32px));max-width:calc(100vw - 32px);
  box-sizing:border-box;transform:translateX(var(--runpop-shift,0px));
  text-align:left;cursor:default}
.runpop.runpop-up{top:auto;bottom:calc(100% + 8px)}
.dock .runpop{top:auto;bottom:calc(100% + 14px);right:0}
.runpop .rprow{display:flex;gap:1.6ch;align-items:center;background:var(--slate);
  color:var(--bone-t);padding:9px 12px;margin:8px 0 4px;
  font:500 12.5px/1.5 var(--mono)}
.runpop .rprow .mono{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.runpop .rprow .ta{white-space:nowrap}
.runpop .rpnote{font:400 12px/1.5 var(--sans);opacity:.72}
.runpop-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:13px;background:var(--ink);border:1px solid var(--ink)}.runpop-outcomes>span{padding:10px;background:var(--bone);font:650 11px/1.4 var(--sans)}.runpop-outcomes b{display:block;margin-bottom:4px;font:800 8px/1 var(--mono);letter-spacing:.08em}
@media(max-width:560px){.runpop-outcomes{grid-template-columns:1fr}}
/* the dock's actions are the ticket's text-action grammar — the bar above
   and the bar below speak identically */
.dock .ta{white-space:nowrap}
@media (max-width:900px){.dock .barcode{display:none}}
@media (max-width:1150px){.lsec{grid-template-columns:1fr;gap:14px}.lsticky{position:static}}
.proofline{font:700 13.5px/1.7 var(--sans);letter-spacing:.06em;margin:14px 0 4px;font-variant-numeric:tabular-nums}
.touch{display:grid;grid-template-columns:11ch 1fr;gap:2ch;padding:7px 0;font-size:13.5px;align-items:baseline}
.touch .tk{font:700 11px/1.5 var(--sans);letter-spacing:.09em;opacity:.6}
/* the wide certificate — landscape: seal · identity · scoreboard */
.pcw{display:grid;grid-template-columns:170px minmax(0,1fr) clamp(34ch,30vw,44ch);gap:5ch;align-items:center;padding:18px 0 8px}
.pcw-mono .monogram{width:160px;height:160px}
.pcw-code{display:flex;gap:2.5ch;align-items:center;flex-wrap:wrap}
.pcw-code svg.pcw-qr{width:96px;height:96px;flex:none;margin-left:1ch}
.pcw-code .barcode,.pcw-code svg{height:30px;width:24ch;flex:none}
.pcw-side .cells{margin:0 0 12px}
.pcw-side .cardnext{margin:0}
@media (max-width:1150px){.pcw{grid-template-columns:1fr;gap:2ch}.pcw-mono .monogram{width:110px;height:110px}}
/* portrait cards in the profiles grid: the barcode keeps credential proportions */
.cardwrap .barcode{max-width:36ch;height:32px}

/* HOW A PLAY IS MADE — the anatomy overlay. One object across four acts:
   a session ledger becoming a program. Typeset, not drawn — ledger rows,
   @references, ember strikes, bone tickets. PRINT+SETTLE only. */
/* frames grid-stack in one cell: the stage is exactly as tall as the tallest
   act (no dead slate below the rows); shorter acts center in the room */
.anat-stage{display:grid;background:var(--slate);color:var(--bone-t);margin:14px 0 0;
  padding:18px 20px}
.aframe{grid-area:1/1;width:100%;min-width:0;align-self:center;
  opacity:0;transition:opacity .18s steps(2,end);pointer-events:none}
.anat[data-st="1"] .f1,.anat[data-st="2"] .f2,.anat[data-st="3"] .f3,.anat[data-st="4"] .f4{opacity:1}
/* rows print in sequence when their act is on */
.aframe .ar{opacity:0}
.anat[data-st="1"] .f1 .ar,.anat[data-st="2"] .f2 .ar,.anat[data-st="3"] .f3 .ar,.anat[data-st="4"] .f4 .ar{
  opacity:1;transition:opacity .16s steps(2,end);transition-delay:calc(.25s + var(--i,0)*.32s)}
.ahead{display:flex;justify-content:space-between;gap:2ch;font:700 10.5px/1.5 var(--sans);
  letter-spacing:.13em;text-transform:uppercase;opacity:.65;padding-bottom:9px;margin-bottom:6px;
  border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.ar{display:flex;gap:2ch;align-items:baseline;padding:6.5px 0;font:12.5px/1.5 var(--mono);
  border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.ar .at{width:8ch;flex:none;opacity:.5}
.ar .atag{width:64px;flex:none;font:700 10px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.ar .aact{flex:1;min-width:0}
.ar .aout{margin-left:auto;text-align:right;white-space:nowrap;opacity:.75}
.ar .aout b,.ar .aact b{color:var(--marigold);font-weight:700}
.ar.you .aact,.ar.you .atag,.ar.you .aout{color:var(--marigold);opacity:1}
.ar.err .aout{color:var(--ember);opacity:1}
.ar.cut .aact,.ar.cut .at,.ar.cut .atag{text-decoration:line-through 1.5px var(--ember);opacity:.45}
.ar.cut .aout{color:var(--ember);opacity:.75;font-size:11px}
.ar.afoot{border-bottom:none;font:700 10px/1.7 var(--sans);letter-spacing:.11em;opacity:.55;padding-top:12px}
/* act 3 — the printed artifact: bone stock inside the slate room */
.f3 .aplay{background:var(--bone);color:var(--ink);padding:12px 18px 10px;
  box-shadow:10px 10px 0 color-mix(in srgb,#000 35%,transparent)}
.f3 .ahead{opacity:.85;border-bottom-color:color-mix(in srgb,currentColor 40%,transparent)}
.f3 .ar{border-bottom-color:color-mix(in srgb,currentColor 18%,transparent)}
.f3 .ar .aout b,.f3 .ar .aact b{color:var(--ember)}
/* act 4 — the rack */
.f4 .atk{font:700 13.5px/1.5 var(--mono);border:1.6px solid var(--bone-t);padding:10px 14px;gap:2.5ch}
.f4 .atk .abar{letter-spacing:-.5px;opacity:.9}
.f4 .atk .aslug{flex:none}
.f4 .atk.ghost{border-style:dashed;opacity:.75}
.f4 .apipe{border-bottom:none;padding:3px 0 3px 26px;font-size:11px;color:var(--marigold);opacity:.9}
.anat-cap{min-height:92px;padding:14px 2px 4px}
.anat-cap p{margin:6px 0 0;max-width:70ch;font-size:15px;line-height:1.55}
.anat-dots{display:flex;gap:1ch;align-items:center;padding-top:6px}
.andot{border:none;cursor:pointer;background:color-mix(in srgb,currentColor 11%,transparent);
  padding:5px 12px;font:700 11px/1.4 var(--mono);letter-spacing:.08em;transition:background .12s,color .12s}
.andot:hover{background:color-mix(in srgb,currentColor 24%,transparent)}
.andot.on{background:var(--ink);color:var(--f,var(--bone))}
@media (max-width:900px){.ar .at{display:none}}

/* THE POSTER — personal issue: the sheet holds the 4:5 artifact */
.poster-wrap{margin:14px 0 12px;max-width:620px;border:1px solid color-mix(in srgb,currentColor 25%,transparent)}

/* FIELD NOTES essay — long-form on the sheet: prose measure, slate figures */
.essay{max-width:84ch}
.essay .edek{font:600 16.5px/1.5 var(--sans);max-width:66ch;margin:10px 0 4px}
.essay p{font-size:15px;line-height:1.62;max-width:70ch;margin:10px 0}
.essay p code{font-family:var(--mono);font-size:13px}
.essay .lab.sec{margin-top:24px}
.essay .efig{background:var(--slate);color:var(--bone-t);padding:18px 20px 14px;margin:16px 0}
.essay .efig svg{width:100%;height:auto;display:block}
.essay .fcap{font:700 10px/1.6 var(--sans);letter-spacing:.13em;opacity:.6;margin-top:10px}
.essay .eref{font-family:var(--mono);font-size:11px;text-decoration:none;color:var(--ember);margin-left:.3ch}
.essay .cites{border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);margin-top:24px;padding-top:12px}
.essay .ecite{font-size:12.5px;line-height:1.6;padding:4px 0;max-width:80ch}

/* volume 3 — the record recedes to fine print; the colophon is the printing line */
.record{font-size:13px}
.record .tle{padding:7px 0;font-size:13px}
.record .tle .d{font-size:11px}
.record .vrow{font-size:13px}
.colophon{font-family:var(--mono);font-size:11px;letter-spacing:.03em;opacity:.55;line-height:1.9;
  border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);margin-top:20px;padding-top:12px}

/* the starter — a marigold plate whose only job is the first run */
.starter{background:var(--marigold);color:var(--ink);padding:18px 20px;margin:14px 0 8px}
.starter .fhead{margin-bottom:12px}

/* ghost plates — unearned surfaces: dashed, priced, waiting to print */
.ghostp{border:1.5px dashed color-mix(in srgb,var(--bone) 45%,transparent);color:var(--bone);padding:20px 22px}
.cardnext{border:1.5px dashed color-mix(in srgb,var(--ink) 45%,transparent);padding:10px 12px;margin:0 0 14px}

/* clickable card wrapper (playmasters index) — raised = pressable (guide v2.2) */
.cardwrap{cursor:pointer;transition:transform .15s,box-shadow .15s}
.cardwrap:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 rgba(26,52,46,.4)}

/* footer cite */
.cite{font:600 11.5px/1.6 var(--sans);letter-spacing:.06em;opacity:.55;padding:4px 6px;display:flex;gap:2ch;justify-content:space-between;flex-wrap:wrap}

/* ── PLAY CATALOG · a record shop for finished work ───────────────────── */
.catalog-page,.play-page{padding-bottom:132px}
.catalog-intro{padding-top:20px}.catalog-kicker{padding-bottom:11px;border-bottom:1.5px solid currentColor}
.catalog-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(42px,6vw,100px);align-items:start;padding:38px 0 24px}
.catalog-intro h1{font:780 clamp(48px,5.4vw,82px)/1.02 var(--sans);letter-spacing:-.035em;max-width:16ch}
.catalog-intro p{font:500 clamp(18px,1.45vw,22px)/1.5 var(--sans);max-width:45ch;padding-top:7px}.catalog-intro-actions .catalog-search{margin-top:22px}
.catalog-search{border-bottom:2px solid currentColor;display:grid;grid-template-columns:auto 1fr auto;gap:1.2ch;align-items:center;padding:13px 2px}
.catalog-search>span{font:800 25px/1 var(--mono)}.catalog-search input{font:550 16px/1.4 var(--sans);min-width:0}
.catalog-search output{font:700 10px/1.4 var(--mono);letter-spacing:.08em;white-space:nowrap}
.catalog-filters{border-top:1px solid color-mix(in srgb,currentColor 28%,transparent);padding-top:12px;display:flex;align-items:center;gap:1ch;flex-wrap:wrap}
.catalog-filters>.lab{margin-right:.7ch}.catalog-philosophy{margin-left:auto;font:600 12px/1.4 var(--mono);opacity:.65}

.featured-play{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,86px);padding:clamp(24px,3.5vw,52px)}
.feature-cover,.card-art,.play-hero-art{position:relative}.feature-copy{display:flex;flex-direction:column;justify-content:center}
.feature-copy .strip{margin-bottom:24px}.feature-copy h2{font-size:clamp(42px,6vw,88px);letter-spacing:-.035em}
.feature-outcome{font:550 clamp(18px,1.75vw,24px)/1.45 var(--sans);max-width:54ch;margin:18px 0}
.feature-hear{border-left:4px solid currentColor;padding:4px 0 4px 16px;margin:6px 0 22px;max-width:60ch}
.feature-hear p{font:500 14px/1.55 var(--mono);margin-top:5px}.feature-actions{display:flex;align-items:center;gap:1.5ch;flex-wrap:wrap}
.feature-proof{display:flex;gap:2.5ch;flex-wrap:wrap;margin-top:24px;padding-top:14px;border-top:1px solid color-mix(in srgb,currentColor 38%,transparent);font:750 10px/1.45 var(--mono);letter-spacing:.07em}

/* Covers are generated from manifest facts. They keep the brand's printed
   stock and turn each play into an object with a recognisable spine. */
.play-cover{--cover-bg:var(--marigold);--cover-fg:var(--ink);aspect-ratio:1;background:var(--cover-bg);color:var(--cover-fg);
  border:1.5px solid currentColor;padding:clamp(12px,1.25vw,19px);display:flex;flex-direction:column;position:relative;overflow:hidden;
  box-shadow:9px 9px 0 color-mix(in srgb,var(--canvas) 28%,transparent)}
.cover-ai{--cover-bg:var(--marigold);--cover-fg:var(--ink)}.cover-devops{--cover-bg:var(--slate);--cover-fg:var(--bone-t)}
.cover-gtm{--cover-bg:var(--ember);--cover-fg:#fff8e9}.cover-salesops{--cover-bg:var(--sage);--cover-fg:var(--ink)}
.cover-top,.cover-foot{display:flex;justify-content:space-between;gap:1ch;font:750 clamp(7px,.72vw,10px)/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;position:relative;z-index:1}
.cover-activity{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:3px;height:auto;margin:10% 0 3%;position:relative;z-index:1}
.cover-activity i{display:block;min-width:0;aspect-ratio:1;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:2px;background:transparent}.cover-activity .run-level-1{background:color-mix(in srgb,currentColor 25%,transparent)}.cover-activity .run-level-2{background:color-mix(in srgb,currentColor 46%,transparent)}.cover-activity .run-level-3{background:color-mix(in srgb,currentColor 70%,transparent)}.cover-activity .run-level-4{background:currentColor}
.cover-activity-meta{display:none;justify-content:space-between;gap:2ch;margin-bottom:6%;font:750 clamp(6px,.58vw,8px)/1.2 var(--mono);letter-spacing:.07em;position:relative;z-index:1}.cover-activity-meta span{opacity:.58}.play-cover.feature .cover-activity-meta,.play-cover.detail .cover-activity-meta{display:flex}
.cover-title{font:850 clamp(24px,2.65vw,48px)/.91 var(--sans);font-stretch:112%;text-transform:uppercase;letter-spacing:-.035em;max-width:10ch;overflow-wrap:anywhere;position:relative;z-index:1}
.cover-foot{margin-top:auto;padding-top:10px;border-top:1px solid currentColor;align-items:flex-end}.cover-foot b{font-size:1.15em}
.play-cover.card{width:100%;box-shadow:6px 6px 0 color-mix(in srgb,var(--canvas) 25%,transparent)}
.play-cover.feature{width:100%;max-width:580px}.play-cover.detail{width:100%;max-width:520px}
.play-cover.mini{width:58px;padding:5px;box-shadow:none;border-width:1px}.play-cover.mini .cover-title{font-size:8px}.play-cover.mini .cover-top,.play-cover.mini .cover-foot{font-size:3px}.play-cover.mini .cover-activity{margin:6px 0 4px;gap:1px}.play-cover.mini .cover-activity i{border-width:0;border-radius:0}.play-cover.mini .cover-activity-meta{display:none}
.play-cover.thumb{width:48px;padding:4px;box-shadow:none;border-width:1px;flex:none}.play-cover.thumb .cover-title{font-size:7px}.play-cover.thumb .cover-top,.play-cover.thumb .cover-foot{font-size:3px}.play-cover.thumb .cover-activity{margin:4px 0 3px;gap:1px}.play-cover.thumb .cover-activity i{border-width:0;border-radius:0}.play-cover.thumb .cover-activity-meta{display:none}
.cover-play{position:absolute;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%!important;background:var(--bone);color:var(--ink);
  display:grid;place-items:center;text-align:center;font:800 18px/1 var(--sans);border:2px solid var(--ink);box-shadow:4px 4px 0 color-mix(in srgb,var(--ink) 35%,transparent);z-index:2}
.cover-play:hover{background:var(--ink);color:var(--bone-t);transform:translate(-2px,-2px)}
.card-art .cover-play{width:44px;height:44px;right:12px;bottom:12px;font-size:14px;opacity:0;transform:translateY(4px);transition:.18s}
.catalog-card:hover .cover-play,.card-art:focus-within .cover-play{opacity:1;transform:none}

.play-shelf{padding-block:26px}.shelf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:3ch;border-bottom:1.5px solid currentColor;padding-bottom:13px;margin-bottom:20px}
.shelf-head h2{font:750 clamp(22px,2.4vw,34px)/1.15 var(--sans);letter-spacing:-.015em;margin-top:5px}
.shelf-note{font:650 10px/1.5 var(--mono);letter-spacing:.08em;opacity:.6;text-align:right}
.shelf-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.3vw,34px)}
.catalog-card{min-width:0;cursor:pointer}.catalog-card:hover .play-cover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 color-mix(in srgb,var(--ink) 30%,transparent)}
.catalog-card .play-cover{transition:transform .18s,box-shadow .18s}
.card-copy{padding:16px 2px 0}.card-copy h3{font:750 18px/1.2 var(--sans)}.card-copy p{font:450 13.5px/1.48 var(--sans);opacity:.77;margin:7px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-copy>div{border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);padding-top:8px;display:flex;justify-content:space-between;gap:1ch;font:650 9.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.05em}
[data-search][hidden]{display:none!important}

.catalog-table-head,.catalog-row{display:grid;grid-template-columns:minmax(38ch,2fr) 13ch 16ch 10ch 16ch 2ch;gap:2ch;align-items:center}
.catalog-table-head{padding:0 10px 9px;opacity:.55}.catalog-row{padding:12px 10px;border-top:1px solid color-mix(in srgb,currentColor 26%,transparent);cursor:pointer;transition:.13s}
.catalog-row:hover{background:var(--ink);color:var(--bone-t)}.catalog-row-title{display:flex;gap:1.5ch;align-items:center;min-width:0}
.catalog-row-title>span{display:flex;flex-direction:column;min-width:0}.catalog-row-title b{font:700 15px/1.25 var(--sans)}.catalog-row-title small{font:450 12.5px/1.35 var(--sans);opacity:.67;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-row>.mono{font-size:12px}.catalog-row>.lab{font-size:9px}.row-preview{margin-left:auto;border:1.5px solid currentColor;width:30px;height:30px;border-radius:50%!important;display:grid;place-items:center;text-align:center;font-size:10px;flex:none}
.catalog-disclosure{border-top:1.5px solid currentColor;margin-top:8px;padding-top:11px;opacity:.52}

/* Persistent outcome preview — one player shared by feed and detail. */
.play-player{position:fixed;z-index:64;left:14px;right:14px;bottom:0;background:var(--bone);color:var(--ink);border:2px solid var(--ink);
  box-shadow:0 -12px 36px rgba(0,0,0,.35);min-height:78px;padding:9px 48px 9px 10px;display:grid;
  grid-template-columns:58px minmax(170px,.65fr) auto minmax(220px,1fr) auto;gap:1.6ch;align-items:center}
.player-now{min-width:0;display:flex;flex-direction:column}.player-now .lab{font-size:8px;opacity:.55}.player-now a{display:flex;flex-direction:column;min-width:0}.player-now b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-now small{font:500 10px/1.4 var(--mono);opacity:.6}
.player-controls{display:flex;gap:.8ch;align-items:center}.player-skip{font:700 12px/1 var(--mono)}.player-play{width:38px;height:38px;border-radius:50%!important;background:var(--ink);color:var(--bone-t);display:grid;place-items:center;text-align:center}
.player-sample{min-width:0}.player-sample>span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.player-sample>i{height:3px;background:color-mix(in srgb,var(--ink) 18%,transparent);display:block;margin-top:8px;overflow:hidden}.player-sample>i b{height:100%;width:0;background:var(--ember);display:block}
.play-player.is-playing .player-sample>i b{animation:catalogprogress 12s linear infinite}
@keyframes catalogprogress{from{width:0}to{width:100%}}
.player-actions{display:flex;gap:1.4ch;align-items:center;white-space:nowrap}.player-x{position:absolute;right:13px;top:8px;font:500 24px/1 var(--sans);opacity:.55}
.play-player .runpop{top:auto;bottom:calc(100% + 12px)}

/* ── PLAY SLEEVE · outcome, result, contract, then source ─────────────── */
.play-hero{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(30px,6vw,88px);padding:clamp(24px,3.8vw,58px)}
.play-hero-copy{align-self:center}.play-eyebrow{display:flex;justify-content:space-between;gap:2ch;align-items:center;margin-bottom:20px}
.play-hero h1{font-size:clamp(48px,7vw,104px);letter-spacing:-.045em;max-width:10.5ch}
.play-outcome{font:550 clamp(19px,1.8vw,25px)/1.44 var(--sans);max-width:56ch;margin:20px 0}
.play-tags{display:flex;gap:.8ch;flex-wrap:wrap}.play-tags span{border:1px solid currentColor;padding:5px 9px;font:700 9px/1 var(--mono);letter-spacing:.07em}
.play-actions{display:flex;gap:1.6ch;align-items:center;flex-wrap:wrap;margin:25px 0}.play-actions .runpop-host{display:inline-flex}
.play-evidence{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid color-mix(in srgb,currentColor 30%,transparent);margin-top:10px}
.play-evidence>div{padding:14px 12px 14px 0;border-left:1px solid color-mix(in srgb,currentColor 30%,transparent);display:flex;flex-direction:column;gap:3px}
.play-evidence>div:not(:first-child){padding-left:14px}.play-evidence>div:first-child{border-left:none}.play-evidence b{font:800 clamp(22px,2.3vw,32px)/1 var(--sans)}.play-evidence span{font:650 9px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.06em;opacity:.62}
.maker-record{display:inline-block;font:700 9.5px/1.5 var(--mono);letter-spacing:.06em;margin-top:13px;opacity:.65;text-transform:uppercase}
.play-uri-wrap{grid-column:1/-1;border-top:1.5px solid currentColor;margin-top:2px;padding-top:16px;display:flex;justify-content:space-between;gap:2ch;align-items:center}
.play-provenance-links{display:flex;gap:1.5ch;flex-wrap:wrap;justify-content:flex-end}.play-provenance-links>a{display:flex;flex-direction:column;align-items:flex-end;padding-left:13px;border-left:1px solid color-mix(in srgb,currentColor 25%,transparent)}.play-provenance-links span,.play-provenance-links i{font:700 6.5px/1.35 var(--mono);letter-spacing:.07em;font-style:normal;color:var(--muted)}.play-provenance-links b{font:760 9px/1.35 var(--sans)}
.catalog-uri{display:flex;align-items:center;gap:2ch;min-width:0}.catalog-uri .barcode{width:12ch;height:27px;flex:none}.catalog-uri .mono{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.play-uri-wrap>div:last-child{display:flex;gap:2.4ch;white-space:nowrap}

.result-stage{padding:clamp(24px,3.5vw,50px)}.result-head{display:flex;justify-content:space-between;gap:3ch;align-items:end;margin-bottom:20px}.result-head h2{font:800 clamp(35px,4.4vw,64px)/1 var(--sans);letter-spacing:-.03em;margin-top:6px}.result-head>.lab{opacity:.55;text-align:right}
.result-sheet{background:var(--bone);color:var(--ink);border:1.5px solid var(--bone-t);box-shadow:10px 10px 0 color-mix(in srgb,#000 28%,transparent);max-width:1180px;margin:0 auto}
.result-sheet-head{display:flex;justify-content:space-between;gap:2ch;padding:11px 15px;background:var(--marigold);font:800 10px/1.4 var(--mono);letter-spacing:.08em}
.result-row{display:grid;grid-template-columns:1fr auto;gap:2ch;padding:15px 18px;border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.result-row>div{display:grid;grid-template-columns:minmax(13ch,.55fr) minmax(18ch,.65fr) 1fr;gap:2ch;align-items:baseline}.result-row b{text-transform:uppercase}.result-row strong{font:750 17px/1.25 var(--sans)}.result-row small{font:450 12.5px/1.45 var(--mono);opacity:.68}.result-row>span{font:800 10px/1.4 var(--mono);letter-spacing:.06em}.result-row .warn{color:var(--ember)}
.result-sheet.tree>.mono{padding:16px 20px;font-size:12.5px;line-height:1.75;overflow:auto}.result-sheet.tree .ember{color:var(--ember)}.result-sheet.tree .mari{color:#9b6e00;font-weight:700}.result-sheet.tree .dim{opacity:.55}.result-sheet.tree .bold{font-weight:700}
.result-step{display:grid;grid-template-columns:5ch 1fr auto;gap:2ch;padding:10px 15px;border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent);font:500 13px/1.4 var(--mono)}.result-step em{color:#267147}.result-finish{padding:12px 15px;background:var(--sage);font:750 11px/1.4 var(--mono)}
.result-cta{display:flex;justify-content:flex-end;align-items:center;gap:2ch;margin-top:26px}.result-cta>span{font:500 13px/1.4 var(--mono);opacity:.7}

.play-notes,.play-record{padding:clamp(24px,3.5vw,50px)}.notes-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(30px,5vw,74px)}
.tracklist>.lab,.play-contract>.lab,.setup-grid>div>.lab,.record-grid>div>.lab{display:block;margin-bottom:12px}
.track-row{display:grid;grid-template-columns:4ch 1fr auto;gap:1.5ch;align-items:baseline;padding:13px 2px;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent)}.track-row b{font:600 11px/1 var(--mono);opacity:.5}.track-row span{font:650 15px/1.38 var(--sans)}.track-row small{font:650 8px/1 var(--mono);letter-spacing:.08em;opacity:.5}
.play-contract{background:var(--ink);color:var(--bone-t);padding:20px}.play-contract .touch{border-top:1px solid color-mix(in srgb,var(--bone-t) 20%,transparent)}.contract-seal{margin-top:12px;padding-top:12px;border-top:1px solid var(--marigold);color:var(--marigold);font:700 10px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);margin-top:42px;padding-top:24px;border-top:2px solid currentColor}.setup-grid p{font-size:13.5px;opacity:.7;margin:-4px 0 8px;max-width:50ch}
.setup-grid .prow{grid-template-columns:12ch 1fr}.setup-grid .dep{padding-block:10px}

.record-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(30px,6vw,90px)}.record-proof{border:1.5px solid currentColor;padding:20px;align-self:start}.record-proof>b{display:block;font:800 clamp(30px,4vw,54px)/1 var(--mono);letter-spacing:-.05em;margin:8px 0}.record-proof p{font-size:13.5px;line-height:1.5;margin:10px 0 16px}
.source-vault{margin-top:30px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.source-vault>summary{list-style:none;cursor:pointer;padding:17px 2px;display:flex;justify-content:space-between;gap:2ch;align-items:center}.source-vault>summary::-webkit-details-marker{display:none}.source-vault>summary span{display:flex;flex-direction:column}.source-vault>summary b{font-size:17px}.source-vault>summary small{font:500 12px/1.5 var(--mono);opacity:.6}.source-vault>summary i{font:400 28px/1 var(--sans);font-style:normal}.source-vault[open]>summary i{transform:rotate(45deg)}
.source-vault .lit{border-top:1px solid currentColor}.source-vault .lsec{grid-template-columns:minmax(23ch,30ch) minmax(0,1fr);gap:3ch}.source-vault .lsticky{position:static}

@media(max-width:1100px){
  .featured-play,.play-hero{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:35px}
  .shelf-track{grid-template-columns:repeat(2,1fr)}.catalog-table-head{display:none}.catalog-row{grid-template-columns:minmax(30ch,1fr) 12ch 14ch 10ch}.catalog-row>:nth-child(5),.catalog-row>:nth-child(6){display:none}
  .play-player{grid-template-columns:58px minmax(150px,.7fr) auto 1fr}.player-actions .ta{display:none}.player-actions{position:relative}.player-sample{display:none}
  .result-row>div{grid-template-columns:1fr 1fr}.result-row small{grid-column:1/-1}
}
@media(max-width:760px){
  .catalog-page,.play-page{padding-bottom:150px}.catalog-intro-grid{grid-template-columns:1fr;gap:24px;padding-top:26px}.catalog-intro h1{font-size:clamp(42px,12vw,62px)}.catalog-intro p{padding-top:0}
  .catalog-search{grid-template-columns:auto 1fr}.catalog-search output{grid-column:2}.catalog-philosophy{width:100%;margin:7px 0 0}
  .featured-play,.play-hero{grid-template-columns:1fr;padding:18px}.feature-cover{max-width:420px}.feature-copy h2{font-size:44px;margin-top:8px}
  .shelf-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 10px 14px 0}.catalog-card{flex:0 0 min(76vw,310px);scroll-snap-align:start}
  .shelf-head{align-items:flex-start;flex-direction:column}.shelf-note{text-align:left}
  .catalog-row{grid-template-columns:1fr auto;padding-inline:2px}.catalog-row>:not(.catalog-row-title):not(:last-child){display:none}.catalog-row-title small{max-width:52vw}
  .card-art .cover-play{opacity:1;transform:none}.feature-proof span:last-child{width:100%}
  .play-player{left:0;right:0;grid-template-columns:48px 1fr auto;padding:8px 35px 8px 8px;min-height:70px}.player-cover .play-cover{width:48px}.player-controls{grid-column:3}.player-sample,.player-actions{grid-column:1/-1}.player-sample{display:none}.player-actions{display:flex;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding-top:7px}.player-actions .ta{display:block}
  .play-hero h1{font-size:clamp(46px,15vw,74px)}.play-evidence{grid-template-columns:1fr}.play-evidence>div,.play-evidence>div:not(:first-child){border-left:none;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);padding:11px 0}.play-evidence>div:first-child{border-top:none}
  .play-uri-wrap{align-items:flex-start;flex-direction:column}.catalog-uri .barcode{display:none}.catalog-uri .mono{font-size:11px}.play-uri-wrap>div:last-child{width:100%;justify-content:space-between}
  .result-head{align-items:flex-start;flex-direction:column}.result-head>.lab{text-align:left}.result-row>div{grid-template-columns:1fr}.result-row small{grid-column:auto}.result-row strong{font-size:15px}.result-cta{align-items:flex-start;flex-direction:column}
  .notes-grid,.setup-grid,.record-grid{grid-template-columns:1fr}.play-contract{margin-top:12px}.source-vault .lsec{grid-template-columns:1fr}.source-vault .lcode{padding:12px}.source-vault .srccode{font-size:10.5px}
}

/* ── THE TALENT STUDIO · masters, rising makers, and working circles ─── */
.profiles-page,.profile-page{padding-bottom:132px}
.talent-hero{padding:24px clamp(24px,3.5vw,52px) clamp(30px,4vw,58px)}.talent-hero>.lab{display:block;border-bottom:1.5px solid currentColor;padding-bottom:11px}
.talent-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(42px,6vw,100px);align-items:start;padding-top:38px}
.talent-hero h1{font:780 clamp(48px,5.4vw,82px)/1.02 var(--sans);letter-spacing:-.035em;max-width:16ch}.talent-hero p{font:500 clamp(18px,1.45vw,22px)/1.5 var(--sans);max-width:45ch;padding-top:7px}
.talent-live{display:grid;grid-template-columns:auto auto 1fr;gap:1.1ch;align-items:center;border-top:1.5px solid currentColor;margin-top:22px;padding-top:13px}
.talent-live i,.live-row>i,.live-pulse{width:9px;height:9px;border-radius:50%!important;background:#2f8d57;box-shadow:0 0 0 5px color-mix(in srgb,#2f8d57 20%,transparent)}
.talent-live b{font:800 12px/1.3 var(--mono);letter-spacing:.06em}.talent-live span{font:600 8px/1.4 var(--mono);letter-spacing:.06em;opacity:.52;text-align:right}
.talent-section-head,.profile-section-head{display:flex;justify-content:space-between;gap:5ch;align-items:end;border-bottom:1.5px solid currentColor;padding-bottom:15px;margin-bottom:24px}
.talent-section-head h2,.profile-section-head h2{font:800 clamp(31px,4vw,58px)/1.02 var(--sans);letter-spacing:-.03em;max-width:18ch;margin-top:6px}
.talent-section-head>p,.profile-section-head>p{font:500 14px/1.55 var(--sans);max-width:43ch;opacity:.76}

/* Public identity has different proof for people, agents, and organizations.
   Color stays concentrated on the identity card rather than the page. */
.identity-stage{padding:clamp(24px,3.5vw,52px)}
.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,32px)}
.identity-card{display:grid;grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr);border:1.5px solid var(--ink);background:var(--surface);min-width:0;transition:transform .16s ease,box-shadow .16s ease}
.identity-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--control)}
.identity-face{position:relative;display:grid;place-items:center;min-height:340px;padding:28px;color:var(--paper)}
.identity-organization .identity-face{background:#254a45}.identity-agent .identity-face{background:#b9aa74;color:var(--ink)}
.identity-face .monogram{width:min(88%,220px);height:auto}.identity-badge{position:absolute;left:15px;bottom:15px;padding:7px 9px;border:1.5px solid currentColor;background:color-mix(in srgb,currentColor 6%,transparent);font:800 8px/1 var(--mono);letter-spacing:.08em}
.identity-copy{padding:clamp(22px,2.7vw,38px);display:flex;flex-direction:column;min-width:0}.identity-copy h3{font:850 clamp(36px,4vw,60px)/.95 var(--sans);letter-spacing:-.04em;margin:12px 0}.identity-copy>p{font:520 14px/1.5 var(--sans);max-width:46ch;color:var(--muted)}
.identity-proof{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border:1px solid var(--rule)}.identity-proof>span{padding:13px;display:flex;flex-direction:column;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.identity-proof>span:nth-child(-n+2){border-top:0}.identity-proof>span:nth-child(odd){border-left:0}.identity-proof small{font:700 7px/1.4 var(--mono);letter-spacing:.07em;color:var(--muted)}.identity-proof b{margin-top:5px;font:760 12px/1.25 var(--sans)}
.identity-open{margin-top:auto;padding-top:22px;font:800 9px/1 var(--mono);letter-spacing:.08em;text-decoration:underline;text-underline-offset:5px}

.identity-hero .artist-copy h1{max-width:13ch}.identity-hero .artist-portrait{color:var(--paper)}.identity-hero .identity-org{background:#254a45}.identity-hero .identity-agent{background:#b9aa74;color:var(--ink)}
.identity-status{font:800 8px/1 var(--mono);letter-spacing:.08em}.identity-domain{display:grid;grid-template-columns:150px minmax(120px,.45fr) minmax(240px,1fr);gap:2ch;align-items:center;margin-top:20px;padding:14px;border:1px solid var(--rule);background:var(--surface-muted)}.identity-domain b{font-size:16px}.identity-domain small{font:550 9px/1.5 var(--mono);color:var(--muted)}
.identity-lineage{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);margin-top:22px}.identity-lineage>a{padding:14px;display:flex;flex-direction:column}.identity-lineage>a+a{border-left:1px solid var(--ink)}.identity-lineage b{font-size:16px;margin:5px 0}.identity-lineage small{font:600 8px/1.4 var(--mono);color:var(--muted)}
.identity-relations,.agent-authorization,.guided-agents{padding:clamp(24px,3.5vw,52px)}.identity-relation-grid{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--ink)}.identity-relation-grid>div{padding:clamp(18px,2.5vw,32px)}.identity-relation-grid>div+div{border-left:1px solid var(--ink)}
.identity-person-link{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:1.4ch;align-items:center;padding:14px 0;border-top:1px solid var(--rule)}.identity-person-link:first-of-type{margin-top:13px}.identity-person-link .monogram{width:58px;height:58px}.identity-person-link>span{display:flex;flex-direction:column}.identity-person-link b{font-size:14px}.identity-person-link small{font:650 8px/1.4 var(--mono);color:var(--muted)}.identity-person-link i{font:800 18px/1 var(--mono);font-style:normal}
.agent-authorization{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:5vw;align-items:start}.agent-authorization h2{font:850 clamp(38px,5vw,72px)/.97 var(--sans);letter-spacing:-.045em;max-width:13ch;margin-top:12px}.authorization-sheet{border:1.5px solid var(--ink);display:grid;grid-template-columns:1fr 1fr}.authorization-sheet>span,.authorization-sheet>p{padding:16px;display:flex;flex-direction:column;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.authorization-sheet>span:nth-child(-n+2){border-top:0}.authorization-sheet>span:nth-child(odd){border-left:0}.authorization-sheet>p{grid-column:1/-1;border-left:0;margin:0;font:560 12px/1.5 var(--mono)}.authorization-sheet small{font:700 7px/1.4 var(--mono);color:var(--muted);margin-bottom:6px}.authorization-sheet b{font:760 13px/1.4 var(--mono)}
.guided-agent-grid{max-width:720px}.profile-play-credit{font:750 7px/1.4 var(--mono);letter-spacing:.05em;color:var(--muted);margin-top:8px}

.masters-stage{padding:clamp(24px,3.5vw,52px)}.master-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.master-card{display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,1.38fr);border:1.5px solid currentColor;background:var(--bone);cursor:pointer;transition:transform .18s,box-shadow .18s;min-width:0}
.master-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 color-mix(in srgb,var(--ink) 30%,transparent)}
.master-portrait{background:var(--slate);color:var(--bone-t);display:flex;align-items:center;justify-content:center;position:relative;padding:25px;min-height:360px;overflow:hidden}
.master-portrait .monogram{width:min(100%,220px);height:auto}.held-stamp{position:absolute;left:14px;bottom:14px;border:1.5px solid currentColor;padding:6px 8px;font:800 9px/1 var(--mono);letter-spacing:.08em}
.master-copy{padding:24px;display:flex;flex-direction:column;min-width:0}.master-copy>h3{font:850 clamp(34px,3.5vw,56px)/.95 var(--sans);letter-spacing:-.035em;margin:9px 0}.master-copy>p{font-size:14px;line-height:1.5;opacity:.76}
.master-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;border-block:1px solid color-mix(in srgb,currentColor 25%,transparent)}.master-stats span{padding:10px 9px 10px 0;font:600 9px/1.4 var(--mono);text-transform:uppercase;display:flex;flex-direction:column}.master-stats b{font:800 21px/1 var(--sans);margin-bottom:4px}
.master-signature{display:flex;justify-content:space-between;align-items:center;gap:1.2ch;margin-top:auto}.master-signature>div{display:flex;gap:1.2ch;align-items:center;min-width:0}.master-signature>div>span{display:flex;flex-direction:column;min-width:0}.master-signature small,.master-signature em{font:600 8px/1.4 var(--mono);font-style:normal;opacity:.55}.master-signature b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.master-uri{border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);margin-top:14px;padding-top:10px;display:grid;grid-template-columns:7ch minmax(0,1fr) auto;gap:1.2ch;align-items:center}.master-uri .barcode{width:7ch;height:16px}.master-uri .mono{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master-uri>b{font:750 8px/1 var(--mono);letter-spacing:.07em}

.now-playing{padding:clamp(24px,3.5vw,50px)}.now-playing .talent-section-head{border-color:color-mix(in srgb,var(--bone-t) 42%,transparent)}.now-playing .talent-section-head>p{color:var(--bone-t)}
.live-board{border-top:1px solid color-mix(in srgb,var(--bone-t) 25%,transparent)}.live-row{display:grid;grid-template-columns:auto minmax(18ch,.7fr) minmax(300px,1.3fr) auto 2ch;gap:2ch;align-items:center;padding:16px 4px;border-bottom:1px solid color-mix(in srgb,var(--bone-t) 20%,transparent);cursor:pointer}
.live-row:hover{background:var(--marigold);color:var(--ink);padding-inline:12px}.live-row>span{display:flex;flex-direction:column}.live-row>span>b{font-size:17px}.live-row>span>small{font:600 9px/1.4 var(--mono);text-transform:uppercase;opacity:.56}
.harness-mix{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:1.4ch}.harness-mix em{font-style:normal;display:flex;flex-direction:column;gap:6px}.harness-mix em>b{height:3px;background:color-mix(in srgb,var(--bone-t) 18%,transparent);position:relative}.harness-mix em>b:after{content:'';display:block;width:var(--share);height:100%;background:var(--marigold)}.live-row:hover .harness-mix em>b:after{background:var(--ink)}.harness-mix span{font:600 8px/1.2 var(--mono);white-space:nowrap;opacity:.7}
.live-row>strong{font:800 28px/1 var(--sans);text-align:right}.live-row>strong small{display:block;font:650 7px/1.4 var(--mono);letter-spacing:.07em;margin-top:3px}.live-open{font:700 20px/1 var(--mono)}
.prototype-note{opacity:.45;margin-top:12px}

.cohort-stage,.rising-stage,.ladder-studio{padding:clamp(24px,3.5vw,50px)}.pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pair-card{border:1.5px solid currentColor;padding:20px;display:flex;flex-direction:column;min-height:310px}.pair-people{display:grid;grid-template-columns:1fr auto 1fr;gap:1.2ch;align-items:center}.pair-people>a{display:flex;flex-direction:column;align-items:center;text-align:center}.pair-people>a>b{font-size:12px;margin-top:5px}.pair-people>a>small{font:600 8px/1.4 var(--mono);text-transform:uppercase;opacity:.55}.pair-people>i{font:700 20px/1 var(--mono);font-style:normal}
.pair-mono{width:80px;height:80px;display:grid;place-items:center}.pair-mono .monogram{width:76px;height:76px}.pair-proof{display:flex;gap:1ch;align-items:baseline;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent);margin-top:15px;padding-top:13px}.pair-proof>b{font:850 34px/1 var(--sans)}.pair-proof>span{font:800 9px/1 var(--mono);letter-spacing:.07em}.pair-proof>small{font:650 8px/1.4 var(--mono);margin-left:auto;opacity:.55}.pair-card>p{font:500 13px/1.5 var(--sans);opacity:.73;margin-top:auto;padding-top:15px}

.rising-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rising-card{border:1.5px solid currentColor;display:grid;grid-template-columns:150px 1fr auto;gap:2.5ch;align-items:center;padding:18px;cursor:pointer}.rising-card:hover{background:var(--ink);color:var(--bone-t)}.rising-mono{display:grid;place-items:center}.rising-mono .monogram{width:125px;height:125px}.rising-card h3{font:800 28px/1 var(--sans);margin:7px 0}.rising-card p{font-size:13px;opacity:.68}.rising-proof{display:flex;gap:1.5ch;flex-wrap:wrap;margin-top:13px}.rising-proof span{font:600 8px/1.4 var(--mono);text-transform:uppercase}.rising-proof b{font-size:12px}.rising-card>i{font:700 22px/1 var(--mono);font-style:normal}

.ladder-track{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid currentColor}.ladder-rung{min-height:260px;padding:18px;display:flex;flex-direction:column;border-left:1px solid currentColor}.ladder-rung:first-child{border-left:none}.ladder-rung h3{font:850 clamp(24px,2.6vw,38px)/1 var(--sans);margin:25px 0 9px}.ladder-rung p{font:500 13px/1.5 var(--sans);min-height:80px}.ladder-rung>b{font:800 30px/1 var(--mono);margin-top:auto}.ladder-rung>small{font:650 8px/1.4 var(--mono);text-transform:uppercase;margin-top:5px;opacity:.55}.rung-0{background:color-mix(in srgb,var(--bone) 65%,transparent)}.rung-1{background:color-mix(in srgb,var(--ink) 7%,transparent)}.rung-2{background:color-mix(in srgb,var(--ink) 14%,transparent)}.rung-3{background:var(--ink);color:var(--marigold)}
.ladder-close{display:flex;justify-content:space-between;gap:2ch;padding-top:14px;font:750 10px/1.5 var(--mono);letter-spacing:.07em}

/* ── MAKER PROFILE · artist page for useful work ─────────────────────── */
.artist-hero{display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:clamp(32px,5vw,74px);padding:clamp(24px,4vw,60px)}
.artist-portrait{aspect-ratio:1;background:var(--slate);color:var(--bone-t);display:grid;place-items:center;position:relative;padding:30px;max-width:520px}.artist-portrait .monogram{width:85%;height:85%}.artist-portrait>span{position:absolute;left:15px;bottom:15px;border:1.5px solid currentColor;padding:7px 9px;font:800 9px/1 var(--mono);letter-spacing:.08em}
.artist-copy{align-self:center}.artist-kicker{display:flex;justify-content:space-between;gap:2ch;border-bottom:1.5px solid currentColor;padding-bottom:11px}.artist-copy h1{font-size:clamp(54px,8vw,118px);font-weight:830;opacity:1;letter-spacing:-.05em;max-width:11ch;margin:24px 0 14px}.artist-copy>p{font:550 clamp(18px,1.7vw,24px)/1.48 var(--sans);max-width:54ch}.artist-domains{display:flex;gap:.8ch;margin:18px 0}.artist-domains span{border:1px solid currentColor;padding:5px 9px;font:700 9px/1 var(--mono);letter-spacing:.07em}
.artist-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid color-mix(in srgb,currentColor 30%,transparent);margin-top:22px}.artist-metrics>div{display:flex;flex-direction:column;padding:14px 12px;border-left:1px solid color-mix(in srgb,currentColor 30%,transparent)}.artist-metrics>div:first-child{border-left:none;padding-left:0}.artist-metrics b{font:850 clamp(23px,2.4vw,34px)/1 var(--sans)}.artist-metrics span{font:650 8px/1.4 var(--mono);text-transform:uppercase;margin-top:5px;opacity:.58}
.artist-actions{display:flex;gap:2.2ch;flex-wrap:wrap;margin-top:18px}.artist-credential{grid-column:1/-1;border-top:1.5px solid currentColor;margin-top:3px;padding-top:15px;display:grid;grid-template-columns:12ch minmax(0,1fr) auto;gap:2ch;align-items:center}.artist-credential .barcode{width:12ch;height:22px}.artist-credential .mono{font-size:13px}.artist-credential>.lab{opacity:.54}

.artist-live{padding:clamp(24px,3.5vw,50px)}.artist-live-title{display:flex;justify-content:space-between;gap:3ch;align-items:flex-start;border-bottom:1px solid color-mix(in srgb,var(--bone-t) 25%,transparent);padding-bottom:15px}.artist-live-title>div{display:grid;grid-template-columns:auto 1fr;gap:0 1.3ch;align-items:center}.artist-live-title h2{grid-column:2;font:800 clamp(28px,3.5vw,50px)/1.08 var(--sans);letter-spacing:-.025em;margin-top:5px}.artist-live-title>.lab{opacity:.45;text-align:right}
.artist-harnesses{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}.artist-harnesses>div{border:1px solid color-mix(in srgb,var(--bone-t) 35%,transparent);padding:15px;display:grid;grid-template-columns:1fr auto;gap:1.3ch}.artist-harnesses span{display:flex;flex-direction:column}.artist-harnesses span>b{font-size:14px}.artist-harnesses small{font:650 7px/1.4 var(--mono);letter-spacing:.06em;opacity:.45}.artist-harnesses strong{font:850 32px/1 var(--sans);color:var(--marigold)}.artist-harnesses i{grid-column:1/-1;height:3px;background:color-mix(in srgb,var(--bone-t) 17%,transparent)}.artist-harnesses i>b{display:block;height:100%;background:var(--marigold)}
.live-meaning{font:500 13px/1.5 var(--mono);margin-top:17px;opacity:.64}.live-meaning b{color:var(--marigold)}

.signature-stage{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,90px);padding:clamp(24px,4vw,58px)}.signature-cover{position:relative}.signature-copy{align-self:center}.signature-copy h2{font:850 clamp(44px,6.5vw,94px)/.95 var(--sans);letter-spacing:-.045em;margin:12px 0 18px}.signature-copy>p{font:550 clamp(18px,1.65vw,23px)/1.48 var(--sans);max-width:54ch}.signature-proof{display:flex;gap:2.5ch;margin:22px 0;border-block:1px solid color-mix(in srgb,currentColor 30%,transparent);padding:12px 0}.signature-proof span{font:650 9px/1.4 var(--mono);text-transform:uppercase}.signature-proof b{font:800 20px/1 var(--sans);margin-right:.4ch}.signature-actions{display:flex;gap:1.5ch;flex-wrap:wrap}.signature-lineage{margin-top:18px;opacity:.55}

.body-work,.influence-stage,.instrument-stage,.mastery-stage{padding:clamp(24px,3.8vw,54px)}.profile-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}.profile-play{cursor:pointer}.profile-play-art{position:relative}.profile-play:hover .play-cover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 color-mix(in srgb,var(--ink) 30%,transparent)}.profile-play .play-cover{transition:.18s}.profile-play .cover-play{opacity:0;transform:translateY(4px)}.profile-play:hover .cover-play{opacity:1;transform:none}.profile-play h3{font:800 20px/1.16 var(--sans);margin:16px 0 7px}.profile-play>p{font-size:13.5px;line-height:1.48;opacity:.7;min-height:3.9em}.profile-play>div:last-child{display:flex;justify-content:space-between;gap:1ch;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);margin-top:12px;padding-top:8px;font:650 8px/1.4 var(--mono)}
.empty-work{border:1.5px dashed currentColor;padding:25px;display:flex;flex-direction:column}

.influence-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid currentColor}.influence-number{padding:20px;border-left:1px solid currentColor}.influence-number:first-child{border-left:none}.influence-number>b{font:850 clamp(44px,5.5vw,78px)/1 var(--sans);letter-spacing:-.04em}.influence-number>span{display:block;font:800 9px/1.4 var(--mono);letter-spacing:.07em;margin-top:8px}.influence-number>p{font-size:13px;line-height:1.45;opacity:.68;margin-top:16px}
.remix-ledger{margin-top:25px}.remix-ledger>.lab{display:block;margin-bottom:9px}.remix-ledger>a{display:grid;grid-template-columns:minmax(20ch,.8fr) minmax(24ch,1.2fr) auto;gap:2ch;padding:12px 2px;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent);align-items:baseline}.remix-ledger>a span{font-size:13px;opacity:.65}.remix-ledger>a strong{font:750 9px/1.4 var(--mono)}
.profile-cohort{margin-top:38px;padding-top:25px;border-top:2px solid currentColor}.profile-section-head.compact h3{font:800 clamp(27px,3vw,40px)/1.05 var(--sans);margin-top:6px}.cohort-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cohort-row>a{border:1px solid currentColor;padding:13px;display:grid;grid-template-columns:64px 1fr auto;gap:1.2ch;align-items:center}.cohort-row>a:hover{background:var(--ink);color:var(--bone-t)}.cohort-mono,.cohort-mono .monogram{width:60px;height:60px}.cohort-row>a>span:nth-child(2){display:flex;flex-direction:column}.cohort-row>a>span b{font-size:13px}.cohort-row>a>span small{font:600 8px/1.35 var(--mono);opacity:.58}.cohort-row>a>strong{font:850 22px/1 var(--sans);text-align:right}.cohort-row>a>strong small{display:block;font:650 7px/1.3 var(--mono)}

.instrument-grid{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid currentColor}.instrument{display:grid;grid-template-columns:46px 1fr auto;gap:1.5ch;align-items:center;padding:15px;border-top:1px solid currentColor;border-left:1px solid currentColor}.instrument:nth-child(-n+2){border-top:none}.instrument:nth-child(odd){border-left:none}.instrument-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:var(--bone-t);font:800 12px/1 var(--mono)}.instrument>div{display:flex;flex-direction:column}.instrument>div>b{text-transform:uppercase}.instrument>div>small,.instrument-term>small{font:650 7px/1.4 var(--mono);letter-spacing:.06em;opacity:.55}.instrument-term{display:flex;flex-direction:column;text-align:right}.instrument-term>b{font-size:12px}.terms-disclosure{margin-top:12px;opacity:.52}

.mastery-stage>h2{font:850 clamp(45px,6.5vw,96px)/.98 var(--sans);letter-spacing:-.045em;max-width:18ch;margin:18px 0}.mastery-stage>p{font:550 clamp(17px,1.6vw,22px)/1.5 var(--sans);max-width:60ch}.mastery-action{border-top:1.5px solid currentColor;margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;gap:2ch;align-items:center}

@media(max-width:1100px){
  .master-grid{grid-template-columns:1fr}.master-card{grid-template-columns:260px 1fr}.pair-grid{grid-template-columns:1fr 1fr}.pair-card:last-child{grid-column:1/-1}.rising-grid{grid-template-columns:1fr}
  .artist-hero{grid-template-columns:minmax(240px,.65fr) 1.35fr}.artist-metrics{grid-template-columns:1fr 1fr}.artist-metrics>div:nth-child(3){border-left:none}.artist-harnesses{grid-template-columns:1fr 1fr}.cohort-row{grid-template-columns:1fr}
  .identity-grid{grid-template-columns:1fr}.identity-card{grid-template-columns:260px 1fr}
}
@media(max-width:760px){
  .profiles-page,.profile-page{padding-bottom:150px}.talent-hero-grid{grid-template-columns:1fr;gap:25px;padding-top:26px}.talent-hero h1{font-size:clamp(42px,12vw,62px)}.talent-hero p{padding-top:0}.talent-live{grid-template-columns:auto 1fr}.talent-live span{grid-column:2;text-align:left}
  .talent-section-head,.profile-section-head{align-items:flex-start;flex-direction:column}.talent-section-head h2,.profile-section-head h2{font-size:34px}
  .master-card{grid-template-columns:1fr}.master-portrait{min-height:300px}.master-stats{grid-template-columns:1fr 1fr 1fr}.master-uri{grid-template-columns:1fr auto}.master-uri .barcode{display:none}
  .live-row{grid-template-columns:auto 1fr auto 1ch}.live-row .harness-mix{grid-column:2/-1;grid-row:2}.live-row>strong{grid-column:3}.pair-grid{grid-template-columns:1fr}.pair-card:last-child{grid-column:auto}.rising-card{grid-template-columns:90px 1fr auto}.rising-mono .monogram{width:80px;height:80px}.ladder-track{grid-template-columns:1fr}.ladder-rung{border-left:none;border-top:1px solid currentColor;min-height:210px}.ladder-rung:first-child{border-top:none}.ladder-rung p{min-height:0}.ladder-close{flex-direction:column}
  .artist-hero{grid-template-columns:1fr;padding:18px}.artist-copy h1{font-size:clamp(48px,15vw,76px)}.artist-metrics{grid-template-columns:1fr 1fr}.artist-credential{grid-template-columns:1fr}.artist-credential .barcode{display:none}.artist-credential>.lab{display:none}
  .artist-live-title{flex-direction:column}.artist-live-title>.lab{text-align:left}.artist-harnesses{grid-template-columns:1fr 1fr}.signature-stage{grid-template-columns:1fr;padding:18px}.signature-copy h2{font-size:48px}
  .profile-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.profile-play{flex:0 0 min(78vw,320px);scroll-snap-align:start}.profile-play .cover-play{opacity:1;transform:none}
  .influence-grid{grid-template-columns:1fr}.influence-number{border-left:none;border-top:1px solid currentColor}.influence-number:first-child{border-top:none}.remix-ledger>a{grid-template-columns:1fr}.cohort-row>a{grid-template-columns:58px 1fr auto}
  .instrument-grid{grid-template-columns:1fr}.instrument,.instrument:nth-child(-n+2),.instrument:nth-child(odd){border-left:none;border-top:1px solid currentColor}.instrument:first-child{border-top:none}.instrument{grid-template-columns:42px 1fr}.instrument-term{grid-column:2;text-align:left}
  .mastery-action{align-items:flex-start;flex-direction:column}
  .identity-card{grid-template-columns:1fr}.identity-face{min-height:280px}.identity-proof{grid-template-columns:1fr}.identity-proof>span,.identity-proof>span:nth-child(-n+2),.identity-proof>span:nth-child(odd){border-left:0;border-top:1px solid var(--rule)}.identity-proof>span:first-child{border-top:0}
  .identity-domain{grid-template-columns:1fr;gap:6px}.identity-lineage{grid-template-columns:1fr}.identity-lineage>a+a{border-left:0;border-top:1px solid var(--ink)}
  .identity-relation-grid{grid-template-columns:1fr}.identity-relation-grid>div+div{border-left:0;border-top:1px solid var(--ink)}
  .agent-authorization{grid-template-columns:1fr}.authorization-sheet{grid-template-columns:1fr}.authorization-sheet>span,.authorization-sheet>span:nth-child(-n+2),.authorization-sheet>span:nth-child(odd){border-left:0;border-top:1px solid var(--rule)}.authorization-sheet>span:first-child{border-top:0}
}

}