/* VGaint Premium White v2.0 — compact hero matching the approved UX reference */
@media(min-width:1051px){
.container{max-width:1320px}
.site-header .container{max-width:1320px}
.hero{background:linear-gradient(110deg,#fff 35%,#f2f8ff 75%,#edf5ff);}
.hero:after{content:"";position:absolute;right:0;top:0;bottom:0;width:28%;background:linear-gradient(90deg,#f4f9ff00,#eef6ff33);pointer-events:none}
.hero-grid{min-height:375px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;position:relative;z-index:1}
.hero-copy{padding:35px 0 32px}
.hero h1{font-size:clamp(37px,3.15vw,49px);letter-spacing:-2px;line-height:1.09;margin:0 0 12px;white-space:nowrap}
.hero-desc{font-size:15px;line-height:1.54;max-width:610px;margin-bottom:16px}
.hero .eyebrow{margin-bottom:13px}
.hero .button-row .btn{padding:11px 18px}
.hero .benefit-row{margin-top:15px;gap:15px;font-size:11px}
.hero-visual{height:375px;place-items:center start}
.skyline-photo{position:absolute;right:calc((1320px - 100vw)/2 - 14px);top:0;height:100%;width:min(33vw,590px);background-image:linear-gradient(90deg,#f5f9ff 0%,#f5f9ff00 25%),url('kuwait-skyline-reference.webp');background-size:cover;background-position:62% 50%;opacity:.93;pointer-events:none}
.capability-card{width:390px;max-width:84%;border-radius:16px;padding:11px 22px;box-shadow:0 12px 38px #163d6019}
.card-heading{font-size:11px;margin-bottom:6px}.capability-item{padding:10px 0;gap:12px}.cap-icon{height:40px;width:40px;font-size:22px}.capability-item strong{font-size:13px}.capability-item small{font-size:11px;margin-top:2px}
.visual-grid,.visual-mark,.hero-glow{display:none}
.visual-note{right:0;bottom:12px;background:#fff9;padding:3px 7px;border-radius:3px;letter-spacing:1px}
.section{padding:52px 0}
.section-heading{margin-bottom:24px}
.section h2{font-size:clamp(27px,2.5vw,36px)}
.solution-card{min-height:0}
}
@media(min-width:1051px) and (max-width:1410px){.skyline-photo{right:-5vw;width:32vw}.hero h1{font-size:clamp(35px,3.05vw,43px)}.capability-card{width:355px}}
@media(min-width:1051px) and (max-width:1200px){.hero-grid{grid-template-columns:1.12fr .88fr;gap:12px}.hero h1{font-size:37px}.capability-card{width:335px}}
@media(max-width:1050px){.hero{background:linear-gradient(120deg,#fff,#f3f8ff)}.skyline-photo{position:absolute;inset:0 0 auto auto;width:52%;height:100%;background:url('kuwait-skyline-reference.webp') center/cover;opacity:.18;pointer-events:none}.capability-card{z-index:1}}
@media(max-width:680px){.skyline-photo{width:100%;opacity:.09}.hero h1{white-space:normal}.hero-copy{position:relative;z-index:1}.visual-note{font-size:8px}}