/* ---------------------------------------------------------------------------
   fonts.css: the two typefaces, and nothing else.

   Instrument Sans carries the body, the buttons, the labels and the small
   print. Fraunces is the display serif: every h1 and h2, the navigation, the
   card titles and the sticker sheet on Shop.

   Both were embedded in the design files as base64 TrueType. They are real
   files now, converted to woff2, which is the same outlines at about half the
   bytes: 141KB of TTF became 71KB of woff2. They are served from /fonts rather
   than from Google, so there is no third-party request in the render path and
   nothing about a visitor leaves the site on a page view.

   `font-display:swap` is kept from the design: the page paints in the fallback
   immediately and swaps when the file lands, rather than holding the text back.
   --------------------------------------------------------------------------- */

@font-face{
  font-family:Instrument;
  src:url("/fonts/instrument-sans-400.woff2") format("woff2");
  font-weight:400;
  font-display:swap;
}

@font-face{
  font-family:Instrument;
  src:url("/fonts/instrument-sans-700.woff2") format("woff2");
  font-weight:700;
  font-display:swap;
}

@font-face{
  font-family:Fraunces;
  src:url("/fonts/fraunces-700.woff2") format("woff2");
  font-weight:700;
  font-display:swap;
}