.aurora-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.aurora-container canvas {
    display: block;
    width: 100%;
    height: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .hero--aurora {
        background: linear-gradient(135deg, #F0EDE6 0%, #C8A96E 42%, #4A5E30 68%, #2C3A1E 100%);
    }

    .footer--aurora {
        background: linear-gradient(180deg, #354928 0%, #2C3A1E 55%, #1C2414 100%);
    }

    .aurora-container {
        display: none;
    }
}

.footer--aurora {
    overflow: hidden;
}

.footer-aurora {
    opacity: 0.55;
}

.footer-aurora-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        180deg,
        rgba(44, 58, 30, 0.55) 0%,
        rgba(28, 36, 20, 0.82) 100%
    );
    pointer-events: none;
}

.footer--aurora .container {
    position: relative;
    z-index: 2;
}