@media(max-width:1150px){
 .site-header{position:relative;background:var(--navy-deep);padding:18px 28px}
 .site-header>.wordmark{position:static;display:inline-block;transform:none}
 #site-nav{gap:20px;margin-top:20px}
 .nav-left,.nav-right{gap:18px}
 .hero{min-height:580px}
 .hero-content{padding-top:65px}
 .feature-copy,.feature-dark .feature-copy{padding:35px}
 .footer-top{align-items:flex-start}
}
@media(max-width:760px){
 .container{width:calc(100% - 40px)}
 .site-header{padding:18px 20px;min-height:72px}
 .site-header>.wordmark{font-size:23px}
 .menu-toggle:not([hidden]){display:block;position:absolute;right:20px;top:16px}
 .js #site-nav{display:none}
 .js #site-nav.is-open{display:flex}
 #site-nav,.nav-left,.nav-right{flex-direction:column;align-items:stretch;gap:8px}
 #site-nav{margin-top:22px}
 .nav-right>a:not(.button){padding:12px 0}
 .dropdown-panel{position:static;min-width:0;box-shadow:none;margin-bottom:8px}
 .dropdown summary{font-size:12px}
 .hero{min-height:610px;background-position:65% center}
 .hero-content{padding-top:50px;padding-bottom:28px}
 h1{font-size:clamp(32px,7.7vw,48px)}
 .hero-subtitle{font-size:18px}
 .hero-description{font-size:16px}
 .actions{gap:12px}
 .actions .button{max-width:100%;font-size:14px}
 .section{padding:32px 0}
 .split{grid-template-columns:1fr;gap:25px}
 .core-services .split{gap:28px}
 .core-services article,.core-services article+article{padding:0;border-left:0}
 .core-services article+article{padding-top:28px;border-top:1px solid var(--line)}
 .section-heading{display:block}
 .section-heading>.button{margin-top:18px}
 .product-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}
 .product-grid h3{font-size:16px}
 .feature{grid-template-columns:1fr}
 .feature-copy,.feature-dark .feature-copy{padding:32px 20px}
 .feature>img{min-height:0;height:auto;aspect-ratio:3/2}
 .feature-dark>img{order:0}
 .feature-dark .feature-copy{order:1}
 .industries h2{flex-wrap:wrap;font-size:28px;gap:14px}
 .industries h2 span{padding:0 12px}
 .industries h2 span+span{border:0}
 .steps{grid-template-columns:repeat(2,1fr);gap:24px}
 .steps li::after{display:none}
 .footer-top{flex-direction:column;gap:20px}
 .footer-top .wordmark{border:0;padding:0}
 .footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}
 .footer-bottom{flex-direction:column;gap:10px;font-size:11px}
}