/* Human-scale display headings. Semantic heading levels remain unchanged. */
h1 {
  font-size: clamp(2.25rem, 3.8vw, 3.4rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.02em !important;
}

h2 {
  font-size: clamp(1.8rem, 2.8vw, 2.65rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.018em !important;
}

@media (max-width: 430px) {
  h1 {
    font-size: 2.2rem !important;
  }
}