/*=========================================================
                    GALLERY SECTION
=========================================================*/

.gallery-section{

    padding:20px 0;

    background:#FBF8F2;

    overflow:hidden;

}

/*==================================================
                HEADER
==================================================*/

.gallery-header{

    max-width:750px;

    margin:0 auto 70px;

}

.gallery-tag{

    display:inline-block;

    background:#F4E6D3;

    color:#C97824;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.gallery-header h2{

    font-family:'Manrope',sans-serif;

    font-size:52px;

    font-weight:800;

    color:#302C28;

    margin-bottom:20px;

}

.gallery-header p{

    color:#756E66;

    line-height:1.8;

    font-size:18px;

}

/*==================================================
            GALLERY GRID
==================================================*/

.gallery-grid{

    display:grid;

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

    gap:25px;

    grid-auto-rows:280px;

}

/*==================================================
                ITEMS
==================================================*/

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    cursor:pointer;

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

}

.gallery-item.large{

    grid-column:span 2;

    grid-row:span 2;

}

.gallery-item.wide{

    grid-column:span 2;

}

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

.gallery-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s;

}

/*==================================================
                OVERLAY
==================================================*/

.gallery-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:25px;

    background:linear-gradient(

        transparent,

        rgba(15,23,42,.92)

    );

    color:#fff;

    transform:translateY(100%);

    transition:.45s;

}

.gallery-overlay h4{

    margin:0;

    font-size:24px;

    font-weight:700;

}

/*==================================================
                HOVER
==================================================*/

.gallery-item:hover img{

    transform:scale(1.12);

}

.gallery-item:hover .gallery-overlay{

    transform:translateY(0);

}

.gallery-item:hover{

    box-shadow:0 35px 70px rgba(169,78,36,.12);

}

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

@media(max-width:991px){

.gallery-grid{

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

}

.gallery-item.large,

.gallery-item.wide{

    grid-column:span 2;

}

.gallery-header h2{

    font-size:40px;

}

}

@media(max-width:768px){

.gallery-section{

    padding:80px 0;

}

.gallery-grid{

    grid-template-columns:1fr;

    grid-auto-rows:260px;

}

.gallery-item.large,

.gallery-item.wide{

    grid-column:span 1;

    grid-row:span 1;

}

.gallery-header h2{

    font-size:32px;

}

.gallery-header p{

    font-size:16px;

}

}


/* Compact gallery refinement */
.gallery-section{padding:72px 0;background:var(--off-white);}.gallery-header{margin-bottom:44px;}.gallery-tag{background:#F4E6D3;color:var(--primary-dark);padding:7px 15px;font-size:12px;margin-bottom:14px;}.gallery-header h2{font-size:42px;font-weight:700;}.gallery-header p{font-size:16px;}.gallery-grid{gap:18px;grid-auto-rows:245px;}.gallery-item{border-radius:16px;box-shadow:0 12px 30px rgba(47,43,39,.08);}.gallery-overlay{padding:20px;background:linear-gradient(transparent,rgba(41,38,35,.90));}.gallery-overlay h4{font-size:20px;}.gallery-item:hover{box-shadow:0 20px 42px rgba(47,43,39,.12);}