/* ======================== */
/* ПУЛЬСИРУЮЩАЯ СЕТКА        */
/* ======================== */

.bg-grid {
    position: fixed;
    inset: 0; 
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 0;
    pointer-events: none;
    
    /* Делаем сетку очень мелкой и прозрачной */
    background-image: 
        linear-gradient(rgba(212, 208, 200, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(212, 208, 200, 0.03) 1px, transparent 1px);
    
    background-size: 60px 60px;
    background-attachment: fixed; 
    
    /* Увеличили время до 10 секунд и добавили ease-in-out для плавности */
    animation: grid-pulse 5s ease-in-out infinite alternate;
}

/* Ключевые кадры: теперь амплитуда изменения прозрачности очень маленькая */
@keyframes grid-pulse {
    0% {
        /* Почти невидимая */
        opacity: 0.1;
    }
    100% {
        /* Слегка проступает, но всё еще очень прозрачная */
        opacity: 0.8;
    }
}