.main-nav{gap:20px}
.company-details dd{overflow-wrap:anywhere}
@media(max-width:1200px){.main-nav{gap:12px}}
@media(max-width:800px){
 .hero{display:flex;flex-direction:column;min-height:0}
 .hero>.hero-image{order:-1;height:clamp(190px,55vw,330px);width:100%;object-fit:cover;object-position:center 52%}
 .hero-copy{padding:28px var(--gutter) 32px}
 .hero-copy h1{font-size:clamp(32px,7.8vw,46px);margin-bottom:18px}
 .hero-copy p{font-size:16px;margin-bottom:22px}
 .hero-foot{margin-top:26px}
}
@media(max-width:580px){
 .company-details .spec-list>div{grid-template-columns:1fr;gap:6px}
 .company-details dt{font-size:12px}
 .company-details dd{margin:0;font-variant-numeric:tabular-nums}
 .main-nav{justify-content:space-between;gap:6px;font-size:10px}
 .main-nav>a{padding-inline:0;white-space:nowrap}
 .main-nav .catalog-toggle{font-size:10px;padding-inline:9px;gap:5px}
 .main-nav .catalog-chevron svg{width:10px}
}
@media(max-width:360px){.main-nav{gap:4px;font-size:9px}.main-nav .catalog-toggle{font-size:9px;padding-inline:7px}}