/* ==========================================================================
   Aeon Dynamics — bg-wash.css 
   --------------------------------------------------------------------------
   Make the wash part of the canvas background so it always shows.
   Particles draw on the canvas; CSS background sits behind the drawing.
   ========================================================================== */

/* Ensure the canvas is the true bottom layer */
.background {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: -2; /* hard below everything */
    pointer-events: none;
}

.background {
    background: linear-gradient(165deg, rgba(45, 101, 132, 0.00) 0%, rgba(45, 101, 132, 0.12) 35%, rgba(45, 101, 132, 0.00) 60%, rgba(28, 60, 94, 0.10) 82%, rgba(28, 60, 94, 0.00) 100%), radial-gradient(1200px 700px at 20% 25%, rgba(45, 101, 132, 0.22), rgba(45, 101, 132, 0.00) 60%), radial-gradient(1000px 600px at 85% 15%, rgba(133, 184, 216, 0.16), rgba(133, 184, 216, 0.00) 55%);
}


/* Put the rest of the site above it */
.main-wrapper {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .background {
        background-size: 120% 120%;
        animation: aeon-wash-drift 60s ease-in-out infinite alternate;
    }

    @keyframes aeon-wash-drift {
        0% {
            background-position: 0% 0%, 100% 0%, 80% 100%;
        }

        100% {
            background-position: 8% 6%, 92% 10%, 72% 92%;
        }
    }
}