@media (max-width: 1024px) {
  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-img-wrap img { height: 400px; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }

  .gallery-grid { grid-template-columns: repeat(3, 1fr); }
  .testimonial-card { min-width: calc(50% - 12px); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .section { padding: 70px 0; }
  .section-header h2 { font-size: 1.8rem; }
  .nav-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background: rgba(30,26,24,0.98);
    backdrop-filter: blur(20px);
    padding: 100px 32px 32px;
    transition: right 0.4s ease;
    z-index: -1;
  }
  .nav-menu.open { right: 0; }
  .nav-menu ul { flex-direction: column; gap: 20px; }
  .menu-toggle { display: flex; }
  .hero-content h1 { font-size: 2.5rem; }
  .hero-content p { font-size: 1rem; }
  .hero-cta { flex-direction: column; }
  .hero-controls { bottom: 24px; }
  .services-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-filters { gap: 6px; }
  .filter-btn { padding: 8px 16px; font-size: 0.8rem; }
  .testimonial-card { min-width: calc(100% - 0px); }
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .form-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer { padding: 50px 0 0; }
}
@media (max-width: 480px) {
  .gallery-grid { grid-template-columns: 1fr; }
  .about-stats { grid-template-columns: 1fr; }
  .hero-content h1 { font-size: 2rem; }
  .about-img-wrap img { height: 300px; }
}