@media (max-width: 900px){
  .container{width:min(calc(100% - 40px),var(--container))}
  .header-inner{height:76px}.brand{min-width:0}.brand-logo{width:48px;height:48px}.brand-name{font-size:1.35rem}.brand-sub{font-size:.45rem}
  .menu-toggle{display:flex;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;position:relative;z-index:1002}.menu-toggle span:not(.sr-only){width:24px;height:1px;background:currentColor;display:block}
  .primary-nav{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);padding:7rem 2.5rem 2rem;background:rgba(255,255,255,.98);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;transform:translateX(100%);transition:.35s ease;box-shadow:-15px 0 50px rgba(0,0,0,.1)}
  .primary-nav.is-open{transform:none}.primary-nav a{padding:.7rem 0;font-size:1rem}.primary-nav a::after{bottom:.3rem}
  .hero{min-height:760px}.hero-content{padding-top:8rem}.hero h1{font-size:clamp(2.8rem,12vw,4.8rem)}.hero-media{background-position:60% center}.hero-overlay{background:linear-gradient(90deg,rgba(25,18,14,.72),rgba(25,18,14,.16))}
  .section{padding:5.5rem 0}.company-grid,.contact-grid{grid-template-columns:1fr;gap:3.5rem}
  .product-grid,.product-grid-wide{grid-template-columns:1fr 1fr}.product-image{height:320px}
  .split-section{grid-template-columns:1fr}.split-card{min-height:300px}.split-content{padding:3rem 8%}
  .page-hero{padding:9rem 0 4rem}
  .footer-inner{flex-wrap:wrap}.footer-inner>p{width:100%;order:3}
}
@media (max-width: 560px){
  .container{width:calc(100% - 32px)}.brand-copy{display:none}.brand-logo{width:46px;height:46px}
  .hero{min-height:720px}.hero-content{padding-top:7rem}.hero h1{font-size:3rem}.hero-en{font-size:.9rem;letter-spacing:.18em}.button{padding:.7rem 1.2rem}
  .scroll-cue{display:none}
  .product-grid,.product-grid-wide{grid-template-columns:1fr;gap:2.5rem}.product-image{height:330px}
  .company-table dl>div{grid-template-columns:1fr;gap:.25rem}.company-table dt{font-size:.8rem}
  .split-content strong{font-size:2rem}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-direction:column;gap:.4rem}
}

/* V1.3 revised header */
@media (max-width:900px){
  .brand-copy{display:none}
  .site-header.is-solid{background:rgba(255,255,255,.98)}
}