/* Responsive system */
@media (max-width: 1180px) {
  :root { --container: 1040px; }
  .nav-wrap { gap: 16px; }
  .brand-name { font-size: 16px; }
  .nav-link { padding-inline: 9px; font-size: 12px; }
  .nav-enquiry { padding-inline: 16px; }
  .hero-title { font-size: clamp(3.1rem,6.7vw,5.6rem); }
  .category-grid,.application-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-grid { grid-template-columns: 1.3fr .7fr 1fr; }
  .footer-grid > :last-child { grid-column: 1 / -1; }
  .application-feature { min-height: 440px; }
}

@media (max-width: 980px) {
  :root { --header-h: 74px; }
  .container { width: min(calc(100% - 36px), var(--container)); }
  .section { padding: 90px 0; }
  .section-sm { padding: 65px 0; }
  .site-header,.site-header.is-scrolled { height: var(--header-h); }
  .menu-toggle { display: block; position: relative; z-index: 1002; }
  .site-nav { position: fixed; inset: 0; z-index: 1001; display: grid; place-items: center; margin: 0; padding: 90px 28px 40px; opacity: 0; visibility: hidden; background: rgba(247,248,250,.96); backdrop-filter: blur(24px); transition: opacity .35s,visibility .35s; }
  .site-nav.is-open { opacity: 1; visibility: visible; }
  .nav-list { display: grid; width: min(100%,420px); gap: 4px; text-align: center; }
  .nav-link { display: block; padding: 12px; font-family: var(--font-heading); font-size: 1.45rem; }
  .nav-link::after { right: 40%; left: 40%; bottom: 7px; }
  .nav-enquiry { margin: 16px 0 0; padding: 14px 25px; color: #fff; font-size: 1rem; }
  .hero { min-height: auto; padding-top: calc(var(--header-h) + 70px); }
  .hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .hero-copy { text-align: center; }
  .hero-title,.hero-subtitle { margin-inline: auto; }
  .hero-actions,.hero-trust { justify-content: center; }
  .hero-visual { width: min(620px,100%); margin-inline: auto; }
  .hero-image-frame img { aspect-ratio: 5 / 4.5; }
  .scroll-cue { display: none; }
  .split-layout,.split-layout.reverse { grid-template-columns: 1fr; gap: 55px; }
  .split-layout.reverse .split-visual { order: -1; }
  .split-visual { width: min(720px,100%); }
  .stats-panel { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .stat:nth-child(2) { border-right: 0; }
  .stat:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }
  .contact-mini,.contact-layout,.detail-grid { grid-template-columns: 1fr; }
  .contact-mini { gap: 45px; }
  .detail-gallery { position: relative; top: auto; }
  .process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .application-showcase { gap: 20px; }
  .application-feature { min-height: 400px; }
  .gallery-preview-grid { grid-auto-rows: 130px; }
  .gallery-preview-grid .masonry-item:nth-child(n) { grid-column: span 4; }
  .gallery-preview-grid .masonry-item:nth-child(1),.gallery-preview-grid .masonry-item:nth-child(5),.gallery-preview-grid .masonry-item:nth-child(8) { grid-column: span 6; grid-row: span 2; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > :last-child { grid-column: auto; }
  .cta-band { padding: 55px; }
  .cta-band-inner { align-items: flex-start; flex-direction: column; gap: 28px; }
  .product-toolbar { top: 74px; }
}

@media (max-width: 720px) {
  :root { --radius-lg: 28px; --radius-xl: 32px; }
  .container,.container-wide { width: min(calc(100% - 28px), var(--container)); }
  .section { padding: 74px 0; }
  .section-sm { padding: 52px 0; }
  .section-head { margin-bottom: 38px; }
  .section-title { font-size: clamp(2.05rem,10vw,3rem); }
  .brand-name { max-width: 230px; font-size: 14px; white-space: normal; line-height: 1.1; }
  .hero { padding: calc(var(--header-h) + 42px) 0 50px; }
  .hero-title { font-size: clamp(2.75rem,14vw,4.6rem); letter-spacing: -.07em; }
  .hero-subtitle { font-size: .98rem; }
  .hero-actions .btn { flex: 1; min-width: 145px; }
  .hero-visual { padding: 12px 5px 35px; }
  .hero-image-frame { border-radius: 28px; transform: none; }
  .hero-image-frame img { aspect-ratio: 1 / 1.05; }
  .hero-badge { right: -5px; bottom: 2px; width: 112px; height: 112px; }
  .hero-badge strong { font-size: 24px; }
  .float-chip { top: 25px; left: -2px; }
  .hero-trust { margin-top: 32px; }
  .page-hero { min-height: 510px; padding-top: calc(var(--header-h) + 65px); }
  .page-title { font-size: clamp(3rem,15vw,5rem); }
  .page-hero::after { font-size: 12rem; }
  .hero-metric-row { display: grid; grid-template-columns: repeat(2,1fr); }
  .grid-2,.grid-3,.grid-4,.form-grid,.application-showcase { grid-template-columns: 1fr; }
  .stats-panel { padding: 12px; }
  .stat { padding: 28px 15px; }
  .stat-number { font-size: 2.55rem; }
  .category-grid,.application-grid,.product-grid { grid-template-columns: 1fr; }
  .category-card { min-height: 410px; }
  .feature-list { grid-template-columns: 1fr; }
  .media-tag { right: -6px; bottom: -20px; }
  .process-grid { grid-template-columns: 1fr; }
  .process-step { min-height: auto; }
  .timeline::before { left: 8px; }
  .timeline-item,.timeline-item:nth-child(even) { width: 100%; margin-left: 0; padding: 8px 0 38px 44px; text-align: left; }
  .timeline-item::after,.timeline-item:nth-child(even)::after { left: 1px; right: auto; }
  .masonry { columns: 2; column-gap: 12px; }
  .masonry-item { margin-bottom: 12px; border-radius: 15px; }
  .masonry-item img,.masonry-item video { min-height: 170px; }
  .masonry-item.tall img,.masonry-item.tall video { min-height: 290px; }
  .gallery-preview-grid { grid-template-columns: repeat(2,1fr); grid-auto-rows: 160px; gap: 12px; }
  .gallery-preview-grid .masonry-item:nth-child(n) { grid-column: span 1; grid-row: span 1; }
  .gallery-preview-grid .masonry-item:nth-child(1),.gallery-preview-grid .masonry-item:nth-child(6) { grid-column: 1 / -1; grid-row: span 2; }
  .contact-layout { gap: 38px; }
  .contact-card { padding: 20px; }
  .detail-specs { grid-template-columns: 1fr; }
  .application-feature { min-height: 430px; }
  .application-feature-content { right: 24px; bottom: 24px; left: 24px; }
  .filter-bar { justify-content: flex-start; overflow-x: auto; padding-bottom: 7px; scrollbar-width: none; }
  .gallery-section-title { align-items: flex-start; flex-direction: column; gap: 6px; }
  .lightbox { padding: 18px; }
  .lightbox-nav { display: none; }
  .cta-band { padding: 38px 27px; }
  .footer-top { padding: 65px 0 45px; }
  .footer-grid { grid-template-columns: 1fr; gap: 38px; }
  .footer-bottom-inner { flex-direction: column; gap: 7px; }
  .map-shell iframe { height: 380px; }
  .cursor-dot,.cursor-ring { display: none; }
}

@media (max-width: 440px) {
  .container,.container-wide { width: calc(100% - 24px); }
  .nav-wrap { width: calc(100% - 24px); }
  .brand-name { max-width: 205px; font-size: 13px; }
  .hero-title { font-size: clamp(2.55rem,13.8vw,3.4rem); }
  .hero-kicker { letter-spacing: .1em; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .float-chip { padding: 10px 12px; font-size: 9px; }
  .hero-badge { width: 96px; height: 96px; }
  .hero-badge small { font-size: 7px; }
  .stats-panel { grid-template-columns: 1fr; }
  .stat { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .stat:nth-child(3) { border-bottom: 1px solid rgba(255,255,255,.1); }
  .stat:last-child { border-bottom: 0; }
  .masonry { columns: 1; }
  .gallery-preview-grid { grid-template-columns: 1fr; }
  .gallery-preview-grid .masonry-item:nth-child(n) { grid-column: auto; grid-row: auto; min-height: 240px; }
  .form-shell { padding: 24px 18px; }
  .button-row { display: grid; grid-template-columns: 1fr; }
  .btn { width: 100%; }
  .product-toolbar .container { overflow: hidden; }
  .tabs { border-radius: 18px; }
  .hero-metric-row { grid-template-columns: 1fr; }
}