.cp-page-hero{position:relative;overflow:hidden}
.cp-page-hero:after{content:'';position:absolute;inset:45% -12% -15%;pointer-events:none;opacity:.2;filter:blur(20px);background:radial-gradient(ellipse at 20% 55%,rgba(220,230,220,.4),transparent 40%),radial-gradient(ellipse at 78% 60%,rgba(220,230,220,.25),transparent 36%);animation:cp-page-mist 22s ease-in-out infinite alternate}
.cp-page-hero__content{position:relative;z-index:1}
@keyframes cp-page-mist{from{transform:translateX(-3%) scale(1.02)}to{transform:translateX(4%) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.cp-page-hero:after{animation:none}}