/* Particle Field Animation for Hero Slider */

.hero-slider-container {
    position: relative;
    overflow: hidden;
}

/* Particle Overlay Container */
.wave-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    opacity: 0.6;
}

/* Canvas for particles */
.particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Pause animation when section not visible */
.hero-slider-container.paused .wave-overlay {
    opacity: 0;
    transition: opacity 0.5s;
}

/* Performance optimizations */
.wave-overlay {
    will-change: opacity;
}

.particle-canvas {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .wave-overlay {
        opacity: 0.4;
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .wave-overlay {
        display: none;
    }
}