/* Full-width presentation with safe, well-fitted mobile layouts. */
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
main, .site-header, footer, .hero, .machine-band, .about, .quote, .partner-showcase, .map-section { width: 100%; max-width: none; }
.partner-window { width: 100vw; margin-left: calc(50% - 50vw); }
.partner-track { min-width: max-content; }
.project-gallery { margin-right: calc(50% - 50vw); padding-right: 8vw; }
.about-image { background: linear-gradient(180deg, #1110 25%, #1119 100%), url('assets/about/about-multicon.jpg') center / cover no-repeat; }
.gallery-disclaimer { display: flex; align-items: center; gap: 16px; max-width: 900px; margin: -10px 0 32px; padding: 18px 22px; border-left: 5px solid var(--red); background: #111214; color: #fff; box-shadow: 0 10px 22px #11121418; }.gallery-disclaimer span { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; background: var(--red); color: #fff; font: 800 21px/1 var(--cond); }.gallery-disclaimer p { margin: 0; font-size: 14px; line-height: 1.55; }.gallery-disclaimer strong, .gallery-disclaimer b { color: #fff; }.gallery-disclaimer b { text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 3px; }
.top-instagram { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; transition: color .2s; }.top-instagram:hover { color: var(--red); }.top-instagram svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }.top-instagram .instagram-dot { fill: currentColor; stroke: none; }

@media (max-width: 680px) {
  .hero-copy { max-width: 100%; padding-right: 8%; }
  .top-instagram span { display: none; }
  .hero-text { max-width: 330px; font-size: 14px; }
  .hero-actions .button { width: 100%; }
  .machine-content { max-width: 100%; }
  .machine-band .specs { width: 100%; margin-right: 0; }
  .machine-band .specs div { flex: 1 0 132px; }
  .section-heading, .section-intro, .hypertherm-intro, .partner-heading { max-width: 100%; }
  .about-copy, .quote-copy, .quote-form { min-width: 0; }
  .quote-form { width: 100%; }
  .project-gallery { margin-right: calc(50% - 50vw); padding-right: 8vw; gap: 12px; }
  .gallery-disclaimer { align-items: flex-start; gap: 12px; padding: 16px; margin: 0 0 25px; }.gallery-disclaimer p { font-size: 13px; }
  .project-gallery figure { flex-basis: 78vw; }
  .partner-logo { width: 82vw; }
  .map-card { max-width: calc(100vw - 32px); }
  .whatsapp-shortcut { width: 52px; justify-content: center; padding: 0; }
}