/* BACKGROUND STYLES */
.background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--charcoal);
    overflow: hidden;
}

.noise {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* PERFORMANCE BOTTLENECK: SVG Filters force expensive repaints on every frame during scroll. 
       Use a static PNG pattern instead for better performance. */
    /* background-image: url("data:image/svg+xml,..."); */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    background-repeat: repeat;
    /* background-color: rgba(255, 255, 255, 0.03); */
    opacity: 0.1;
    z-index: 1;
    pointer-events: none; /* Ensure it doesn't block scrolling */
}

/* .static-lighting {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0.5;
    z-index: 0;
    animation: lighting-pulse 30s infinite alternate;
}

.static-lighting::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 20%;
    width: 200px;
    height: 200px;
    background: radial-gradient(ellipse at center, hsla(50, 100%, 50%, 0.1) 0%, rgba(255, 217, 0, 0) 70%);
    border-radius: 50%;
    animation: light-flicker-1 25s infinite alternate;
}


@keyframes lighting-pulse {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        transform: scale(1.1);
        opacity: 0.4;
    }
}

@keyframes light-flicker-1 {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0.6;
    }
    50% {
        transform: translate(10px, -15px) scale(1.05);
        opacity: 0.4;
    }
    100% {
        transform: translate(-10px, 15px) scale(0.95);
        opacity: 0.5;
    }
} */