.page-hero{position:relative;isolation:isolate;overflow:hidden;background:#071225}
.page-hero::before{content:"";position:absolute;z-index:-1;inset:-4%;background:linear-gradient(90deg,rgba(5,13,28,.96),rgba(5,13,28,.3)),var(--hero-image) center/cover;animation:pageHeroMotion 18s ease-in-out infinite alternate}
.page-hero>div{animation:pageHeroCopy .8s .12s ease both}
@keyframes pageHeroMotion{from{transform:scale(1.02) translate3d(-.4%,0,0)}to{transform:scale(1.09) translate3d(.8%,-.5%,0)}}
@keyframes pageHeroCopy{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page-hero::before,.page-hero>div{animation:none}}