@media (max-width: 1024px) {
      .sidebar { transform: translateX(-100%); width: 280px; }
      .show-sidebar { transform: translateX(0); }
      .nav-menu { transform: rotate(0deg) translateX(0); width: 100%; position: relative; }
      .nav-list { flex-direction: column; align-items: center; gap: 1.5rem; padding: 2rem; }
      .nav-link { line-height: 1.5; padding: 0.5rem 0; }
      .nav-link.active-link::after, .nav-link:hover::after { bottom: -5px; }
      .nav-close { display: block; }
      .nav-toggle { display: flex; }
      .main { margin-left: 0; }
      .features-grid { grid-template-columns: repeat(2, 1fr); }
      .gallery-grid { grid-template-columns: repeat(2, 1fr); }
      .contact-grid { grid-template-columns: 1fr; }
      .hero-info { display: none; }
      .about-wrapper { flex-direction: column; }
      .about-img-side { min-height: 300px; }
    }
    @media (max-width: 768px) {
      .section { padding: 3rem 20px; }
      .features-grid { grid-template-columns: 1fr; }
      .gallery-grid { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: 1fr; gap: 1rem; }
      .hero-title { font-size: 2.2rem; }
      .hero-container { padding: 80px 20px; }
      .hero-social { display: none; }
      .about-stats { flex-direction: column; }
    }
    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.7s ease; }
    .reveal.active { opacity: 1; transform: translateY(0); }