/* Desktop hero composition — mobile remains untouched */
@media(min-width:901px){
 .wrap{width:88%;max-width:1540px}
 .nav{height:94px}
 .hero{height:auto;min-height:min(790px,calc(100svh - 94px));max-height:none;align-items:center;overflow:visible}
 .hero-copy{width:58%;padding:85px 0 128px}
 .hero h1{font-size:clamp(76px,6.7vw,126px);line-height:1.055;letter-spacing:clamp(3px,.38vw,7px);margin:32px 0 25px}
 .hero .eyebrow{font-size:10px;letter-spacing:2.3px}
 .hero-tagline{font-size:12px;letter-spacing:5px;margin-bottom:28px}
 .hero-copy p{font-size:clamp(15px,1.03vw,18px);line-height:1.7;max-width:560px}
 .hero-clarity{font-size:clamp(15px,1.08vw,19px);max-width:540px;margin-top:18px;line-height:1.6}
 .hero .actions{margin-top:36px;gap:34px}
 .hero .btn{font-size:14px;padding:21px 27px}
 .hero .text-link{font-size:14px}
 .hero-foot{bottom:24px;font-size:10px}
 .atmosphere-architecture .architectural-mark{width:min(45vw,740px)!important;right:2.5%!important;top:15%!important;opacity:.57!important}
 .atmosphere-architecture>svg:not(.architectural-mark){opacity:.065!important}
 .atmosphere-architecture>.axis{opacity:.12!important}
}
@media(min-width:901px) and (max-width:1250px){
 .hero-copy{width:62%}
 .hero h1{font-size:clamp(66px,6.5vw,88px)}
 .atmosphere-architecture .architectural-mark{right:-5%!important;opacity:.43!important}
}
@media(min-width:901px) and (max-height:780px){
 .hero{min-height:680px}
 .hero-copy{padding-top:65px;padding-bottom:115px}
}