:root{color-scheme:light dark;--bg:light-dark(#f6f4ef,#121211);--surface:light-dark(#fff,#1c1c1a);--ink:light-dark(#1b1a17,#eeebe4);--muted:light-dark(#6b675f,#9b978f);--rule:light-dark(#dcd8cf,#2f2e2b);--accent:light-dark(#b4441c,#ef8355);--ui:system-ui, -apple-system, "Segoe UI", sans-serif;--h-family:fp-none;--h-weight:700;--h-style:normal;--h-fvs:normal;--h-size:4;--b-family:fp-none;--b-weight:400;--b-style:normal;--b-fvs:normal;--b-size:1.125;--b-em-family:var(--b-family);--b-em-fvs:var(--b-fvs);--b-em-style:italic;--b-strong-family:var(--b-family);--b-strong-weight:700;--b-strong-em-family:var(--b-em-family)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--ui);margin:0}.panel{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);padding:.875rem 1rem;font-size:.8125rem;position:sticky;top:0}.panel__inner{grid-template-columns:1fr 1fr auto;align-items:start;gap:.75rem 1.5rem;max-width:72rem;margin:0 auto;display:grid}.role{gap:.375rem;min-width:0;display:grid}.role__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:600}.role__row{grid-template-columns:minmax(0,3fr) minmax(0,2fr) 5.5rem;gap:.375rem;display:grid}select,button,input[type=range]{font:inherit;color:inherit}select,button{background:var(--surface);border:1px solid var(--rule);border-radius:6px;min-width:0;padding:.4rem .5rem}button{cursor:pointer;white-space:nowrap}button:hover,select:hover{border-color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.size{align-items:center;gap:.25rem;display:flex}.size input{width:100%;accent-color:var(--accent)}.axes{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.25rem .75rem;display:grid}.axes:empty{display:none}.axis{font-variant-numeric:tabular-nums;grid-template-columns:2.75rem 1fr 2.5rem;align-items:center;gap:.375rem;display:grid}.axis input{width:100%;accent-color:var(--accent)}.axis output{text-align:right;color:var(--muted)}.axis span{font-family:ui-monospace,monospace;font-size:.75rem}.actions{gap:.375rem;padding-top:1.1rem;display:flex}.status{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;gap:1rem;display:flex}.status b{color:var(--ink);font-weight:500}@media (width<=52rem){.panel__inner{grid-template-columns:1fr}.actions{padding-top:0}}.specimen{grid-template-columns:minmax(0,1fr);gap:3rem;max-width:72rem;margin:0 auto;padding:3rem 1rem 6rem;display:grid}.h,.specimen h1,.specimen h2,.specimen blockquote,.kicker{font-family:var(--h-family), Georgia, serif;font-weight:var(--h-weight);font-style:var(--h-style);font-variation-settings:var(--h-fvs);font-synthesis:none}.b,.specimen p,.specimen li,.standfirst{font-family:var(--b-family), Georgia, serif;font-weight:var(--b-weight);font-style:var(--b-style);font-variation-settings:var(--b-fvs)}.specimen em{font-family:var(--b-em-family), Georgia, serif;font-style:var(--b-em-style);font-variation-settings:var(--b-em-fvs)}.specimen strong{font-family:var(--b-strong-family), Georgia, serif;font-weight:var(--b-strong-weight)}.specimen strong em,.specimen em strong{font-family:var(--b-strong-em-family), Georgia, serif;font-weight:var(--b-strong-weight)}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.9rem}.specimen h1{font-size:calc(var(--h-size) * 1rem);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.02}.standfirst{font-size:calc(var(--b-size) * 1.35rem);color:var(--muted);text-wrap:pretty;max-width:40em;margin:1.5rem 0 0;line-height:1.4}.byline{color:var(--muted);margin-top:1.5rem;font-size:.8125rem}.article{font-size:calc(var(--b-size) * 1rem);grid-template-columns:minmax(0,38em) minmax(0,1fr);gap:0 3rem;display:grid}.article__body{line-height:1.6}.article__body p{text-wrap:pretty;margin:0 0 1.1em}.article__body>p:first-child:first-letter{font-family:var(--h-family), Georgia, serif;font-weight:var(--h-weight);font-variation-settings:var(--h-fvs);float:left;color:var(--accent);margin:.06em .08em 0 0;font-size:4.2em;line-height:.85}.specimen h2{font-size:calc(var(--h-size) * .45rem);text-wrap:balance;margin:1.6em 0 .6em;line-height:1.1}.specimen blockquote{font-size:calc(var(--h-size) * .5rem);text-wrap:balance;border-top:3px solid var(--accent);align-self:start;margin:0;padding-top:1rem;line-height:1.15;position:sticky;top:12rem}.specimen blockquote footer{font:.8125rem var(--ui);color:var(--muted);margin-top:1rem}.specimen ul{margin:0 0 1.1em;padding-left:1.2em}.specimen li{margin-bottom:.35em}@media (width<=52rem){.article{grid-template-columns:1fr}.specimen blockquote{margin:1rem 0 2rem;position:static}}.glyphs{border-top:1px solid var(--rule);gap:1.5rem;padding-top:2rem;display:grid}.glyphs__row{grid-template-columns:6rem minmax(0,1fr);align-items:baseline;gap:1rem;display:grid}.glyphs__row>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.glyphs .h{font-size:calc(var(--h-size) * .55rem);overflow-wrap:anywhere;line-height:1.15}.glyphs .b{font-size:calc(var(--b-size) * 1.25rem);overflow-wrap:anywhere;line-height:1.4}@media (width<=40rem){.glyphs__row{grid-template-columns:1fr;gap:.25rem}}.is-loading .specimen{opacity:.6;transition:opacity .2s}