/* Titles: Sprat (Collletttivo, SIL OFL), one variable file: width 100 (condensed) to 200 (extended),
   weight 10 to 200 (175 = Bold). CSS font-stretch drives the width axis, font-weight the weight axis.
   Headline and quote: Tiempos Fine italic (Klim TEST fonts: basic Latin only; license before launch).
   Everything else: Host Grotesk (SIL OFL). */
@font-face {
  font-family: 'Sprat';
  src: url('/fonts/sprat-vf.woff2') format('woff2-variations'), url('/fonts/sprat-vf.woff2') format('woff2');
  font-weight: 10 200;
  font-stretch: 100% 200%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tiempos Fine';
  src: url('/fonts/tiempos-fine-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tiempos Fine';
  src: url('/fonts/tiempos-fine-regular-italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tiempos Fine';
  src: url('/fonts/tiempos-fine-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tiempos Fine';
  src: url('/fonts/tiempos-fine-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Host Grotesk';
  src: url('/fonts/host-grotesk-latin-300-normal.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Host Grotesk';
  src: url('/fonts/host-grotesk-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Host Grotesk';
  src: url('/fonts/host-grotesk-latin-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Host Grotesk';
  src: url('/fonts/host-grotesk-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}