/* ============================================================
   TYPOGRAPHY — Smart-Suited Tech
   Three voices in deliberate tension: handcraft meeting engineering.
   Display (Cormorant SC) · Editorial (Cormorant) · Body (Hanken Grotesk) ·
   Precision (IBM Plex Mono).
   ============================================================ */
:root {
  /* —— Families —— */
  --font-display:'Cormorant SC', Georgia, serif;                  /* wordmark, headlines, tagline */
  --font-serif:'Cormorant','Cormorant Garamond', Georgia, serif;  /* editorial + italic emphasis */
  --font-sans:'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /* body + UI */
  --font-mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; /* eyebrows, tags, data */

  /* —— Fluid scale —— */
  --fs-display:clamp(2.7rem, 1.5rem + 4.6vw, 5.2rem); /* @kind other */
  --fs-h1:clamp(2rem, 1.4rem + 2.4vw, 3.1rem); /* @kind other */
  --fs-h2:clamp(1.45rem, 1.15rem + 1.3vw, 2rem); /* @kind other */
  --fs-lede:clamp(1.06rem, 1rem + .5vw, 1.3rem); /* @kind other */
  --fs-body:1.0625rem;   /* 17px base */
  --fs-sm:.9375rem;
  --fs-meta:.8125rem;
  --fs-micro:.6875rem;   /* mono eyebrows / labels */

  /* —— Semantic line-heights & tracking —— */
  --lh-display:1.04; /* @kind other */
  --lh-editorial:1.1; /* @kind other */
  --lh-body:1.65; /* @kind other */
  --lh-lede:1.5; /* @kind other */
  --track-display:.01em;
  --track-eyebrow:.28em;
  --track-tag:.14em;
  --track-strap:.20em;
}