@media (max-width: 1180px) {
  .hero-grid,
  .split-grid,
  .contact-grid,
  .bio-grid,
  .footer-top {
    grid-template-columns: 1fr;
  }

  .grid-4,
  .stats-grid,
  .timeline-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-3,
  .reasons-grid,
  .values-grid,
  .courses-grid,
  .gallery-masonry,
  .video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-copy {
    max-width: none;
  }
}

@media (max-width: 900px) {
  .section {
    padding: 88px 0;
  }

  .nav-toggle {
    display: block;
  }

  .nav-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 20px;
    right: 20px;
    display: grid;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: rgba(6, 14, 26, 0.98);
    transform: scale(0.96);
    opacity: 0;
    pointer-events: none;
  }

  .nav-open .nav-menu {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }

  .nav-menu,
  .nav-center,
  .nav-actions,
  .cta-banner {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .nav-center,
  .nav-actions {
    display: grid;
  }

  .hero {
    padding-top: 126px;
  }

  .hero-actions,
  .form-row {
    grid-template-columns: 1fr;
  }

  .hero-actions {
    display: grid;
  }

  .countdown-grid,
  .mission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-bottom {
    align-items: flex-start;
  }
}

@media (max-width: 680px) {
  .container {
    padding-inline: 16px;
  }

  .hero-copy h1,
  .section-heading h2,
  .content-block h2,
  .inner-hero h1,
  .modal-card h2 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .grid-3,
  .grid-4,
  .stats-grid,
  .reasons-grid,
  .values-grid,
  .courses-grid,
  .gallery-masonry,
  .video-grid,
  .timeline-strip,
  .countdown-grid,
  .mission-grid {
    grid-template-columns: 1fr;
  }

  .masonry-grid {
    columns: 1;
  }

  .carousel-controls {
    flex-direction: column;
    align-items: flex-start;
  }

  .whatsapp-float {
    right: 18px;
    bottom: 18px;
    width: 58px;
    height: 58px;
  }

  .lightbox-overlay {
    padding: 20px;
  }

  .lightbox-prev,
  .lightbox-next {
    top: auto;
    bottom: 20px;
    transform: none;
  }

  .lightbox-prev {
    left: 20px;
  }

  .lightbox-next {
    right: 20px;
  }
}