/* ── GALERIE ── */
#galerie {
    background: var(--cream);
}

.galerie-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
}

.galerie-item {

    aspect-ratio: 4/3;
    cursor: pointer;
    position: relative;
}

.galerie-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.galerie-item:hover img {
    transform: scale(1.02); 
}

.galerie-item-overlay {
    position: absolute;
    inset: 0;
    background: rgba(42, 34, 24, 0);
    transition: background 0.4s;
}

.galerie-item:hover .galerie-item-overlay {
    background: rgba(42, 34, 24, 0.2);
}