/**
 * Aurora Mesh Gradient Backgrounds
 * Subtle radial gradient blobs that drift slowly across sections.
 * @since 3.3.0
 */
.ccec-aurora {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
    mix-blend-mode: soft-light;
}
.ccec-aurora__blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    will-change: transform;
    animation: ccec-aurora-drift 18s ease-in-out infinite alternate;
}
.ccec-aurora__blob:nth-child(1) {
    width: clamp(300px, 40vw, 600px);
    height: clamp(300px, 40vw, 600px);
    background: radial-gradient(circle, var(--ccec-primary-light) 0%, transparent 70%);
    top: -15%;
    left: 0%;
    opacity: 0.7;
}
.ccec-aurora__blob:nth-child(2) {
    width: clamp(250px, 35vw, 500px);
    height: clamp(250px, 35vw, 500px);
    background: radial-gradient(circle, var(--ccec-secondary) 0%, transparent 70%);
    top: 30%;
    right: -8%;
    opacity: 0.5;
    animation-delay: -5s;
}
.ccec-aurora__blob:nth-child(3) {
    width: clamp(200px, 30vw, 400px);
    height: clamp(200px, 30vw, 400px);
    background: radial-gradient(circle, var(--ccec-primary) 0%, transparent 65%);
    bottom: 0%;
    left: 30%;
    opacity: 0.45;
    animation-delay: -10s;
}
.ccec-aurora__blob:nth-child(4) {
    width: clamp(180px, 25vw, 350px);
    height: clamp(180px, 25vw, 350px);
    background: radial-gradient(circle, var(--ccec-secondary-light) 0%, transparent 65%);
    top: 5%;
    left: 55%;
    opacity: 0.3;
    animation-delay: -3s;
}
@keyframes ccec-aurora-drift {
    0%   { transform: translate(0, 0) scale(1); }
    25%  { transform: translate(40px, -30px) scale(1.12); }
    50%  { transform: translate(-25px, 20px) scale(0.92); }
    75%  { transform: translate(15px, 35px) scale(1.06); }
    100% { transform: translate(-30px, -15px) scale(1.03); }
}
/* Ensure content inside aurora-bearing sections sits above the blobs */
.ccec-aurora ~ .container {
    position: relative;
    z-index: 3;
}
@media (prefers-reduced-motion: reduce) {
    .ccec-aurora__blob { animation: none; }
}