@media (max-width: 1080px) {
  .nav-menu {
    position: fixed; left: 16px; right: 16px; top: 84px; display: none; flex-direction: column;
    align-items: stretch; padding: .75rem; background: var(--white); border: 1px solid var(--line);
    border-radius: 8px; box-shadow: var(--shadow);
  }
  .nav-menu.open { display: flex; }
  .nav-menu a { width: 100%; }
  .menu-toggle { display: inline-grid; }
  .hero-grid, .split, .contact-grid { grid-template-columns: 1fr; }
  .hero { min-height: auto; }
  .weld-visual { min-height: 460px; max-width: 720px; margin: 0 auto; width: 100%; }
  .grid.four { grid-template-columns: repeat(2, 1fr); }
  .timeline { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .container { width: calc(100% - 24px); max-width: 1180px; }
  .nav { min-height: 68px; }
  .brand span { font-size: .9rem; }
  .brand small { font-size: .56rem; }
  .brand-mark { width: 44px; height: 44px; }
  .hero { padding: 28px 0 24px; }
  .hero h1 { font-size: clamp(1.85rem, 9vw, 2.45rem); }
  .hero p { font-size: .98rem; }
  .hero-cta { margin: .9rem 0 1rem; gap: .55rem; }
  .trust-row { display: none; }
  .hero-cta, .section-head, .cta-band, .footer-bottom { align-items: stretch; flex-direction: column; }
  .btn { width: 100%; padding: .68rem .9rem; }
  .grid.three, .grid.four, .testimonial-track, .gallery-grid { grid-template-columns: 1fr; }
  .timeline { grid-template-columns: 1fr; padding: 0; }
  .section { padding: 54px 0; }
  .cta-band { padding: 1.4rem; }
  .footer-grid { grid-template-columns: 1fr; }
  .float-actions { right: 12px; bottom: 12px; }
  .cookie { left: 12px; right: 12px; bottom: 12px; max-width: none; }
  .weld-visual { min-height: 240px; padding: .7rem; }
  .hero-logo { width: min(80%, 215px); }
  .visual-badge { display: none; }
  .visual-badge strong { font-size: .9rem; }
  .visual-badge span { font-size: .76rem; }
  .media-panel { min-height: 320px; }
}

@media (max-width: 420px) {
  .brand { gap: .45rem; }
  .brand span { max-width: 145px; line-height: 1.1; }
  .nav-actions .btn { display: none; }
  .weld-visual { min-height: 225px; }
  .hero-logo { width: min(82%, 190px); }
}