/* Home-only density: reduce oversized display blocks, not controls or body text. */
@media (min-width: 1024px) {
  .hero__content { padding-block: 2rem; }
  .hero__visual { height: auto; min-height: 34rem; }
  .hero__mascot { width: min(38rem, 105%); max-height: 88%; }
  .routes.section { padding-block: clamp(3.5rem, 5.5vw, 4.5rem); }
  .route-card { padding: 1.5rem; }
  .route-card__visual {
    aspect-ratio: 16 / 10;
    margin: -1.5rem -1.5rem 1.15rem;
  }
  .route-card h3 { font-size: clamp(1.55rem, 2vw, 2.1rem); }
}