/* ============================================
   RESPONSIVE — Breakpoint overrides
   ============================================ */

/* ---------- Navigation (≤ 800px) ---------- */

@media (max-width: 800px) {
  .navlinks {
    display: none;
  }

  .tiger-nav {
    padding: 0 20px;
  }
}

/* ---------- Statement (≤ 800px) ---------- */

@media (max-width: 800px) {
  .statement-grid {
    grid-template-columns: 1fr;
  }

  .statement-mark {
    display: none;
  }
}

/* ---------- Experience cards (≤ 850px) ---------- */

@media (max-width: 850px) {
  .cards {
    grid-template-columns: 1fr;
  }

  .card {
    min-height: 330px;
  }

  .card h3 {
    margin-top: 110px;
  }

  .experience-head {
    display: block;
  }
}

/* ---------- Feature sections (≤ 850px) ---------- */

@media (max-width: 850px) {
  .feature-grid,
  .feature.reverse .feature-grid {
    grid-template-columns: 1fr;
    direction: ltr;
  }

  .feature-photo {
    height: 450px;
  }
}

/* ---------- Map (≤ 650px) ---------- */

@media (max-width: 650px) {
  .map-wrap iframe {
    height: 400px;
  }
}

/* ---------- Reduced Motion ---------- */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}