.sg{padding:96px 0 var(--section-py)}.sg__head{max-width:720px;margin-bottom:24px}.sg__eyebrow{font-family:var(--font-body);letter-spacing:1.8px;text-transform:uppercase;color:var(--color-clay-brown);margin-bottom:16px;font-size:12px;font-weight:600}.sg__title{font-family:var(--font-heading);letter-spacing:-1.4px;color:var(--color-ink-black);font-size:clamp(40px,5.5vw,64px);font-weight:500;line-height:1.04}.sg__title em{color:var(--color-clay-brown);font-style:italic}.sg__lead{color:var(--color-olive-gray);margin-top:20px;font-size:19px;line-height:1.6}.sg__toc{border-top:1px solid var(--color-warm-stone);flex-wrap:wrap;gap:10px;margin-bottom:72px;padding-top:28px;display:flex}.sg__toc-link{font-family:var(--font-body);letter-spacing:.02em;color:var(--color-olive-gray);border:1px solid var(--color-soft-sand);transition:color var(--t-fast), border-color var(--t-fast), background var(--t-fast);border-radius:100px;padding:8px 14px;font-size:13px;font-weight:500}.sg__toc-link:hover{color:var(--color-paper-white);background:var(--color-ink-black);border-color:var(--color-ink-black)}.sg__toc-link:focus-visible{outline:2px solid var(--color-clay-brown);outline-offset:2px}.sg__section{margin-top:84px;scroll-margin-top:96px}.sg__section-head{border-bottom:1px solid var(--color-warm-stone);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:34px;padding-bottom:18px;display:flex}.sg__section-title{font-family:var(--font-heading);letter-spacing:-.6px;color:var(--color-ink-black);font-size:34px;font-weight:500}.sg__section-file{color:var(--color-warm-stone);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.sg__note{max-width:64ch;color:var(--color-olive-gray);margin-bottom:32px;font-size:16px;line-height:1.7}.sg__note code,.sg__section-file code{background:#1f1e1b0f;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.sg-swatches{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.sg-swatch{min-width:0}.sg-swatch__chip{border:1px solid var(--color-soft-sand);height:120px;margin-bottom:12px}.sg-swatch__name{font-family:var(--font-body);color:var(--color-ink-black);font-size:15px;font-weight:600}.sg-swatch__var{color:var(--color-olive-gray);word-break:break-all;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.sg-swatch__value{text-transform:uppercase;color:var(--color-warm-stone);margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.sg-type__row{border-bottom:1px solid var(--color-soft-sand);grid-template-columns:180px 1fr;align-items:baseline;gap:24px;padding:26px 0;display:grid}.sg-type__row:first-child{border-top:1px solid var(--color-soft-sand)}.sg-type__meta{color:var(--color-warm-stone);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7}.sg-type__meta strong{font-family:var(--font-body);color:var(--color-olive-gray);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.sg-type__sample{color:var(--color-ink-black);min-width:0}.sg-type__sample--d1{font-family:var(--font-heading);letter-spacing:-1.4px;font-size:clamp(40px,5.5vw,64px);font-weight:500;line-height:1.04}.sg-type__sample--d2{font-family:var(--font-heading);letter-spacing:-.8px;font-size:40px;font-weight:500;line-height:1.1}.sg-type__sample--d3{font-family:var(--font-heading);font-size:30px;font-weight:500;line-height:1.15}.sg-type__sample--italic{font-family:var(--font-heading);color:var(--color-clay-brown);font-size:34px;font-style:italic;font-weight:400}.sg-type__sample--lead{font-family:var(--font-body);color:var(--color-olive-gray);font-size:19px;line-height:1.6}.sg-type__sample--body{font-family:var(--font-body);font-size:16px;line-height:1.7}.sg-type__sample--small{font-family:var(--font-body);color:var(--color-olive-gray);font-size:14px;line-height:1.6}.sg-type__sample--eyebrow{font-family:var(--font-body);letter-spacing:1.8px;text-transform:uppercase;color:var(--color-clay-brown);font-size:12px;font-weight:600}.sg-specimens{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.sg-specimen{border:1px solid var(--color-soft-sand);padding:28px 30px}.sg-specimen__glyphs{color:var(--color-ink-black);word-break:break-all;margin-bottom:16px;font-size:46px;line-height:1.2}.sg-specimen__glyphs--heading{font-family:var(--font-heading);font-weight:500}.sg-specimen__glyphs--body{font-family:var(--font-body);font-size:34px;font-weight:500}.sg-specimen__name{font-family:var(--font-body);color:var(--color-ink-black);font-size:15px;font-weight:600}.sg-specimen__meta{color:var(--color-olive-gray);margin-top:6px;font-size:14px;line-height:1.6}.sg-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:32px;display:flex}.sg-row:last-child{margin-bottom:0}.sg-label{font-family:var(--font-body);letter-spacing:.11em;text-transform:uppercase;color:var(--color-warm-stone);width:100%;margin-bottom:-2px;font-size:11px;font-weight:700}.sg-row--dark{background:var(--color-charcoal-green);padding:26px 28px}.sg-row--dark .sg-label{color:var(--color-warm-stone)}.sg-fields{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:820px;display:grid}.sg-field{min-width:0}.sg-field__label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-olive-gray);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.sg-field__input{width:100%;font-family:var(--font-body);color:var(--color-ink-black);border:1px solid var(--color-soft-sand);transition:border-color var(--t-fast);background:#fff;padding:15px 16px;font-size:15px}.sg-field__input::placeholder{color:var(--color-warm-stone)}.sg-field__input:focus{border-color:var(--color-clay-brown);outline:none}.sg-field__input:disabled{background:var(--color-paper-white);color:var(--color-warm-stone);cursor:not-allowed}.sg-field__hint{color:var(--color-warm-stone);margin-top:8px;font-size:13px;line-height:1.6}.sg-icons{background:var(--color-soft-sand);border:1px solid var(--color-soft-sand);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:1px;display:grid}.sg-icon{color:var(--color-ink-black);transition:background var(--t-fast), color var(--t-fast);background:#fff;flex-direction:column;align-items:center;gap:12px;padding:22px 10px 16px;display:flex}.sg-icon:hover{background:var(--color-ink-black);color:var(--color-paper-white)}.sg-icon__name{text-align:center;word-break:break-all;color:inherit;opacity:.7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.sg-metrics{flex-direction:column;display:flex}.sg-metric{border-bottom:1px solid var(--color-soft-sand);grid-template-columns:200px 90px 1fr;align-items:center;gap:20px;padding:16px 0;display:grid}.sg-metric:first-child{border-top:1px solid var(--color-soft-sand)}.sg-metric__name{color:var(--color-ink-black);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.sg-metric__value{color:var(--color-clay-brown);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.sg-metric__bar{background:var(--color-soft-sand);max-width:100%;height:10px}.sg-metric__note{color:var(--color-olive-gray);font-size:14px;line-height:1.6}.sg-demo{gap:var(--gap) 28px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-width:820px;display:grid}.sg-callout{border-left:3px solid var(--color-clay-brown);background:#faf6f1;max-width:72ch;margin-top:40px;padding:24px 26px}.sg-callout__title{font-family:var(--font-heading);color:var(--color-ink-black);margin-bottom:8px;font-size:22px;font-weight:500}.sg-callout__text{color:var(--color-olive-gray);font-size:16px;line-height:1.7}.sg-callout__text+.sg-callout__text{margin-top:12px}.sg-callout__text code{background:#1f1e1b0f;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}@media (width<=900px){.sg-type__row{grid-template-columns:1fr;gap:12px}.sg-metric{grid-template-columns:1fr auto}.sg-metric__bar{grid-column:1/-1}}@media (width<=640px){.sg{padding:64px 0 var(--section-py)}.sg__section{margin-top:60px}.sg__toc{margin-bottom:48px}}