/* One variable file for the whole weight range. Five @font-face rules used to point
   at five byte-identical copies, and the browser fetched each URL separately. */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('hanken-grotesk/hanken-grotesk-variable.woff2') format('woff2');
}

/* Variable too: 48 KB here against ~96 KB for the four static weights the pages ask
   for. Declaring it costs nothing to pages that never apply it. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('inter/inter-variable.woff2') format('woff2');
}

/* Open Sans is the main face on bio and join-now. Variable as well. */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('open-sans/open-sans-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('instrument-serif/instrument-serif-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('instrument-serif/instrument-serif-400.woff2') format('woff2');
}