/* Home: fixes for narrow screens; approved desktop remains unchanged. */
@media(max-width:1179px){
 body{min-width:0}
 .wrap,.contact-copy{width:calc(100% - 64px)}
 .header{height:auto;min-height:112px;gap:24px;flex-wrap:wrap;padding:24px 0}
 nav{gap:20px;flex-wrap:wrap}
 .hero,.history-intro,.contact-copy{column-gap:40px}
 .client-row{align-items:start;flex-direction:column}
 .trust{border:0;padding:0}
 .client-names{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
 .safety-copy{padding:40px 32px}
 .safety-bottom{flex-wrap:wrap;gap:24px}
 .history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}
 .process{grid-template-columns:1fr;gap:32px}
 .footer{flex-wrap:wrap;padding:28px 0;gap:24px}
 .social{margin-left:0;flex-wrap:wrap}
}
@media(max-width:700px){
 .wrap,.contact-copy{width:calc(100% - 40px)}
 nav{font-size:11px;gap:15px 20px}
 nav a,.social button{min-height:44px;display:inline-flex;align-items:center}
 .hero,.history-intro,.contact-copy{grid-template-columns:1fr;gap:28px}
 .hero{padding:42px 0 48px}
 .hero h1{font-size:clamp(60px,13vw,82px)}
 .hero-copy>p,.contact-copy p{font-size:17px}
 .discipline{font-size:11px;letter-spacing:.12em;line-height:1.7}
 .actions{gap:12px;flex-wrap:wrap}
 .project-grid{grid-template-columns:1fr;gap:40px}
 .project-image{height:auto;aspect-ratio:16/9}
 .project-link{min-height:44px}
 .client-names{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
 .safety{grid-template-columns:1fr;min-height:0}
 .safety-copy{padding:42px 20px}
 .safety h2{font-size:56px}
 .safety-image{height:auto;min-height:0;aspect-ratio:16/9}
 .safety-metric{white-space:normal}
 .history{padding:56px 0}
 .history h2{font-size:40px}
 .history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
 .history-grid img{height:auto;aspect-ratio:4/3}
 .history-grid h3{height:auto;min-height:40px;font-size:14px}
 .process ol{grid-template-columns:1fr;gap:24px}
 .process li{padding-left:20px}
 .process p{font-size:14px}
 .contact-copy{padding:64px 0}
 .contact-copy h2{grid-column:1;grid-row:auto;font-size:42px}
 .contact-copy p,.contact-copy .button{grid-column:1;grid-row:auto}
 .contact-copy p{margin:0}
 .footer{font-size:13px}
}