/* Mobile (< 768px) */
@media (max-width: 767px) {
  .site-nav {
    padding: 0.5rem 1.5rem;
  }

  .nav-toggle {
    display: block;
  }

  .nav-list {
    display: none;
    flex-direction: column;
    width: 100%;
    padding-top: 0.5rem;
  }

  .nav-list.is-open {
    display: flex;
  }

  .nav-item > a {
    padding: 0.6rem 0;
    border-bottom: none;
  }

  .nav-dropdown {
    position: static;
    box-shadow: none;
    border: none;
    padding-left: 1rem;
  }

  .has-dropdown:hover .nav-dropdown,
  .has-dropdown:focus-within .nav-dropdown {
    display: block;
  }

  .services-grid,
  .faq-cards,
  .links-list,
  .team-columns {
    grid-template-columns: 1fr;
  }

  .about-credentials {
    justify-content: center;
  }

  .profile-photo {
    width: 150px;
    height: 150px;
  }

  .hero-carousel { height: 620px; }
  .carousel-overlay {
    flex-direction: column;
    justify-content: center;
    top: var(--space-2);
    bottom: var(--space-2);
    gap: var(--space-1);
  }
  .carousel-card { padding: var(--space-2); }
  .carousel-card h3 { font-size: 1rem; }
  .carousel-dots { bottom: var(--space-1); }
}

/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .services-grid,
  .faq-cards,
  .links-list,
  .team-columns {
    grid-template-columns: repeat(2, 1fr);
  }

  .nav-item > a {
    padding: 0.75rem 0.6rem;
    font-size: 0.85rem;
  }
}

/* Desktop adjustments (> 1024px) */
@media (min-width: 1025px) {
  .services-grid,
  .team-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}