/*==============================
        Gallery Hero
===============================*/

.gallery-hero{

    margin-top:170px;
    margin-bottom:70px;

    display:flex;
    justify-content:center;
    align-items:center;

    text-align:center;

}

.gallery-overlay{

    width:min(900px,90%);

}

.gallery-hero h1{

    font-size:3.2rem;

    color:#3b3026;

    margin-bottom:20px;

    font-weight:700;

}

.gold-line{

    width:90px;
    height:5px;

    margin:0 auto 35px auto;

    border-radius:50px;

    background:#d4af37;

}

.gallery-quote{

    font-size:1.4rem;

    font-style:italic;

    color:#6a625b;

    line-height:1.7;

    margin-bottom:45px;

}

.gallery-grid{

    width:90%;

    max-width:1400px;

    margin:auto;

    display:grid;

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

    gap:25px;

    padding-bottom:80px;

}

.gallery-card{

    background:white;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
        0 12px 30px rgba(0,0,0,.10);

    transition:
        transform .35s,
        box-shadow .35s;

}



.gallery-card img{

    display:block;

    width:100%;

    aspect-ratio:1/1;

    object-fit:cover;

    transition:transform .5s;

}

.gallery-card:hover img{

    transform:scale(1.08);

}

.gallery-separator{

    width:120px;

    height:4px;

    border:none;

    background:#d4af37;

    margin:45px auto;

    border-radius:50px;

}

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

@media(max-width:900px){

    .gallery-grid{

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

    }

}

@media(max-width:600px){

    .gallery-grid{

        grid-template-columns:1fr;

    }

    .gallery-hero h1{

        font-size:2.4rem;

    }

    .gallery-quote{

        font-size:1.1rem;

    }

}