:root {
  --mono: "Geist Mono", ui-monospace, Menlo, monospace; /* @kind font */
  --sans: "Geist", "Helvetica Neue", Arial, sans-serif; /* @kind font */
  --display: "Bricolage Grotesque", var(--sans);
  --font-display: var(--display);
  --font-body: var(--sans);
  --font-mono: var(--mono);

  /* body */
  --text-base: 17px;          /* 16px under 700px */
  --leading-body: 1.55;
  --text-lede: 1.12rem;
  --text-small: .9rem;
  --text-foot: .84rem;

  /* display (Bricolage 600, tight negative tracking) */
  --type-hero: clamp(3rem, 7vw, 6rem);        --leading-hero: .92;   --tracking-hero: -0.045em;
  --type-title-big: clamp(2.8rem, 7.5vw, 6.2rem); --leading-title-big: .95;
  --type-title: clamp(2.2rem, 5vw, 4rem);      --leading-title: 1.02; --tracking-title: -0.04em;
  --type-statement: clamp(2.2rem, 4.6vw, 3.8rem); --leading-statement: 1.05;
  --type-project: clamp(2rem, 3.6vw, 3rem);    --leading-project: 1;
  --type-h3: 1.3rem;                           --tracking-h3: -0.02em;
  --type-card: 1.15rem;

  /* mono labels */
  --type-kicker: .74rem;   --tracking-kicker: .2em;   /* uppercase */
  --type-eyebrow: .72rem;  --tracking-eyebrow: .06em;
  --type-index: .64rem;    --tracking-index: .2em;
  --type-wordmark-mono: .64rem; --tracking-wordmark-mono: .32em;
}