:root {
  --display: "Archivo", "Helvetica Neue", Arial, sans-serif; /* @kind font */       /* 700–900, wdth 72–88 */
  --body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif; /* @kind font */  /* 400/500/600, 17px/1.55, max 64ch */
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace; /* @kind font */         /* labels, dimensions, code */
  --hand: "Caveat", "Segoe Print", cursive; /* @kind font */                        /* situational: photo caption, margin note */
  --stencil: "Allerta Stencil", "IBM Plex Mono", monospace; /* @kind font */        /* situational: area codes */

  /* scale */
  --t-12: 12px; --t-14: 14px; --t-17: 17px; --t-24: 24px; --t-40: 40px; --t-64: 64px; --t-112: 112px;

  /* composed styles */
  --font-hero: 900 clamp(44px,8vw,112px)/.92 var(--display);   /* + font-variation-settings:"wdth" 72; letter-spacing:-.02em */
  --font-h1: 800 clamp(30px,4.5vw,52px)/1 var(--display);      /* wdth 78; -.015em */
  --font-h2: 700 24px/1.2 var(--display);                      /* wdth 88; -.005em */
  --font-h3: 700 20px/1.2 var(--display);                      /* wdth 88 */
  --font-body: 400 17px/1.55 var(--body);
  --font-lede: 400 20px/1.45 var(--body);
  --font-small: 400 14px/1.5 var(--body);
  --font-ui: 500 14px/1 var(--body);
  --font-label: 500 11px/1 var(--mono);                        /* uppercase, tracking .08em */
  --font-code: 400 13px/1.6 var(--mono);
  --font-eyebrow: 400 13px/1 var(--stencil);                   /* uppercase, tracking .12em */
  --font-decal: 400 12px/1 var(--stencil);                     /* vertical, tracking .16em */
  --font-hand: 500 22px/1.2 var(--hand);                       /* rotate -2deg, --accent-text */

  --wdth-hero: 72; /* @kind other */ --wdth-h1: 78; /* @kind other */ --wdth-h2: 88; /* @kind other */
  --track-label: .08em; /* @kind other */ --track-eyebrow: .12em; /* @kind other */ --track-decal: .16em; /* @kind other */
  --measure: 64ch; /* @kind other */
}