.hero { min-height: 54vh !important; }
.hero-copy { padding: 48px 28px 40px !important; max-width: 640px !important; }
.hero-copy h1 { font-size: clamp(28px, 4.2vw, 46px) !important; }
.count-band { padding: 28px 16px 24px !important; }
.count-row { gap: 14px !important; }
.count-row div { min-width: 88px !important; padding: 10px 12px 8px !important; }
.count-row b { font-size: 28px !important; }
.welcome { margin: 40px auto !important; }
.welcome h2 { font-size: clamp(22px, 2.8vw, 32px) !important; }
.welcome p { max-width: 640px !important; }
.record { grid-template-columns: .8fr 1.2fr !important; gap: 24px !important; margin: 24px auto 48px !important; }
.things-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
.things-grid img { height: 160px !important; }
@media (max-width: 800px) {
  .record, .things-grid { grid-template-columns: 1fr !important; }
}