/* OFF — teaser web. Self-hosted fonts, matching the off_web_teaser.pen variables:
   font-display -> Gabarito        (logotype only, weight 500)
   font-headline / font-subhead / font-sans -> Inter Tight
   font-mono -> IBM Plex Mono
   Inter Tight is served by Google as one variable file (wght 100..900), which
   covers every weight used in the design (200 / 400 / 600).
   IBM Plex Mono Regular is the local full TTF because the particle and terrain
   rasters need the box-drawing glyphs (U+2500, U+2501, U+2588) that Google's
   latin subset does not ship. */

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(./assets/fonts/inter-tight-var.woff2) format('woff2');
}

@font-face {
  font-family: 'Gabarito';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/gabarito-500.woff2) format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/fonts/plex-mono-400.ttf) format('truetype');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/plex-mono-600.woff2) format('woff2');
}