.guide-hero{position:relative;z-index:1;min-height:62svh;display:flex;flex-direction:column;justify-content:flex-end;padding:140px var(--pad) 56px;max-width:1200px;margin:0 auto}.guide-hero .m-eyebrow-lg{font-family:var(--mono);font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-dim)}.guide-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(42px,7.4vw,110px);line-height:.96;text-transform:uppercase;margin:20px 0 26px}.guide-hero .lede{max-width:62ch;font-weight:300;font-size:clamp(17px,1.7vw,22px);line-height:1.6;color:var(--ink-dim)}.guide-hero .lede strong{color:var(--ink);font-weight:500}.toc{max-width:1200px;margin:0 auto;padding:0 var(--pad) 30px;display:flex;flex-wrap:wrap;gap:8px 22px;border-bottom:1px solid var(--hairline)}.toc a{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);transition:color .25s ease}.toc a:hover{color:var(--ink)}.toc a b{color:var(--ink-dim);font-weight:400;margin-right:6px}.article{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:20px var(--pad) 60px}.article section{padding-top:clamp(40px,7vh,84px)}.article .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint)}.article h2{font-family:var(--display);font-weight:600;font-size:clamp(26px,3.4vw,46px);text-transform:uppercase;letter-spacing:.02em;line-height:1.04;margin:12px 0 22px}.article h3{font-family:var(--display);font-weight:500;font-size:clamp(19px,1.8vw,24px);margin:34px 0 12px}.article p,.article li{max-width:72ch;font-weight:300;font-size:16.5px;line-height:1.72;color:var(--ink-dim)}.article p strong,.article li strong{color:var(--ink);font-weight:500}.article p+p{margin-top:14px}.article ul,.article ol{margin:14px 0 14px 22px}.article li{margin-bottom:9px}.article li::marker{color:var(--accent, #f4f4f2);font-family:var(--mono);font-size:12px}.article a:not(.site-guide){border-bottom:1px solid rgba(244,244,242,.35);transition:border-color .25s ease,color .25s ease}.article a:not(.site-guide):hover{color:#fff;border-color:#fff}.article code{font-family:var(--mono);font-size:13px;color:var(--ink);background:#f4f4f212;padding:1px 6px;border-radius:3px}.article pre{margin:20px 0;padding:20px 22px;border:1px solid var(--hairline);border-radius:6px;background:#0a0a0c;overflow-x:auto}.article pre code{background:none;padding:0;font-size:12.5px;line-height:1.7;color:#cfd2cd;display:block;white-space:pre}.article pre .c{color:#f4f4f259}.article pre .g{color:#9ee493}.article pre .y{color:#e8c268}.callout{margin:22px 0;padding:18px 22px;border-left:2px solid var(--ink);background:#f4f4f20a;border-radius:0 6px 6px 0}.callout p{font-size:15.5px}.spec-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.spec-table th,.spec-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--hairline);font-weight:300;color:var(--ink-dim);vertical-align:top}.spec-table th{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-weight:400}.spec-table td:first-child{color:var(--ink);white-space:nowrap;font-weight:400}.spec-table-wrap{overflow-x:auto}.specimen{display:grid;gap:1px;grid-template-columns:1fr 1fr;background:var(--hairline);border:1px solid var(--hairline);border-radius:6px;overflow:hidden;margin:22px 0}@media(max-width:760px){.specimen{grid-template-columns:1fr}}.specimen>div{background:var(--void);padding:26px}.specimen .type-clash{font-family:var(--display);font-weight:600;font-size:clamp(30px,3.6vw,52px);line-height:1;text-transform:uppercase}.specimen .type-switzer{font-weight:300;font-size:17px;margin-top:12px;color:var(--ink-dim)}.specimen .swatches{display:flex;flex-wrap:wrap;gap:10px}.specimen .sw{width:74px;height:74px;border-radius:5px;border:1px solid var(--hairline);display:flex;align-items:flex-end;padding:6px;font-family:var(--mono);font-size:8.5px;letter-spacing:.06em}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:26px}.site-guide{display:block;border:1px solid var(--hairline);border-radius:6px;padding:16px 18px;transition:border-color .3s ease,background-color .3s ease,transform .3s var(--ease-out)}.site-guide:hover{border-color:color-mix(in oklab,var(--ga) 65%,transparent);background:color-mix(in oklab,var(--ga) 7%,transparent);transform:translateY(-2px)}.site-guide .n{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--ga)}.site-guide .b{display:block;font-family:var(--display);font-weight:500;font-size:18px;margin:6px 0 2px;color:var(--ink)}.site-guide .t{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.guide-footer-nav{max-width:1200px;margin:40px auto 0;padding:0 var(--pad)}.guide-footer-nav a{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--hairline);border-radius:99px;padding:12px 26px;transition:color .3s ease,border-color .3s ease}.guide-footer-nav a:hover{color:var(--ink);border-color:var(--ink-dim)}