* { min-width: 0; }
html, body { width: 100%; max-width: 100vw; overflow-x: hidden; }
.site-header, .hero, .stats-band, main, section { max-width: 100vw; }
.site-header { width: 100%; }
.hero-inner, .hero-inner h1, .hero-inner p { max-width: calc(100vw - 44px); }
.stats-band { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stat { overflow: hidden; }
@media (max-width: 700px) {
  .site-header { padding-inline: 16px; }
  .header-tools { flex: 0 0 auto; }
  .hero-inner { width: calc(100vw - 32px); }
  .hero-inner, .hero-inner h1, .hero-inner p { max-width: calc(100vw - 32px); }
  .hero-inner h1 { font-size: clamp(34px, 10vw, 40px); overflow-wrap: anywhere; }
  .hero-inner > p:not(.kicker) { font-size: 15px; }
  .stats-band { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stat span { display: block; overflow-wrap: anywhere; }
}