@media (max-width: 1199px) {
  .timeline { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 991px) {
  .section-padding { padding: 82px 0; }
  .site-header { position: sticky; }
  .main-navbar, body.home-page .main-navbar { background: var(--white); box-shadow: 0 12px 30px rgba(8,27,58,.1); }
  .main-navbar .nav-link, body.home-page .main-navbar .nav-link { color: var(--primary); }
  .navbar-brand .logo-light { display: none; }
  .navbar-brand .logo-dark { display: block; }
  .navbar-collapse { padding: 18px 0; }
  .hero { padding-top: 120px; min-height: 760px; }
  .image-stack { min-height: auto; }
  .image-stack img, .image-stack .image-card { width: 100%; position: static; height: 360px; border: 0; margin-top: 18px; }
  .experience-badge { left: 18px; bottom: 18px; }
  .stat-box { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
}

@media (max-width: 767px) {
  .hero { min-height: 720px; padding: 110px 0 80px; }
  .hero-actions .btn { width: 100%; }
  .hero-stat { flex: 1 1 calc(50% - 8px); min-width: 130px; }
  .timeline { grid-template-columns: 1fr; }
  .project-card, .project-card img { min-height: 320px; }
  .project-overlay { inset: auto 12px 12px 12px; padding: 18px; }
  .inner-hero { min-height: 390px; padding: 115px 0 58px; }
  .floating-actions { right: 14px; bottom: 84px; }
  .float-btn, .back-to-top { width: 44px; height: 44px; }
}

@media (max-width: 575px) {
  .navbar-brand img { max-width: 218px; height: auto; }
  .section-title h2 { font-size: 2rem; }
  .premium-card, .service-card-body, .testimonial-card, .director-box, .contact-card { padding: 24px; }
  .gallery-item img { height: 240px; }
  .partner-track { gap: 34px; }
}