/* Etive Pipers - self-hosted typefaces.
   =====================================================================
   These were loaded from fonts.googleapis.com, which meant every visitor's
   IP address and user-agent reached Google before a page finished rendering.
   Nothing on the site talks to Google now.

   Sixteen woff2 files, ~292KB in total, but no page loads all of them:
     public pages   Gloock + Hanken Grotesk (5 weights) + Instrument Serif
     members area   Fredoka (4 weights) + Nunito (4 weights)
     the arcade     Press Start 2P, and only there

   Only the weights the site actually uses are declared. The italic cuts of
   Hanken Grotesk and Nunito are deliberately not included: the body faces are
   never italicised, and the italic accents on the public site are Instrument
   Serif, which is only ever used italic.

   Public type uses font-display:swap. Members type uses optional alongside
   preloads in ep-ui.php, preventing a late typeface swap from moving the
   persistent header and headings after a members page first appears.

   FALLBACKS are declared alongside each family in ep.css / ep-ui.php rather
   than here, so that a font that fails to load degrades to something with
   similar proportions instead of to the browser default.
   ===================================================================== */

/* ---------- public site ---------- */

@font-face {
  font-family: 'Gloock';
  src: url('fonts/gloock-v8-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url('fonts/hanken-grotesk-v12-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url('fonts/hanken-grotesk-v12-latin-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url('fonts/hanken-grotesk-v12-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url('fonts/hanken-grotesk-v12-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url('fonts/hanken-grotesk-v12-latin-800.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}

/* Only ever used italic: pull quotes, step numbers, the footer motto. */
@font-face {
  font-family: "Instrument Serif";
  src: url('fonts/instrument-serif-v5-latin-italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}

/* ---------- members area ---------- */

@font-face {
  font-family: 'Fredoka';
  src: url('fonts/fredoka-v17-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: optional;
}
@font-face {
  font-family: 'Fredoka';
  src: url('fonts/fredoka-v17-latin-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: optional;
}
@font-face {
  font-family: 'Fredoka';
  src: url('fonts/fredoka-v17-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: optional;
}
@font-face {
  font-family: 'Fredoka';
  src: url('fonts/fredoka-v17-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: optional;
}

@font-face {
  font-family: 'Nunito';
  src: url('fonts/nunito-v32-latin-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: optional;
}
@font-face {
  font-family: 'Nunito';
  src: url('fonts/nunito-v32-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: optional;
}
@font-face {
  font-family: 'Nunito';
  src: url('fonts/nunito-v32-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: optional;
}
@font-face {
  font-family: 'Nunito';
  src: url('fonts/nunito-v32-latin-800.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: optional;
}

/* ---------- the arcade, and nowhere else ---------- */

@font-face {
  font-family: 'Press Start 2P';
  src: url('fonts/press-start-2p-v16-latin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}