:root{color-scheme:dark;--bg: #121014;--bg-2: #17151a;--bg-3: #1e1c22;--paper: #efe9df;--paper-2: #e5ddd0;--text: #efe9df;--text-soft: #c9c2b6;--text-dim: #a29b90;--text-faint: #7d776d;--ink: #17140f;--ink-soft: #4f483e;--ink-dim: #6b6358;--line: rgb(239 233 223 / 10%);--line-strong: rgb(239 233 223 / 20%);--line-dark: rgb(23 20 15 / 12%);--crt: #6f86ff;--crt-soft: #9fb0ff;--crt-glow: rgb(111 134 255 / 55%);--amber: #ffb547;--green: #4ff08f;--orange: #ff6a2b;--hw-hi: #36343c;--hw: #29272e;--hw-lo: #1f1d23;--hw-edge: #47444e;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-sans: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;--fs-micro: .72rem;--fs-xs: .8rem;--fs-sm: .9rem;--fs-body: 1.0625rem;--fs-lede: clamp(1.08rem, 1rem + .35vw, 1.3rem);--fs-h3: clamp(1.4rem, 1.1rem + 1vw, 2rem);--fs-h2: clamp(2.4rem, 1.2rem + 4.2vw, 5.4rem);--fs-display: clamp(3.1rem, 1rem + 6.6vw, 8.4rem);--gutter: clamp(20px, 4vw, 56px);--section-y: clamp(5.5rem, 3rem + 8vw, 11rem);--maxw: 1400px;--edge: max(var(--gutter), calc((100% - var(--maxw)) / 2));--measure: 34em;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-pill: 999px;--e-out: cubic-bezier(.2, .8, .2, 1);--e-in-out: cubic-bezier(.7, 0, .2, 1);--e-spring: cubic-bezier(.34, 1.4, .5, 1);--t-fast: .2s;--t-med: .45s}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{min-height:100svh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;letter-spacing:-.005em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis-weight:none}img,svg,canvas,video{display:block;max-width:100%}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:650;line-height:1;letter-spacing:-.035em;text-wrap:balance}.accent{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--crt);filter:drop-shadow(0 0 .22em rgb(111 134 255 / 45%));padding-right:.04em}.on-paper .accent{color:#3f52d6;filter:none}::selection{background:var(--crt);color:#0b0c18}:focus-visible{outline:2px solid var(--crt);outline-offset:3px;border-radius:4px}.on-paper :focus-visible{outline-color:#3f52d6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:50%;z-index:300;padding:.75rem 1.25rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--paper);border-radius:0 0 var(--r-sm) var(--r-sm);transform:translate(-50%,-110%);transition:transform var(--t-fast) var(--e-out)}.skip-link:focus-visible{transform:translate(-50%)}.mono-label{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.on-paper .mono-label{color:var(--ink-dim)}.section{position:relative;padding:var(--section-y) var(--gutter)}.wrap{max-width:var(--maxw);margin-inline:auto}.on-paper{color:var(--ink);background:var(--paper)}.section__title{font-size:var(--fs-h2);line-height:.94;letter-spacing:-.045em}.section__lede{max-width:var(--measure);font-size:var(--fs-lede);line-height:1.55;color:var(--text-soft);text-wrap:pretty}.on-paper .section__lede{color:var(--ink-soft)}.key{--key-face: var(--paper);--key-edge: #b9b1a4;--key-ink: var(--ink);display:inline-flex;gap:.6rem;align-items:center;padding:.85rem 1.3rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--key-ink);background:var(--key-face);border-radius:12px;box-shadow:0 3px 0 var(--key-edge),0 12px 26px #00000052;transition:transform .14s var(--e-out),box-shadow .14s var(--e-out),background-color var(--t-fast) var(--e-out)}.key:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--key-edge),0 16px 30px #00000057}.key:active{transform:translateY(3px);box-shadow:0 0 0 var(--key-edge),0 4px 10px #0000004d}.key i{width:8px;height:8px;border-radius:2px;background:var(--orange)}.key--sm{padding:.65rem 1rem;font-size:.875rem}.key--dark{--key-face: var(--hw-hi);--key-edge: #0d0c10;--key-ink: var(--text)}.textlink{display:inline-flex;gap:.4rem;align-items:center;padding-bottom:3px;font-size:var(--fs-sm);border-bottom:1px solid var(--line-strong);transition:border-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out)}.textlink:hover{color:var(--crt-soft);border-color:var(--crt)}.on-paper .textlink{border-color:var(--line-dark)}.on-paper .textlink:hover{color:#3f52d6;border-color:#3f52d6}[data-reveal]{opacity:0;transform:translate3d(0,26px,0);transition:opacity .85s var(--e-out),transform .85s var(--e-out);transition-delay:var(--d, 0s)}[data-reveal].is-in{opacity:1;transform:none}html.js-split [data-split]:not([data-split-done]){opacity:0}.line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.line>span{display:block;transform:translate3d(0,115%,0);transition:transform 1s var(--e-out);transition-delay:var(--d, 0s)}.is-in .line>span,.line.is-in>span{transform:none}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-leave .5s var(--e-in-out) both}::view-transition-new(root){animation:vt-enter .7s var(--e-out) .12s both}::view-transition-group(case-shot){animation-duration:.75s;animation-timing-function:var(--e-in-out)}::view-transition-old(case-shot),::view-transition-new(case-shot){height:100%;object-fit:cover;object-position:top}@keyframes vt-leave{to{opacity:0;transform:translateY(-3vh) scale(.985)}}@keyframes vt-enter{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.curtain{position:fixed;inset:0;z-index:500;pointer-events:none;background:var(--bg-3);transform:translateY(100%)}html.is-leaving .curtain{transform:translateY(0);transition:transform .45s var(--e-in-out)}html.is-arriving .curtain{transform:translateY(0)}html.is-arrived .curtain{transform:translateY(-100%);transition:transform .6s var(--e-in-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal],.line>span{opacity:1!important;transform:none!important}@view-transition{navigation:none}}.nav{position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:18px var(--edge);transition:background-color var(--t-med) var(--e-out),transform var(--t-med) var(--e-out),box-shadow var(--t-med) var(--e-out)}.nav.is-solid{background:#121014d1;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--line)}.nav.is-hidden{transform:translateY(-100%)}.nav__brand{display:inline-flex;gap:.7rem;align-items:center;justify-self:start;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.nav__mark{width:28px;height:28px}.nav__links{display:flex;gap:clamp(1.25rem,2.4vw,2.4rem);font-size:var(--fs-sm);color:var(--text-dim)}.nav__links a{position:relative;padding-block:.4rem;transition:color var(--t-fast) var(--e-out)}.nav__links a:hover,.nav__links a.is-active{color:var(--text)}.nav__links a.is-active:after{position:absolute;bottom:-2px;left:50%;width:4px;height:4px;content:"";background:var(--crt);border-radius:50%;box-shadow:0 0 8px var(--crt);transform:translate(-50%)}.nav__cta{justify-self:end}.nav__kit{display:inline-flex;gap:.45rem;align-items:center}.nav__kit[aria-current=page]{color:var(--text)}.nav__badge{padding:.12rem .4rem;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0b1a10;background:var(--green);border-radius:5px}.nav__toggle{display:none;place-items:center;justify-self:end;width:44px;height:44px;background:var(--hw);border:1px solid var(--hw-edge);border-radius:12px}.nav__toggle i{grid-area:1 / 1;display:block;width:16px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .4s var(--e-out)}.nav__toggle i:first-of-type{transform:translateY(-3px)}.nav__toggle i:last-of-type{transform:translateY(3px)}.nav__toggle[aria-expanded=true] i:first-of-type{transform:rotate(45deg)}.nav__toggle[aria-expanded=true] i:last-of-type{transform:rotate(-45deg)}@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav__links,.nav__cta{display:none}.nav__toggle{display:grid}}.menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:space-between;padding:104px var(--gutter) 40px;background:var(--bg);opacity:0;transition:opacity .35s var(--e-out)}.menu[hidden]{display:none}.menu.is-open{opacity:1}.menu__links{display:grid}.menu__links a{display:flex;align-items:baseline;justify-content:space-between;padding-block:.9rem;font-family:var(--font-display);font-size:clamp(2.2rem,9vw,3.4rem);font-weight:600;letter-spacing:-.04em;border-bottom:1px solid var(--line);transform:translateY(16px);opacity:0;transition:transform .5s var(--e-out),opacity .5s var(--e-out)}.menu.is-open .menu__links a{transform:none;opacity:1}.menu.is-open .menu__links a:nth-child(2){transition-delay:.04s}.menu.is-open .menu__links a:nth-child(3){transition-delay:.08s}.menu.is-open .menu__links a:nth-child(4){transition-delay:.12s}.menu.is-open .menu__links a:nth-child(5){transition-delay:.16s}.menu__links em{font-family:var(--font-mono);font-size:var(--fs-xs);font-style:normal;color:var(--crt-soft)}.menu__foot{display:grid;gap:.4rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.menu__foot a{color:var(--crt-soft)}.footer{padding:clamp(4rem,2rem + 6vw,8rem) var(--gutter) 2rem;background:var(--bg);border-top:1px solid var(--line)}.footer__word{font-family:var(--font-display);font-size:clamp(3rem,12vw,11.5rem);font-weight:700;line-height:.85;letter-spacing:-.06em;white-space:nowrap}.footer__word .accent{letter-spacing:-.04em}.footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:clamp(3rem,2rem + 3vw,5rem);padding-top:2rem;border-top:1px solid var(--line)}.footer__cols>*{display:grid;gap:.55rem;align-content:start}.footer__cols h2{margin-bottom:.4rem;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.16em}.footer__cols a,.footer__cols span{font-size:var(--fs-sm);color:var(--text-dim);transition:color var(--t-fast) var(--e-out)}.footer__cols a:hover{color:var(--text)}.footer__base{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;color:var(--text-dim);border-top:1px solid var(--line)}@media(max-width:760px){.footer__cols{grid-template-columns:1fr 1fr}.footer__cols>:last-child{grid-column:1 / -1}}.bg-hero{padding:150px var(--gutter) clamp(3rem,2rem + 4vw,6rem);background:radial-gradient(40% 60% at 85% 10%,rgb(111 134 255 / 14%),transparent 70%),radial-gradient(30% 40% at 5% 100%,rgb(255 106 43 / 8%),transparent 70%),var(--bg);border-bottom:1px solid var(--line)}.bg-hero .wrap{display:grid;gap:1.6rem}.bg-hero__title{max-width:14ch;font-size:clamp(3rem,1rem + 6.4vw,8rem);font-weight:700;line-height:.9;letter-spacing:-.055em}.bg-hero__title .accent{display:block}.bg-hero__lede{max-width:38em;font-size:var(--fs-lede);line-height:1.55;color:var(--text-soft);text-wrap:pretty}.bg-layout{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:clamp(2rem,5vw,6rem);padding:0 var(--gutter)}.bg-toc{position:sticky;top:110px;align-self:start;padding-top:clamp(4rem,3rem + 3vw,6rem)}.bg-toc ol{display:grid;gap:.15rem;margin-top:1rem;counter-reset:toc}.bg-toc li{counter-increment:toc}.bg-toc a{display:flex;gap:.8rem;padding:.4rem .7rem;font-size:var(--fs-sm);color:var(--text-dim);border-radius:var(--r-sm);transition:color var(--t-fast) var(--e-out),background-color var(--t-fast) var(--e-out)}.bg-toc a:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--fs-micro);line-height:1.9;color:var(--text-faint)}.bg-toc a:hover,.bg-toc a.is-active{color:var(--text);background:#ffffff0a}.bg-toc a.is-active:before{color:var(--crt-soft)}.bg-sec{padding-block:clamp(4rem,3rem + 3vw,6rem);border-bottom:1px solid var(--line);scroll-margin-top:80px}.bg-sec>h2{margin:.5rem 0 1.6rem;font-size:clamp(2.2rem,1.2rem + 3vw,4rem);letter-spacing:-.045em}.bg-sec__no{color:var(--crt-soft)}.bg-intro{max-width:36em;margin-bottom:2.4rem;font-size:var(--fs-lede);line-height:1.55;color:var(--text-soft);text-wrap:pretty}.bg-sec h3{font-size:1.15rem;letter-spacing:-.02em}.bg-rules{display:grid;gap:.75rem;margin-top:1.8rem}.bg-rules li{position:relative;padding-left:1.4rem;color:var(--text-soft);text-wrap:pretty}.bg-rules li:before{position:absolute;top:.62em;left:0;width:7px;height:7px;content:"";background:var(--crt);border-radius:2px}.bg-rules b{color:var(--text);font-weight:600}.bg-rules.is-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2.4rem}.bg-promise{padding:clamp(1.6rem,1rem + 2vw,2.6rem);background:radial-gradient(70% 120% at 100% 0%,rgb(111 134 255 / 14%),transparent 70%),var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg)}.bg-promise__line{margin-top:.8rem;font-family:var(--font-display);font-size:clamp(2.4rem,1.2rem + 4vw,5rem);font-weight:700;line-height:.95;letter-spacing:-.05em}.bg-facts{display:grid;gap:0;margin-top:2rem;border-top:1px solid var(--line)}.bg-facts>div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding-block:1rem;border-bottom:1px solid var(--line)}.bg-facts dt{font-family:var(--font-mono);font-size:var(--fs-micro);line-height:2;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.bg-facts dd{color:var(--text-soft)}.bg-traits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.bg-traits li{display:grid;gap:.5rem;padding:1.4rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md)}.bg-traits b{font-family:var(--font-display);font-size:1.5rem;font-weight:650;letter-spacing:-.03em}.bg-traits span{font-size:var(--fs-sm);color:var(--text-soft)}.bg-dodont{display:grid;grid-template-columns:14rem minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start;padding-block:1.3rem;border-top:1px solid var(--line)}.bg-dodont p{padding:1rem 1.1rem;font-size:var(--fs-sm);border-radius:var(--r-md)}.bg-dodont p span{display:block;margin-bottom:.4rem;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase}.bg-dodont .is-do{background:#4ff08f12;border:1px solid rgb(79 240 143 / 30%)}.bg-dodont .is-do span{color:var(--green)}.bg-dodont .is-dont{color:var(--text-dim);background:#ff6a2b0f;border:1px solid rgb(255 106 43 / 28%)}.bg-dodont .is-dont span{color:var(--orange)}.bg-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bg-logo{display:grid;gap:1.4rem;place-items:center;min-height:220px;padding:2rem 1.4rem 1.2rem;border-radius:var(--r-lg)}.bg-logo.is-ink{background:var(--bg-2);border:1px solid var(--line)}.bg-logo.is-paper{color:var(--ink);background:var(--paper)}.bg-logo.is-sizes{grid-column:1 / -1;min-height:0}.bg-logo figcaption{align-self:end;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.bg-logo.is-paper figcaption{color:var(--ink-dim)}.bg-lockup{display:inline-flex;gap:.9rem;align-items:center;font-family:var(--font-display);font-size:clamp(1.6rem,1rem + 1.6vw,2.4rem);font-weight:600;letter-spacing:-.03em}.bg-mark{width:1.6em;height:1.6em}.bg-sizes{display:flex;gap:2.4rem;align-items:flex-end}.bg-donts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem}.bg-donts li{display:grid;gap:.8rem;font-size:var(--fs-sm);color:var(--text-soft)}.bg-dont-art{position:relative;display:grid;place-items:center;height:110px;overflow:hidden;background:var(--bg-2);border:1px solid rgb(255 106 43 / 35%);border-radius:var(--r-md)}.bg-dont-art:after{position:absolute;top:8px;right:10px;content:"✕";font-size:.9rem;color:var(--orange)}.bg-dont-art svg{width:48px;height:48px}.bg-dont-art.is-stretch svg{transform:scaleX(1.7)}.bg-dont-art.is-recolour svg{filter:hue-rotate(150deg) saturate(1.6)}.bg-dont-art.is-busy{background:repeating-linear-gradient(45deg,#ff726273 0 10px,#5fd0ff73 10px 20px),var(--bg-2)}.bg-dont-art.is-effects svg{filter:drop-shadow(6px 8px 0 #ff6a2b) drop-shadow(0 0 14px #4ff08f)}.bg-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.bg-swatches li{display:grid;grid-template-rows:auto auto auto 1fr;gap:.35rem;padding:.7rem .7rem 1.2rem;font-size:var(--fs-sm);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md)}.bg-swatch{height:110px;margin-bottom:.7rem;background:var(--sw);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff14}.bg-swatches b{padding-inline:.4rem;font-family:var(--font-display);font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.bg-swatches code,.bg-table code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--crt-soft)}.bg-swatches li>code{padding-inline:.4rem}.bg-swatches li>span:last-child{padding-inline:.4rem;color:var(--text-soft)}.bg-ratio{margin-top:2rem}.bg-ratio__bar{display:flex;height:44px;margin-top:.8rem;overflow:hidden;border:1px solid var(--line-strong);border-radius:10px}.bg-ratio__bar i{width:var(--w);background:var(--c)}.bg-ratio__legend{margin-top:.6rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.bg-table-wrap{margin-top:2rem;overflow-x:auto}.bg-table{width:100%;min-width:520px;font-size:var(--fs-sm);border-collapse:collapse}.bg-table caption{padding-bottom:.9rem;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-align:left;text-transform:uppercase;color:var(--text-dim)}.bg-table th,.bg-table td{padding:.75rem .8rem;text-align:left;border-bottom:1px solid var(--line)}.bg-table th{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.bg-table td:nth-child(3){font-family:var(--font-mono)}.bg-table .is-ok{color:var(--green)}.bg-table .is-no{font-weight:600;color:var(--orange)}.bg-fonts{display:grid;gap:1rem}.bg-fonts li{display:grid;gap:.5rem;padding:1.6rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md)}.bg-fonts li>p:last-child{font-size:var(--fs-sm);color:var(--text-soft)}.bg-font__sample{margin-bottom:.4rem;line-height:1}.bg-font__sample.is-display{font-family:var(--font-display);font-size:clamp(2.4rem,1.4rem + 3vw,4rem);font-weight:700;letter-spacing:-.045em}.bg-font__sample.is-serif{font-family:var(--font-serif);font-size:clamp(2.6rem,1.4rem + 3.4vw,4.4rem);font-style:italic;color:var(--crt)}.bg-font__sample.is-sans{font-size:clamp(1.3rem,1rem + 1vw,1.8rem);line-height:1.3}.bg-font__sample.is-mono{font-family:var(--font-mono);font-size:clamp(1.1rem,.9rem + .8vw,1.5rem);letter-spacing:.16em}.bg-font__meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.bg-font__meta b{font-weight:500;color:var(--text)}.bg-specimen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center;padding:1.6rem;margin-bottom:1rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg)}.bg-specimen .bg-rules{margin-top:0}.bg-specimen__stage{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;padding:2rem 1.4rem;background:var(--bg);border-radius:var(--r-md)}.bg-specimen__stage.is-stack{display:grid;gap:.8rem;align-items:start}.bg-specimen__heading{font-family:var(--font-display);font-size:clamp(1.7rem,1.2rem + 1.4vw,2.4rem);font-weight:650;line-height:1.02;letter-spacing:-.04em}.bg-howto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(1.6rem,3vw,3rem);align-items:start}.bg-steps{display:grid;gap:.8rem;counter-reset:step}.bg-steps li{position:relative;padding:1rem 1.1rem 1rem 3.4rem;color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);counter-increment:step}.bg-steps li:before{position:absolute;top:.95rem;left:1rem;display:grid;place-items:center;width:1.6rem;height:1.6rem;font-family:var(--font-mono);font-size:var(--fs-micro);color:#0b0c18;content:counter(step);background:var(--crt);border-radius:6px}.bg-steps b{color:var(--text);font-weight:600}.bg-example{position:sticky;top:110px;display:grid;gap:.8rem}.bg-example figcaption{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;color:var(--text-dim)}.bg-post{position:relative;display:grid;gap:1rem;align-content:center;justify-items:start;aspect-ratio:1;padding:12% 12% 12% 16%;overflow:hidden;background:radial-gradient(60% 50% at 90% 0%,rgb(111 134 255 / 18%),transparent 70%),var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-lg);container-type:inline-size}.bg-post__title{font-family:var(--font-display);font-size:12cqi;font-weight:700;line-height:.92;letter-spacing:-.05em}.bg-post__title .accent{display:block}.bg-post__body{max-width:24em;font-size:max(13px,3.6cqi);color:var(--text-soft)}.bg-post .key{pointer-events:none}.bg-post__mark{position:absolute;right:6%;bottom:6%;width:9cqi;height:9cqi}.bg-pin{position:absolute;top:var(--y);left:var(--x);display:grid;place-items:center;width:22px;height:22px;font-family:var(--font-mono);font-size:11px;color:#0b0c18;background:var(--crt);border-radius:6px;box-shadow:0 0 0 3px var(--bg);transform:translate(-50%,-50%)}.bg-tokens{margin-top:2.4rem}.bg-tokens pre{margin-top:.8rem;padding:1.4rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.75;color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md)}.bg-cta{display:grid;gap:1.4rem;justify-items:start;padding-block:clamp(5rem,3rem + 5vw,8rem)}.bg-cta h2{font-size:clamp(2.6rem,1.2rem + 4.6vw,5.6rem);font-weight:700;line-height:.92;letter-spacing:-.05em}@media(max-width:1000px){.bg-layout{grid-template-columns:minmax(0,1fr)}.bg-toc{display:none}.bg-howto{grid-template-columns:1fr}.bg-example{position:static}.bg-dodont{grid-template-columns:1fr 1fr}.bg-dodont h3{grid-column:1 / -1}.bg-specimen{grid-template-columns:1fr}}@media(max-width:760px){.bg-traits,.bg-swatches,.bg-rules.is-cols{grid-template-columns:1fr}.bg-donts{grid-template-columns:1fr 1fr}.bg-dodont{grid-template-columns:1fr}.bg-facts>div{grid-template-columns:1fr;gap:.2rem}.bg-logos{grid-template-columns:1fr}.bg-sizes{gap:1.4rem}}