.hero-in{min-height:420px}.hero-in h1{max-width:44rem}.intro h2{font-size:clamp(1.4rem,2.5vw,1.9rem)}.vals li{border-left:1px solid var(--border);padding-left:1rem}
/* Hero: full-strength photo, dark-blue gradient on the left only (footer blue #071d42) */
.hero.dark{background:#1b2c47}
.hero.dark .hero-img{opacity:1;background-color:#3a4a63}
.hero.dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,29,66,.96) 0%,rgba(7,29,66,.85) 30%,rgba(7,29,66,.45) 55%,rgba(7,29,66,0) 80%)}
.hero.dark .hero-in{z-index:1}
@media (max-width:1023px){.hero.dark::after{background:linear-gradient(90deg,rgba(7,29,66,.95) 0%,rgba(7,29,66,.75) 60%,rgba(7,29,66,.35) 100%)}}