/* Shared display and reading type across every page. */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/archivo-black.ttf') format('truetype');
}
:root {
  --display: 'Archivo Black', 'Arial Black', Arial, sans-serif;
  --sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, .faq-question {
  font-family: var(--display);
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase;
  font-synthesis: none;
  overflow-wrap: anywhere;
}
/* Wide display letters need more space than the previous reading font. */
body h1:not(#hero-title), body h2, body h3, body h4 {
  letter-spacing: -.035em;
  line-height: 1.15;
}
body h1:not(#hero-title) { font-size: clamp(36px, 5vw, 64px); }
.faq-question { letter-spacing: -.02em; line-height: 1.35; }
.brand-type strong, .brand-type small, .status-brand {
  font-family: var(--display);
  font-weight: 400;
  font-synthesis: none;
}
@media (max-width: 600px) {
  body h1:not(#hero-title) { font-size: clamp(30px, 8vw, 46px); }
  body h2 { font-size: clamp(24px, 6.5vw, 36px) !important; }
  .faq-question { font-size: 16px; }
}