/* ─── Tablet: ≤ 921px ────────────────────────────────────────── */
@media (max-width: 921px) {
  :root {
    --section-gap: 55px;
    --nav-height: 60px;
  }

  .container {
    padding: 0 var(--padding-mobile);
  }

  /* Nav */
  .nav-links,
  .nav-social {
    display: none;
  }

  .nav-toggle {
    display: flex;
  }

  /* Hero */
  .hero-title {
    font-size: clamp(22px, 5vw, 30px);
  }

  /* Projects grid → 2 columns */
  .projects-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    padding: 6px;
  }

  /* Partners → stack */
  .partners-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  /* Team → 3 columns */
  .team-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Footer */
  .footer-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

}

/* ─── Mobile: ≤ 544px ────────────────────────────────────────── */
@media (max-width: 544px) {
  :root {
    --section-gap: 40px;
  }

  /* Hero */
  .hero {
    min-height: 420px;
  }

  .hero-content {
    padding-bottom: 36px;
  }

  /* Projects grid → 1 column */
  .projects-grid {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 4px;
  }

  /* Partners → 1 column */
  .partners-grid {
    grid-template-columns: 1fr;
  }

  /* Team → 2 columns */
  .team-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  /* Page title */
  .page-title {
    font-size: var(--font-size-xl);
  }

  /* About intro */
  .about-intro {
    padding-left: 0;
  }

  .about-intro p {
    font-size: var(--font-size-base);
  }

  /* Contact layout */
  .contact-layout {
    padding-left: 0;
  }

  /* Project detail gallery */
  .project-detail-gallery {
    flex-direction: column;
    gap: 12px;
  }

  .gallery-col:nth-child(2) {
    margin-top: 0;
  }

  .page-banner-title {
    font-size: var(--font-size-xl);
  }
}