/* SAC Visual Layer v1 — cinematic page-hero photography (v8.2)
   Slow Ken Burns motion, navy premium overlay, reduced-motion safe.
   Images are local-first (assets/img) with automatic web fallback. */
.vx-hero{position:relative;overflow:hidden;isolation:isolate}
.vx-bg{position:absolute;inset:-6%;z-index:-1;background-size:cover;background-position:center;
  filter:saturate(1.06) contrast(1.03);animation:vxkb 28s ease-in-out infinite alternate;will-change:transform}
.vx-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,rgba(14,23,48,.94) 0%,rgba(14,23,48,.86) 42%,rgba(21,34,64,.72) 100%)}
.vx-bg::before{content:"";position:absolute;inset:0;z-index:1;
  background:radial-gradient(700px 420px at 82% 18%,rgba(79,142,247,.22),transparent 65%)}
@keyframes vxkb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.1) translate(-1.2%,-1.6%)}}
@media (prefers-reduced-motion:reduce){.vx-bg{animation:none;inset:0}}
/* shorter banners (solution subpages): heavier veil for tight text areas */
.vx-soft .vx-bg::after{background:linear-gradient(115deg,rgba(14,23,48,.96) 0%,rgba(14,23,48,.9) 50%,rgba(21,34,64,.8) 100%)}