@media (min-width: 40rem) {
  .hero__title { max-width: 11ch; }
}

@media (min-width: 64rem) {
  .hero__title { max-width: 12ch; }
  .day__index a { grid-template-columns: 3.25rem minmax(0, 1fr); }
}

@media (min-width: 62rem) {
  .stop--compact .stop__media { aspect-ratio: 4 / 3; }
}

@media (max-width: 30rem) {
  .hero__title { font-size: clamp(2.7rem, 12vw, 3.25rem); }
  .hero__visual { max-width: 31rem; }
}

@media (max-width: 39.99rem) {
  .wordmark__logo-crop { width: 4.75rem; height: 3.35rem; }
}