/*======================================
        GALLERY SHOWCASE
======================================*/

.gallery-showcase{

    padding:100px 0;

    background:#111111;

}

.gallery-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

/*======================================
        GALLERY CARD
======================================*/

.gallery-card{

    overflow:hidden;

    border-radius:22px;

    background:#181818;

    border:1px solid rgba(255,255,255,.06);

    transition:.35s ease;

}

.gallery-card:hover{

    transform:translateY(-8px);

    border-color:rgba(212,175,55,.28);

    box-shadow:0 25px 55px rgba(0,0,0,.35);

}

/*======================================
        IMAGE
======================================*/

.gallery-card a{

    display:block;

    overflow:hidden;

}

.gallery-card img{

    width:100%;

    aspect-ratio:320/430;

    object-fit:cover;

    display:block;

    transition:transform .6s ease;

}

.gallery-card:hover img{

    transform:scale(1.06);

}

/*======================================
        CONTENT
======================================*/

.gallery-content{

    padding:24px;

    text-align:center;

}

.gallery-content h3{

    margin:0 0 10px;

    color:#ffffff;

    font-size:28px;

}

.gallery-content p{

    margin:0 0 18px;

    color:#bdbdbd;

    font-size:15px;

}

.gallery-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#D4AF37;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.gallery-link:hover{

    color:#ffffff;

}

/*======================================
        TABLET
======================================*/

@media(max-width:991px){

    .gallery-showcase{

        padding:80px 0;

    }

    .gallery-grid{

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

        gap:25px;

        margin-top:45px;

    }

    .gallery-content{

        padding:20px;

    }

    .gallery-content h3{

        font-size:24px;

    }

}

/*======================================
        MOBILE
======================================*/

@media(max-width:768px){

    .gallery-showcase{

        padding:70px 0;

    }

    .gallery-grid{

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

        gap:18px;

        margin-top:40px;

    }

    .gallery-card{

        border-radius:18px;

    }

    .gallery-content{

        padding:18px 14px;

    }

    .gallery-content h3{

        font-size:20px;

        margin-bottom:8px;

    }

    .gallery-content p{

        font-size:13px;

        margin-bottom:14px;

    }

    .gallery-link{

        font-size:14px;

    }

}