/* ==========================================================================
   NS Music - fonts.css v1.0.0
   All faces self-hosted from assets/fonts/. No googleapis.com, no CDN.
   Drop the .woff2 files listed in assets/fonts/README.md into that folder;
   any face whose file is missing simply falls back down its stack.

   Variable faces are declared with plain format("woff2") and a font-weight
   range. The older format("woff2-variations") keyword is deprecated and is not
   recognised by Safari, which skips the entire src when it sees it and leaves
   the font unloaded. WOFF2 carries variations either way, so the plain keyword
   is both correct and safer.
   ========================================================================== */

/* --- Home hub: Mak (display) + Instrument Sans (body) -------------------- */

@font-face {
  font-family: "Mak";
  src: url("../fonts/mak-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mak";
  src: url("../fonts/mak-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrumentsans-variable.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrumentsans-variable-italic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

/* --- Das Oaschloch: Pirata One (display) + Grenze (body) ----------------- */

@font-face {
  font-family: "Pirata One";
  src: url("../fonts/pirataone-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Grenze";
  src: url("../fonts/grenze-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Grenze";
  src: url("../fonts/grenze-variable-italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* --- The Serious Dilettante: Prida01 (display) + Courier Prime (body) ---- */
/* Prida01 is a decorative bracket-serif with five stylistic sets. Stylistic
   set 2 is selected in persona-dilettante.css via font-feature-settings. */

@font-face {
  font-family: "Prida01";
  src: url("../fonts/prida01-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Prida01";
  src: url("../fonts/prida01-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Prida01";
  src: url("../fonts/prida01-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Prida01";
  src: url("../fonts/prida01-black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Courier Prime";
  src: url("../fonts/courierprime-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Courier Prime";
  src: url("../fonts/courierprime-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Courier Prime";
  src: url("../fonts/courierprime-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Courier Prime";
  src: url("../fonts/courierprime-700-italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}