@media (max-width: 760px) {
  .services-page,
  .routes-page,
  .journeys-page,
  .vip-events-page {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .service-card {
    height: auto;
    min-height: 360px;
  }

  .service-card__content {
    min-height: 360px;
  }

  .destination-card {
    height: auto;
    min-height: 0;
  }

  .destination-card__content {
    min-height: 0;
    padding-top: clamp(220px, 64vw, 285px);
  }

  .destination-card small {
    margin-bottom: 18px;
  }

  .destination-card__content > span {
    min-height: 0;
  }

  .journey-card {
    height: auto;
    min-height: clamp(550px, 152vw, 630px);
  }

  .journey-card > div {
    position: absolute;
    inset: auto 0 0;
    min-height: 0;
    padding: 22px;
  }

  .journey-card__image-link > .journey-card__shade {
    background: linear-gradient(0deg, #05070afd 8%, #05070aaf 48%, #05070a28 82%);
  }

  .journey-card nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .journey-card nav a {
    display: grid;
    width: 100%;
    min-height: 44px;
    place-items: center;
    padding: 9px 12px;
    line-height: 1.2;
    text-align: center;
  }

  .vip-card summary,
  .vip-card-link {
    height: auto;
    min-height: clamp(440px, 122vw, 520px);
  }

  .vip-card .card-copy,
  .vip-card-link .card-copy {
    position: absolute;
    inset: auto 0 0;
    display: grid;
    gap: 10px;
    min-height: 0;
    padding: 22px;
  }

  .vip-card .card-shade,
  .vip-card-link .card-shade {
    background: linear-gradient(0deg, #05070af8 8%, #05070a8c 48%, #05070a22 82%);
  }

  .vip-card .card-buttons {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .vip-card .card-buttons b,
  .vip-card .card-buttons a {
    display: grid;
    min-height: 44px;
    place-items: center;
    padding: 9px 12px;
    line-height: 1.2;
    text-align: center;
  }

  .vip-card-link .card-buttons {
    grid-template-columns: 1fr;
  }

  .service-card strong,
  .destination-card strong,
  .journey-card h3,
  .vip-card .card-copy strong {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 370px) {
  .service-card__content,
  .destination-card__content,
  .journey-card > div,
  .vip-card .card-copy,
  .vip-card-link .card-copy {
    padding-right: 18px;
    padding-left: 18px;
  }
}