@font-face {
  font-family: "Material Theories";
  src: url("fonts/material-theories-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Display accents only; paragraphs, navigation and forms stay readable. */
.hero h1, .section-heading h2, .final-cta h2, .brand-lockup a,
.brand-mark, #submit-title, .has-material-theories-font-family {
  font-family: "Material Theories", "Arial Black", sans-serif;
  font-weight: 400;
}
.hero h1 { font-size: clamp(2.4rem, 7.6vw, 7rem); line-height: 1.13; letter-spacing: -.015em; }
.site-header { flex-wrap: wrap; gap: 18px; }
.site-header .nav { flex-wrap: wrap; }
@media (max-width: 600px) {
  .hero h1 { font-size: clamp(2.3rem, 10.5vw, 4rem); overflow-wrap: anywhere; }
  .site-header { padding: 18px 20px; }
}