@media (max-width: 1080px) {
  .site-header {
    grid-template-columns: auto 1fr auto;
  }

  .site-nav,
  .header-cta {
    display: none;
  }

  .menu-toggle {
    display: block;
    justify-self: end;
  }

  .site-nav.open {
    position: fixed;
    top: var(--header);
    left: 0;
    right: 0;
    display: grid;
    justify-content: stretch;
    gap: 0;
    padding: 18px 24px 28px;
    border-bottom: 1px solid rgba(229, 26, 47, 0.32);
    background: rgba(10, 9, 14, 0.98);
  }

  .site-nav.open .nav-link {
    padding: 18px 0;
    border-bottom: 1px solid rgba(235, 235, 235, 0.08);
    font-size: 1rem;
  }

  .menu-toggle.active span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle.active span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  .hero-grid,
  .split,
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .hero-grid {
    gap: 42px;
  }

  .machine-panel {
    min-height: 430px;
  }

  .capabilities,
  .service-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  :root {
    --header: 68px;
  }

  .container {
    width: min(100% - 36px, var(--max));
  }

  .site-header {
    padding: 0 18px;
  }

  .brand img {
    width: 142px;
  }

  .section {
    padding: 78px 0;
  }

  .hero {
    padding-top: calc(var(--header) + 42px);
  }

  h1 {
    font-size: clamp(2.55rem, 14vw, 4.8rem);
  }

  .hero-subtitle,
  .about-content > p,
  .contact-copy > p {
    font-size: 1.02rem;
  }

  .hero-actions,
  .btn {
    width: 100%;
  }

  .hero-actions {
    display: grid;
  }

  .hero-metrics,
  .capabilities,
  .service-grid,
  .contact-form {
    grid-template-columns: 1fr;
  }

  .machine-panel {
    min-height: 350px;
  }

  .spec {
    display: none;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 240px;
  }

  .gallery-item.wide {
    grid-column: span 1;
    grid-row: span 1;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid div {
    display: grid;
  }

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