:root{--sf-50:#eef2f9;--sf-100:#d6deee;--sf-200:#aebddd;--sf-300:#7e94c5;--sf-400:#4f6ca8;--sf-500:#2a4a88;--sf-600:#163266;--sf-700:#0e2a5c;--sf-800:#0a1e44;--sf-900:#061230;--sf-950:#03081c;--n-0:#fff;--n-50:#fafafb;--n-100:#f2f3f5;--n-200:#e5e7eb;--n-300:#cdd1d8;--n-400:#a2a8b3;--n-500:#6b7280;--n-600:#4b5360;--n-700:#2f3540;--n-800:#1a1e27;--n-900:#0b0f1a;--ok:#0f8a5f;--warn:#b8770a;--err:#b5311f;--info:#1456b8;--bg:var(--n-50);--surface:var(--n-0);--ink:var(--n-900);--ink-soft:var(--n-700);--muted:var(--n-500);--hairline:var(--n-200);--primary:var(--sf-700);--font-display:"Inter Tight","Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--container:1200px;--container-wide:1280px;--nav-w:280px;--pad:20px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--sf-700);color:#fff}.app{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100vh}.sidenav{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;border-right:1px solid var(--hairline);background:var(--surface);padding:var(--s-8) var(--s-6);overflow-y:auto}.sidenav__brand{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-10)}.sidenav__brand-text{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--ink)}.sidenav__brand-version{display:block;font-size:10px;letter-spacing:.08em;margin-top:2px}.sidenav__brand-version,.sidenav__title{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase}.sidenav__title{font-size:11px;letter-spacing:.12em;margin:0 0 var(--s-3)}.sidenav__list{list-style:none;padding:0;margin:0 0 var(--s-8)}.sidenav__list a{display:flex;gap:var(--s-3);align-items:baseline;padding:7px 0;color:var(--ink-soft);text-decoration:none;font-size:14px;border-bottom:1px dashed transparent;transition:color .15s}.sidenav__list a:hover{color:var(--primary)}.sidenav__list a.is-active{color:var(--primary);font-weight:600}.sidenav__num{font-family:var(--font-mono);font-size:11px;color:var(--muted);width:22px;flex-shrink:0}.sidenav__list a.is-active .sidenav__num{color:var(--primary)}.sidenav__foot{border-top:1px solid var(--hairline);padding-top:var(--s-5);font-family:var(--font-mono);font-size:11px;color:var(--muted);line-height:1.6}.main{min-width:0}.page{max-width:var(--container);padding:var(--s-20) var(--s-12);margin:0 auto;border-bottom:1px solid var(--hairline)}.page--wide{max-width:var(--container-wide)}.page--cover{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:var(--sf-700);color:#fff;max-width:none;padding:var(--s-12)}.eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);display:flex;gap:var(--s-3);align-items:center;margin:0 0 var(--s-5)}.eyebrow__num{display:inline-block;padding:3px 7px;background:var(--n-100);border-radius:4px;color:var(--ink-soft)}.page--cover .eyebrow{color:hsla(0,0%,100%,.7)}.page--cover .eyebrow__num{background:hsla(0,0%,100%,.12);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0 0 var(--s-5);text-wrap:balance}h1.display{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.035em;font-weight:600}h2.section-title{font-size:clamp(36px,5vw,56px);line-height:1.04;letter-spacing:-.03em;margin-bottom:var(--s-6)}h3.heading{font-size:24px;line-height:1.25;margin-bottom:var(--s-4)}h4.subheading{font-size:16px;font-weight:600;margin-bottom:var(--s-2);letter-spacing:0}.lede{font-family:var(--font-display);font-size:clamp(20px,2.2vw,26px);line-height:1.35;color:var(--ink-soft);font-weight:400;letter-spacing:-.015em;max-width:780px;margin:0 0 var(--s-12)}.lede,p{text-wrap:pretty}p{margin:0 0 var(--s-4);max-width:72ch}p.small{font-size:14px;color:var(--ink-soft)}.muted{color:var(--muted)}hr.rule{border:0;border-top:1px solid var(--hairline);margin:var(--s-12) 0}.grid{display:grid;grid-gap:var(--s-6);gap:var(--s-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--6{grid-template-columns:repeat(6,1fr)}@media (max-width:900px){.grid--3,.grid--4,.grid--6{grid-template-columns:repeat(2,1fr)}.grid--2{grid-template-columns:1fr}}.specimen{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}.specimen__stage{aspect-ratio:4/3;display:grid;place-items:center;background:var(--n-50);padding:var(--s-8)}.specimen__stage--dark{background:var(--sf-900)}.specimen__stage--ink{background:var(--n-900)}.specimen__stage--paper{background:#fff}.specimen__stage--gray{background:var(--n-200)}.specimen__caption{padding:var(--s-4) var(--s-5);border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);background:var(--surface)}.specimen__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.specimen__label,.specimen__meta{font-family:var(--font-mono);font-size:11px}.specimen__meta{color:var(--muted)}.swatch{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--hairline);background:var(--surface);display:flex;flex-direction:column}.swatch__chip{aspect-ratio:5/3;border-bottom:1px solid var(--hairline)}.swatch__body{padding:var(--s-3) var(--s-4) var(--s-4)}.swatch__name{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-.005em}.swatch__meta{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:2px;display:flex;justify-content:space-between}.scale-row{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:2px;gap:2px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--hairline)}.scale-row>div{aspect-ratio:1/1.6;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-2);font-family:var(--font-mono);font-size:10px;line-height:1.2}@media (max-width:900px){.scale-row{grid-template-columns:repeat(11,1fr)}.scale-row>div{aspect-ratio:1/2;padding:4px;font-size:9px}}.combo{border-radius:var(--r-md);padding:var(--s-6) var(--s-6);border:1px solid var(--hairline);display:flex;flex-direction:column;gap:var(--s-2);min-height:160px;justify-content:space-between}.combo__sample{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.015em}.combo__meta{font-family:var(--font-mono);font-size:11px;display:flex;justify-content:space-between;opacity:.85}.tag-aa,.tag-aaa{display:inline-block;border:1px solid;border-radius:4px;padding:1px 6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em}.typeline{display:grid;grid-template-columns:110px 80px 1fr;align-items:baseline;grid-gap:var(--s-6);gap:var(--s-6);padding:var(--s-5) 0;border-bottom:1px solid var(--hairline)}.typeline__name{text-transform:uppercase;letter-spacing:.08em}.typeline__meta,.typeline__name{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.typeline__sample{font-family:var(--font-display);color:var(--ink);text-wrap:balance}.icon-cell{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:var(--s-4)}.icon-cell svg{margin:auto;display:block;color:var(--ink)}.icon-cell__label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center}.dont{border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.dont__stage{aspect-ratio:5/3;display:grid;place-items:center;background:var(--n-50);position:relative;padding:var(--s-6)}.dont__stage:before{content:"";position:absolute;inset:12px;border:1.5px solid var(--err);border-radius:var(--r-sm);pointer-events:none;opacity:.7}.dont__cap{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4) var(--s-5);border-top:1px solid var(--hairline);font-size:13px;color:var(--ink-soft)}.dont__x{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--err);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.ba{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.ba>div{padding:var(--s-6)}.ba__bad{border-right:1px solid var(--hairline);background:#fff}.ba__good{background:var(--sf-50)}.ba__tag{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s-3);display:flex;align-items:center;gap:var(--s-2)}.ba__bad .ba__tag{color:var(--err)}.ba__good .ba__tag{color:var(--ok)}.ba__quote{font-family:var(--font-display);font-size:18px;line-height:1.4;letter-spacing:-.01em;color:var(--ink)}@media (max-width:720px){.ba{grid-template-columns:1fr}.ba__bad{border-right:0;border-bottom:1px solid var(--hairline)}}.scale-bars{display:flex;flex-direction:column;gap:var(--s-2)}.scale-bar{display:grid;grid-template-columns:60px 1fr 80px;grid-gap:var(--s-4);gap:var(--s-4);align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.scale-bar__bar{height:16px;background:var(--sf-700);border-radius:3px}.brand-foot{background:var(--n-900);color:#fff;padding:var(--s-16) var(--s-12)}.brand-foot__inner{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:var(--s-8);gap:var(--s-8)}.brand-foot h4{color:#fff;font-size:13px;margin-bottom:var(--s-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.brand-foot a{color:hsla(0,0%,100%,.7);text-decoration:none;display:block;padding:4px 0;font-size:14px}.brand-foot a:hover{color:#fff}@media (max-width:900px){.app{grid-template-columns:1fr}.sidenav{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--hairline);padding:var(--s-5) var(--pad)}.page{padding:var(--s-12) var(--pad)}.page--cover{padding:var(--s-8);min-height:80vh}.typeline{grid-template-columns:80px 1fr}.typeline__meta{display:none}.brand-foot__inner{grid-template-columns:1fr}.brand-foot{padding:var(--s-12) var(--pad)}}@media print{:root{--bg:#fff}body{background:#fff;font-size:11pt}.brand-foot__nav-mobile,.sidenav{display:none!important}.app{grid-template-columns:1fr}.page{page-break-after:always;padding:16mm;max-width:none;border-bottom:0}.page--cover{background:#fff!important;min-height:90vh}.page--cover,.page--cover *,.page--cover .eyebrow{color:#000!important}h1,h2,h3{page-break-after:avoid}.ba,.combo,.dont,.grid,.specimen,.swatch{page-break-inside:avoid}a{color:inherit;text-decoration:none}.brand-foot{background:#fff;color:#000;padding:16mm}.brand-foot a,.brand-foot h4{color:#000}}