max-width: 840px {
  .section {
    padding: 86px 0;
  }

  .location-layout {
    grid-template-columns: 1fr;
  }

  .location-card,
  .map-card {
    height: 300px;
    min-height: 300px;
  }

  #map {
    height: 100%;
    min-height: 300px;
  }
}

max-width: 700px {
  .container,
  .container-narrow {
    width: min(100% - 32px, var(--container));
  }

  .cover {
    padding: 16px;
  }

  .cover-card {
    padding-inline: 18px;
  }

  .countdown {
    gap: 8px;
  }

  .countdown-card {
    padding: 19px 4px;
    border-radius: 15px;
  }

  .countdown-card span {
    font-size: 0.59rem;
    letter-spacing: 0.08em;
  }

  .timeline::before {
    left: 8px;
  }

  .timeline-event,
  .timeline-event:nth-child(even) {
    width: 100%;
    margin-left: 0;
    padding: 0 0 40px 40px;
    text-align: left;
  }

  .timeline-event:nth-child(odd)::before,
  .timeline-event:nth-child(even)::before {
    left: 1px;
    right: auto;
  }

  .radio-grid {
    grid-template-columns: 1fr;
  }

  .location-card,
  .map-card {
    height: 260px;
    min-height: 260px;
  }

  #map {
    height: 100%;
    min-height: 260px;
  }
}

max-width: 430px {
  .section {
    padding: 74px 0;
  }

  .cover-date {
    margin-top: 22px;
  }

  .countdown-card strong {
    font-size: 2.1rem;
  }

  .location-card,
  .map-card {
    height: 240px;
    min-height: 240px;
  }

  #map {
    height: 100%;
    min-height: 240px;
  }
}