@media (max-width: 650px) {
  .hero { gap: 2rem; }
  .hero-copy, .readout { min-width: 0; }
  .hero h1 {
    font-size: clamp(3.35rem, 14.3vw, 5rem);
    line-height: .88;
    letter-spacing: -.035em;
  }
  .readout-head { font-size: .61rem; }
  .readout-head time { flex: 0 0 auto; }
}

@media (min-width: 1051px) {
  .hero h1 {
    font-size: clamp(4.5rem, 8.2vw, 8rem);
    max-width: 760px;
    line-height: .84;
  }
}