/* Brand faces: Styrene B (Commercial Type) for text and UI, Tiempos Headline (Klim) for display.
   Both are licensed fonts and are NOT in this repo. Drop the licensed web files into
   assets/fonts/ with the names below and they take over; until then each family falls through
   to an installed copy (local()), then to the open stand-ins loaded in index.html
   (Hanken Grotesk for Styrene B, Newsreader for Tiempos). See README "Fonts". */

@font-face {
  font-family: "Styrene B";
  src: local("Styrene B Regular"), local("StyreneB-Regular"),
       url("assets/fonts/StyreneB-Regular-Web.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Styrene B";
  src: local("Styrene B Medium"), local("StyreneB-Medium"),
       url("assets/fonts/StyreneB-Medium-Web.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Styrene B";
  src: local("Styrene B Bold"), local("StyreneB-Bold"),
       url("assets/fonts/StyreneB-Bold-Web.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Tiempos Headline";
  src: local("Tiempos Headline Regular"), local("TiemposHeadline-Regular"),
       url("assets/fonts/TiemposHeadline-Regular-Web.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Tiempos Headline";
  src: local("Tiempos Headline Regular Italic"), local("TiemposHeadline-RegularItalic"),
       url("assets/fonts/TiemposHeadline-RegularItalic-Web.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Tiempos Headline";
  src: local("Tiempos Headline Medium"), local("TiemposHeadline-Medium"),
       url("assets/fonts/TiemposHeadline-Medium-Web.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
