/* Large desktop composition: preserve the existing tablet/mobile layouts. */
@media(min-width:1440px){
 .wrap{width:min(1400px,calc(100% - 96px))}
 .hero{display:flex;align-items:center;min-height:clamp(620px,calc(100svh - 190px),980px);padding:clamp(72px,6svh,112px) 0}
 .hero-grid{gap:72px}
 .hero .technical-art{height:clamp(440px,31vw,560px)}
 .hero h1{font-size:clamp(54px,3.2vw,68px)}
 html[lang=ar] .hero h1{font-size:clamp(48px,3vw,60px)}
 .hero-copy{font-size:19px;max-width:640px}
 .hero-meta{font-size:15px;margin-top:26px}
 .hero .eyebrow{font-size:15px}
 .hero-actions .btn{font-size:17px;padding:13px 24px}
}