/* Display is Source Serif 4 at weight 500, always. Text is Instrument Sans.
   Weight has exactly three roles: 400 prose, 500 structure, 600 button labels only.
   13px is the hard floor for every element on the site. */
:root{
  /* Display scale — serif, weight 500 */
  --display-page:62px;      /* page h1 */
  --display-cta:56px;       /* dark-band headline */
  --display-article:52px;   /* article h1 / big figure headline */
  --display-section:38px;   /* section h2 */
  --display-sub:30px;       /* article h2 */
  --display-card:24px;      /* card statement */
  --display-quote:23px;     /* pull quote / closing beat */
  --display-tile:21px;      /* aside + small card statement */

  /* Figures — serif, tabular */
  --figure-anchor:clamp(104px,calc(20vw - 20px),200px); /* @kind font */
  --figure-band:36px;       /* proof band on a page */
  --figure-band-compact:34px;
  --figure-row:22px;        /* table cell figure */
  --figure-step:28px;       /* numbered-step numeral */

  /* Text scale — sans */
  --text-lead:19px;         /* hero + section lead, and long-form body */
  --text-subhead:17.5px;
  --text-intro:16.5px;      /* card lead sentence, ink */
  --text-body:15.5px;       /* running copy */
  --text-list:15px;         /* card bullets, muted */
  --text-ui:14.5px;         /* nav, footer links, button labels in nav */
  --text-button:15.5px;
  --text-caption:14px;      /* stat captions, fine print */
  --text-label:13px;        /* hard floor */

  /* Line heights */
  --lh-display:1.1; /* @kind font */
  --lh-display-tight:1.08; /* @kind font */
  --lh-heading:1.2; /* @kind font */
  --lh-statement:1.35; /* @kind font */
  --lh-body:1.7; /* @kind font */
  --lh-longform:1.75; /* @kind font */
  --lh-caption:1.5; /* @kind font */
  --lh-label:1.2; /* @kind font */
  --lh-figure:0.76; /* @kind font */

  /* Letter spacing */
  --track-display:-0.018em; /* @kind font */
  --track-display-loose:-0.015em; /* @kind font */
  --track-section:-0.01em; /* @kind font */
  --track-figure:-0.03em; /* @kind font */
  --track-eyebrow:0.22em; /* @kind font */
  --track-tagline:0.11em; /* @kind font */
  --track-subhead:0.14em; /* @kind font */
  --track-column:0.16em; /* @kind font */

  /* Weights */
  --weight-body:400; /* @kind font */
  --weight-structure:500; /* @kind font */
  --weight-button:600; /* @kind font */

  /* Optical offset for a display figure sitting on a row line */
  --figure-optical-offset:-0.043em; /* @kind font */

  /* Measure ceilings */
  --measure-display:22ch; /* @kind other */
  --measure-section:32ch; /* @kind other */
  --measure-lead:64ch; /* @kind other */
  --measure-longform:75ch; /* @kind other */
  --measure-body:60ch; /* @kind other */
  --measure-card-3up:48ch; /* @kind other */
  --measure-stat-caption:34ch; /* @kind other */
  /* Narrowing cascade — proportional, never fixed px */
  --cascade-headline:min(1040px,100%); /* @kind other */
  --cascade-lead:min(780px,75%); /* @kind other */
}