/*
  Self-hosted webfonts (2026-09-17; site-wide since 2026-09-19). Every page
  loads this file, so the site makes no third-party font requests at all.

  - Array (Fontshare, ITF Free Font License): dot-matrix display face for headings.
  - Dela Gothic One (Google Fonts, OFL): blocky face for section headings and the
    nav, set in title or sentence case, never capitals.
  - Khand (Google Fonts, OFL): condensed face for numbers and small labels.
  - Clash Display (Fontshare, ITF Free Font License): body copy.
  - Kalam (Google Fonts, OFL): chalk and marker handwriting in the illustrations.
  - Bungee (Google Fonts, OFL): the Yaask Labs wordmark only.

  The Google files are the Latin subset. Dela Gothic One is a Japanese family
  whose Latin letters Google spreads over several subsets, so its file was cut
  with the css2 text= parameter to printable ASCII plus the punctuation, maths
  signs and accented letters the site uses; add a character there to use it.

  Swap a family by replacing its files here and the matching --font-* token
  in style.css.
*/

@font-face {
  font-family: "Array";
  src: url("../fonts/array-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Array";
  src: url("../fonts/array-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Khand";
  src: url("../fonts/khand-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Khand";
  src: url("../fonts/khand-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Khand";
  src: url("../fonts/khand-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Clash Display";
  src: url("../fonts/clash-display-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Clash Display";
  src: url("../fonts/clash-display-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Clash Display";
  src: url("../fonts/clash-display-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kalam";
  src: url("../fonts/kalam-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kalam";
  src: url("../fonts/kalam-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bungee";
  src: url("../fonts/bungee-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Dela Gothic One";
  src: url("../fonts/dela-gothic-one-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}