/* 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.

   font-display:swap means text is readable in the fallback face immediately
   and swaps when the woff2 arrives - never an invisible paragraph.

   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: swap;
}
@font-face {
  font-family: 'Fredoka';
  src: url('fonts/fredoka-v17-latin-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Fredoka';
  src: url('fonts/fredoka-v17-latin-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Fredoka';
  src: url('fonts/fredoka-v17-latin-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

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

/* ---------- 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;
}