/* Self-hosted brand fonts (was Adobe Typekit erm4jbe.css).
   Served same-origin so the headline font can never fail independently of the CSS,
   which was the cause of the random mobile layout break. font-display:swap keeps
   text visible during the (now same-origin, ~tens-of-ms) load. */

/* Zuume — display / headline face */
@font-face {
  font-family: "zuume";
  src: url("../fonts/zuume-400.woff2") format("woff2"),
       url("../fonts/zuume-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "zuume";
  src: url("../fonts/zuume-700.woff2") format("woff2"),
       url("../fonts/zuume-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Paralucent — secondary face used in a few spots of main.css */
@font-face {
  font-family: "paralucent";
  src: url("../fonts/paralucent-300.woff2") format("woff2"),
       url("../fonts/paralucent-300.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "paralucent";
  src: url("../fonts/paralucent-500.woff2") format("woff2"),
       url("../fonts/paralucent-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}