/* ============================================================
 * Self-hosted Avenir — David 2026-07-20.
 *
 * Chrome on macOS wasn't matching 'Avenir Next' via the CSS font stack
 * (system fallthrough was picking SF Pro Heavy, which looked stiff /
 * blocky on the CREATE OPS intro). Self-hosting the licensed TTFs
 * guarantees the correct render everywhere.
 *
 * Weights loaded (matching Genesis's brand canon — Avenir first, not
 * Avenir Next):
 *   400 → Regular  (body copy)
 *   500 → Medium   (mid-emphasis)
 *   800 → Heavy    (headings)
 *   900 → Black    (max-weight display, e.g. the CREATE OPS intro)
 *
 * font-display: swap so a system fallback paints immediately while
 * the TTF loads in the background — no invisible-text flash.
 * ============================================================ */

@font-face {
  font-family: 'Avenir';
  src: url('/fonts/Avenir-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url('/fonts/Avenir-Book.ttf') format('truetype');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url('/fonts/Avenir-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url('/fonts/Avenir-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url('/fonts/Avenir-Heavy.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src: url('/fonts/Avenir-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}