@media (max-width: 720px) {
  .navigation { justify-content: flex-start; min-height: 72px; }
  .brand { margin-left: auto; order: 3; }
  .brand img { height: auto; width: 124px; }
  .brand span { display: none; }
  .nav-toggle { background: transparent; border: 0; cursor: pointer; display: grid; gap: 4px; order: 1; padding: .5rem; }
  .nav-toggle span:not(.sr-only) { background: var(--color-text); display: block; height: 1px; width: 22px; }
  .primary-navigation { background: var(--color-surface); box-shadow: var(--shadow); display: none; left: 4%; order: 2; padding: 1.25rem; position: absolute; right: 4%; text-align: left; top: 68px; }
  .primary-navigation.is-open { display: grid; gap: 1rem; }
  .hero { background-position: 62% center; min-height: 680px; padding: 5rem 0; }
  .split-layout, .destination-grid, .experience-grid, .about-hero-grid { grid-template-columns: 1fr; }
  .split-layout { gap: 2rem; }
  .destination-card img { height: 280px; }
  .about-hero-grid { gap: 2.5rem; }
  .about-hero-grid img { height: 460px; }
  .experience-card { min-height: auto; }
  .card-number { margin-bottom: 2.25rem; }
  .footer-content { align-items: flex-start; flex-direction: column; gap: 1rem; }
}