/* =======================================
   GALLERY PAGE
======================================= */

.gallery-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

.gallery-grid img{

    width:100%;

    display:block;

    border-radius:18px;

    border:1px solid var(--border);

    box-shadow:var(--shadow);

    cursor:pointer;

    transition:var(--transition);

}

.gallery-grid img:hover{

    transform:translateY(-8px) scale(1.02);

    box-shadow:0 20px 50px rgba(0,0,0,.18);

}

/* =======================================
   RESPONSIVE
======================================= */

@media (max-width:992px){

    .gallery-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:576px){

    .gallery-grid{

        grid-template-columns:1fr;

    }

}