/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
  .experiences__grid { grid-template-columns: repeat(2, 1fr); }
  .seasons__timeline { grid-template-columns: repeat(2, 1fr); }
  .logistics__grid { grid-template-columns: repeat(2, 1fr); }
  .process__steps { grid-template-columns: 1fr; gap: var(--space-6); }
  .territory__grid { gap: var(--space-12); }
  .guardian__layout { gap: var(--space-12); }
  .footer__inner { grid-template-columns: 1fr 1fr; }
}

/* Mobile large (max 768px) */
@media (max-width: 768px) {
  .nav__links,
  .nav__cta {
    display: none;
  }

  .nav__toggle {
    display: block;
  }

  .nav[data-menu-open="true"] .nav__toggle span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
  }
  .nav[data-menu-open="true"] .nav__toggle span:nth-child(2) {
    opacity: 0;
  }
  .nav[data-menu-open="true"] .nav__toggle span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
  }

  .nav__mobile {
    position: fixed;
    inset: 0;
    background: var(--ink);
    z-index: var(--z-overlay);
    padding: calc(var(--space-24) + 4rem) var(--container-padding) var(--space-16);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-base) var(--ease-out);
  }

  .nav[data-menu-open="true"] .nav__mobile {
    opacity: 1;
    pointer-events: auto;
  }

  .nav__mobile-link {
    font-family: var(--font-display);
    font-size: 2rem;
  }

  .territory__grid,
  .guardian__layout {
    grid-template-columns: 1fr;
  }

  .contrast__grid,
  .experiences__grid,
  .seasons__timeline,
  .logistics__grid {
    grid-template-columns: 1fr;
  }

  .stats {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .hero__meta {
    flex-direction: column;
    gap: var(--space-6);
  }

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

  .footer__inner {
    grid-template-columns: 1fr;
    gap: var(--space-12);
  }

  .footer__bottom {
    flex-direction: column;
    gap: var(--space-3);
    text-align: center;
  }

  .gallery__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 140px;
  }

  .gallery__item--wide {
    grid-column: span 2;
  }

  .gallery__item--tall {
    grid-row: span 2;
  }
}

/* Mobile small (max 480px) */
@media (max-width: 480px) {
  .hero__actions {
    flex-direction: column;
    width: 100%;
  }

  .hero__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .gallery__grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 200px;
  }

  .gallery__item--wide,
  .gallery__item--tall {
    grid-column: span 1;
    grid-row: span 1;
  }
}