@media (max-width:1080px) {
  .main-nav { gap: 18px; }
  .hero-grid,.about-grid,.materials-grid,.testimonials-grid,.faq-grid,.contact-grid { gap: 52px; }
  .process-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width:900px) {
  .header-button { display: none; }
  .menu-toggle { z-index: 1002; display: block; }
  .menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle.active span:nth-child(2) { opacity: 0; }
  .menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .main-nav {
    position: fixed;
    inset: 0 0 0 26%;
    z-index: 1001;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 26px;
    padding: 40px;
    background: rgba(9,9,9,.98);
    color: var(--white);
    transform: translateX(100%);
    transition: transform 350ms ease;
  }

  .main-nav.open { transform: translateX(0); }
  .main-nav a { font-size: 1.15rem; }

  .hero-grid { grid-template-columns: 1fr; }
  .hero-card { max-width: 620px; margin: 0 auto; }
  .hero-card img { aspect-ratio: 1.2; }
  .hero-stats { grid-template-columns: 1fr 1fr; }
  .hero-stats > *:nth-child(2) { border-right: 0; }

  .environments-grid {
    min-height: 720px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1.2fr .8fr;
  }
  .environment-large { grid-column: 1 / span 2; grid-row: auto; }

  .about-grid,.materials-grid,.testimonials-grid,.faq-grid,.contact-grid { grid-template-columns: 1fr; }
  .split-heading { grid-template-columns: 1fr; gap: 18px; }

  .projects-grid {
    min-height: 720px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1.2fr .8fr;
  }
  .project-large { grid-column: 1 / span 2; grid-row: auto; }

  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2 / span 2; }
}

@media (max-width:680px) {
  .container { width: min(calc(100% - 28px),var(--container)); }
  .section { padding: 82px 0; }
  .nav { min-height: 76px; }
  .brand-copy small { display: none; }
  .main-nav { left: 12%; }

  h1 { font-size: clamp(2.7rem,14vw,4rem); }
  h2 { font-size: clamp(2.1rem,10vw,3rem); }

  .hero { min-height: auto; padding: 126px 0 54px; }
  .hero-overlay { background: linear-gradient(90deg,rgba(8,8,8,.97),rgba(17,17,17,.72)),linear-gradient(to top,rgba(8,8,8,.94),transparent); }
  .hero-copy p { font-size: .95rem; }

  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .btn { width: 100%; }

  .hero-details { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .hero-card { border-radius: 28px 28px 28px 70px; }

  .hero-stats { margin-top: 38px; grid-template-columns: 1fr 1fr; }
  .hero-stats > * { min-height: 70px; padding: 0 14px; }
  .hero-stats strong { font-size: 1.25rem; }
  .hero-stats span { font-size: .6rem; }
  .hero-stats a { grid-column: 1 / span 2; justify-content: center; }

  .environments-grid {
    min-height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  .environment-large { grid-column: auto; }
  .environment-card { min-height: 310px; }

  .environment-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .environment-tabs::-webkit-scrollbar { display: none; }
  .tab { flex: 0 0 auto; }

  .about-images { min-height: 500px; }
  .about-main { width: 90%; }
  .about-main img { min-height: 410px; }
  .about-small { width: 55%; }
  .experience-badge { top: 24px; width: 105px; height: 105px; }

  .process-grid { grid-template-columns: 1fr; }
  .process-card { min-height: 240px; }

  .projects-grid {
    min-height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  .project-large { grid-column: auto; }
  .project-card { min-height: 300px; }

  .materials-list { grid-template-columns: 1fr; }

  .testimonial { min-height: auto; padding: 28px; }

  .form-row { grid-template-columns: 1fr; }
  .contact-form { padding: 22px; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px; }
  .footer-brand { grid-column: 1 / span 2; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }

  .whatsapp-float,.back-to-top { right: 14px; }
}