.hero { isolation:isolate; background:#011F78; }
.hero-photo { position:absolute; z-index:-3; inset:-4%; overflow:hidden; }
.hero-photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; animation:hero-drift 18s ease-in-out infinite alternate; will-change:transform; }
.hero:after { z-index:-1; background:linear-gradient(90deg,rgba(1,31,120,.95) 0%,rgba(1,31,120,.82) 33%,rgba(1,31,120,.30) 65%,rgba(1,31,120,.28) 100%),linear-gradient(0deg,rgba(1,18,71,.68),transparent 42%); }
.hero-grid { z-index:-1; opacity:.13; }
.hero-inner { grid-template-columns:minmax(0,660px) 1fr; min-height:660px; }
.hero-copy { position:relative; }
.hero-copy:after { content:""; position:absolute; width:220px; height:220px; left:-100px; top:25%; z-index:-1; border-radius:50%; background:rgba(242,130,9,.17); filter:blur(52px); animation:hero-glow 7s ease-in-out infinite alternate; }
.hero-proof { border-top:1px solid rgba(255,255,255,.28); padding-top:1.2rem; max-width:440px; }
@keyframes hero-drift { from { transform:scale(1.035) translate3d(-.7%,-.35%,0); } to { transform:scale(1.10) translate3d(1.1%,.7%,0); } }
@keyframes hero-glow { from { transform:translate3d(-12px,-5px,0) scale(.85); opacity:.5; } to { transform:translate3d(40px,25px,0) scale(1.15); opacity:1; } }
@media(max-width:720px) { .hero-photo { inset:-2% -15%; } .hero-photo img { object-position:66% center; animation-duration:14s; } .hero-inner { display:block; min-height:auto; } .hero-copy { max-width:440px; } .hero:after { background:linear-gradient(180deg,rgba(1,31,120,.10),rgba(1,31,120,.72) 43%,#011F78 85%); } }
@media(prefers-reduced-motion:reduce) { .hero-photo img, .hero-copy:after { animation:none; } }