/* ===== fonts.css ===== */
/*
 * The museum's two typefaces, loaded as files rather than inlined.
 *
 * The first screen shipped with these faces as base64 inside one HTML file:
 * 207 KB of the 350 KB document was font data. On a site there is no reason
 * to pay that on every page view, so the faces are real files with a content
 * hash in their name, and the browser keeps them for a year.
 *
 * @font-face cannot be scoped to a selector - it is a global declaration -
 * so these four rules live at the site level while the aquarium's own
 * stylesheet stays scoped to its act. The rules themselves are identical to
 * the ones the single-file build produced, values and order included.
 */

@font-face {
  font-family: "IM Fell English";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/im-fell-english-regular.248300df.woff2") format("woff2");
}

@font-face {
  font-family: "IM Fell English";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/im-fell-english-italic.8fc67857.woff2") format("woff2");
}

@font-face {
  font-family: "Courier Prime";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/courier-prime-regular.f09844e1.woff2") format("woff2");
}

@font-face {
  font-family: "Courier Prime";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/courier-prime-bold.5c7ae1cc.woff2") format("woff2");
}