/* A faint background-only wash. Content and existing gradients stay untouched. */
.within-drift-host{position:relative;isolation:isolate}
.within-color-drift{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;border-radius:inherit}
body>.within-color-drift{position:fixed;border-radius:0}
.within-color-drift::before,.within-color-drift::after{content:"";position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 24% 36%,#a8cfe9 0%,transparent 58%),radial-gradient(ellipse at 78% 72%,#edd2a3 0%,transparent 56%);opacity:.045;animation:within-color-breath 74s ease-in-out infinite alternate}
.within-color-drift::after{background:radial-gradient(ellipse at 72% 28%,#dec0df 0%,transparent 60%),radial-gradient(ellipse at 30% 75%,#b9ded1 0%,transparent 56%);opacity:.025;animation:within-color-breath 91s ease-in-out -37s infinite alternate-reverse}
@keyframes within-color-breath{from{transform:translate3d(-2%,-1%,0) scale(1);opacity:.025}to{transform:translate3d(3%,2%,0) scale(1.045);opacity:.065}}
.paused .within-color-drift::before,.paused .within-color-drift::after,.motion-paused .within-color-drift::before,.motion-paused .within-color-drift::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.within-color-drift::before,.within-color-drift::after{animation:none!important;opacity:.025}}