@media (max-width: 760px) {
  html, body { width: 100%; overflow-x: hidden; }
  .site-header { height: 68px; padding: 0 5.5vw; }
  .site-header .brand img { width: 124px; }
  .nav.open { top: 68px; padding: 22px 6vw 26px; max-height: calc(100svh - 68px); overflow-y: auto; }
  .hero { min-height: 100svh; padding: 132px 6vw 28px; }
  .hero h1 { max-width: 94vw; font-size: clamp(48px, 13.5vw, 68px); line-height: .94; letter-spacing: -.07em; }
  .hero h1 .kinetic-line { max-width: 100%; }
  .hero-intro { max-width: 90%; margin: 24px 0; font-size: 20px; line-height: 1.35; }
  .round-link { width: 94px; height: 94px; font-size: 10px; }
  .round-link b { font-size: 19px; }
  .hero-orbit { width: 112vw; height: 112vw; right: -51vw; top: 43vh; }
  .hero-footer { bottom: 18px; font-size: 8px; }
  .section-pad { padding: 76px 6vw; }
  .section-head h2, .services-intro h2, .about-copy h2, .contact h2 { font-size: clamp(42px, 12.5vw, 58px); line-height: .94; }
  .side-copy, .services-intro p:last-child, .service-list p, .traditional-intro > div, .trade-intro > p:last-child, .about-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.5; }
  .service-list { margin-top: 48px; }
  .service-list article { grid-template-columns: 30px minmax(0, 1fr) 28px; gap: 8px; padding: 18px 0; }
  .service-list h3 { font-size: clamp(29px, 9vw, 42px); }
  .traditional-gallery { grid-auto-columns: 84vw; gap: 14px; padding: 24px 6vw 32px; }
  .traditional-gallery figure:hover { transform: none; }
  .traditional-gallery:hover figure:not(:hover) { opacity: 1; filter: none; }
  .carousel-head button { width: 42px; height: 42px; }
  .video-modal { width: 94vw; max-width: 94vw; }
  .video-modal-close { right: 10px; top: 10px; width: 40px; height: 40px; }
  .contact { min-height: auto; }
  .contact-email { font-size: clamp(20px, 7vw, 31px); overflow-wrap: anywhere; }
  .contact-bottom { padding-top: 56px; font-size: 14px; }
  .form-grid { grid-template-columns: 1fr; }
  footer { gap: 14px; flex-wrap: wrap; }
  footer .brand img { width: 108px; }
}
@media (max-width: 380px) { .hero h1 { font-size: 46px; } .site-header .brand img { width: 112px; } .hero-orbit { top: 47vh; } }