/* v5.28 approved UX: taller utility/header, aligned content, right-side skyline crop.
   Intentionally scoped to homepage; preserve all content and functionality. */
@media (min-width:1081px) {
 html body:has(.v5-hero) .v51-topbar {height:44px!important;min-height:44px!important;font-size:12px!important;display:flex!important;align-items:center!important}
 html body:has(.v5-hero) .v51-top-inner {min-height:44px!important;align-items:center!important;gap:17px!important}
 html body:has(.v5-hero) .site-header {height:72px!important;min-height:72px!important}
 html body:has(.v5-hero) .site-header .header-inner {height:72px!important;min-height:72px!important}
 html body:has(.v5-hero) .site-header .brand img {width:57px!important;height:57px!important;object-fit:contain!important}
 html body:has(.v5-hero) .site-header .brand-copy strong {font-size:22px!important}
 html body:has(.v5-hero) .site-header .brand-copy small {font-size:10px!important}
 html body:has(.v5-hero) .site-header .nav .nav-link {font-size:12px!important}
 html body:has(.v5-hero) .container,
 html body:has(.v5-hero) .v5-services > .container,
 html body:has(.v5-hero) .v5-products > .container,
 html body:has(.v5-hero) .v5-partners > .container,
 html body:has(.v5-hero) .site-header .header-inner,
 html body:has(.v5-hero) .v51-top-inner {
   width:min(1480px, calc(100% - 64px))!important;max-width:1480px!important;
   margin-inline:auto!important; box-sizing:border-box!important;
 }
 html body:has(.v5-hero) .v5-hero-inner {width:min(1480px,calc(100% - 64px))!important;max-width:1480px!important;grid-template-columns:minmax(0,45%) minmax(0,55%)!important;min-height:460px!important;margin-inline:auto!important}
 html body:has(.v5-hero) .v5-hero {min-height:460px!important}
 html body:has(.v5-hero) .v5-hero-right {min-height:460px!important;overflow:hidden!important;isolation:isolate!important;clip-path:inset(0)!important}
 html body:has(.v5-hero) .v5-skyline {inset:0!important;background-position:50% center!important;background-size:cover!important}
 html body:has(.v5-hero) .v5-hero-copy {padding:46px 14px 32px 0!important}
 html body:has(.v5-hero) .v5-hero h1 {font-size:clamp(40px,3.1vw,55px)!important;line-height:1.13!important}
 html body:has(.v5-hero) .v5-services-layout {grid-template-columns:minmax(0,29%) minmax(0,1fr)!important;gap:28px!important}
 html body:has(.v5-hero) .v5-service-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:1081px) and (max-width:1280px) {
 html body:has(.v5-hero) .v5-hero h1 {font-size:clamp(36px,3.5vw,49px)!important}
 html body:has(.v5-hero) .site-header .nav{gap:10px!important}
}
@media (min-width:721px) and (max-width:1080px) {
 html body:has(.v5-hero) .v51-topbar {min-height:38px!important;height:auto!important}
 html body:has(.v5-hero) .v5-hero-right {overflow:hidden!important}
 html body:has(.v5-hero) .v5-skyline {inset:0!important;background-position:center center!important}
}
@media (max-width:720px){
 html body:has(.v5-hero) .v5-hero-right {overflow:hidden!important}
 html body:has(.v5-hero) .v5-skyline {inset:0!important;background-position:center center!important}
}