/* ------------------------------------------------------------------ *
 *  type-mixed.css — the artistic build (/artistic/…).
 *  Every role gets its OWN typeface. Same layout, same colour, same
 *  restraint — the noise is entirely in the letterforms. Each of the
 *  three big words is a different family too.
 * ------------------------------------------------------------------ */

:root {
  --font-word-1:  'Bricolage Grotesque', var(--font-fallback);  /* moving images */
  --font-word-2:  'Instrument Serif', Georgia, serif;           /* stills */
  --font-word-3:  'DM Mono', ui-monospace, monospace;           /* other projects */
  --font-display: 'Fraunces', Georgia, serif;                   /* gallery titles */
  --font-body:    'Newsreader', Georgia, serif;                 /* notes, intro */
  --font-caption: 'Syne', var(--font-fallback);                 /* captions */
  --font-meta:    'EB Garamond', Georgia, serif;                /* year · medium */
  --font-ui:      'Space Mono', ui-monospace, monospace;        /* back link, wordmark */
}

/* a few families have no 300 — hold the big words at regular here */
.three__word { font-weight: 400; letter-spacing: -0.01em; }
.three__word:nth-child(2) { font-size: calc(var(--big) * 1.2); letter-spacing: 0; }  /* serif runs small */
.three__word:nth-child(3) { font-size: calc(var(--big) * 0.8); letter-spacing: -0.03em; }  /* mono runs wide */
.g-title { font-weight: 400; }
.preview__cap { letter-spacing: 0.02em; }