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

.gallery-home{

background:#F8F8F6;

overflow:hidden;

}

.gallery-home .container{

text-align:center;
margin-bottom:70px;

}

.gallery-grid{

display:grid;

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

grid-auto-rows:240px;

gap:24px;

max-width:1600px;

margin:auto;

}

.gallery-item{

overflow:hidden;

border-radius:24px;

position:relative;

background:#eee;

}

.gallery-item.large{

grid-column:span 7;
grid-row:span 2;

}

.gallery-item.wide{

grid-column:span 8;

}

.gallery-item:not(.large):not(.wide){

grid-column:span 5;

}

.gallery-item img{

width:100%;
height:100%;

object-fit:cover;

transition:transform .8s ease;

}

.gallery-item:hover img{

transform:scale(1.06);

}

.gallery-item::after{

content:"";

position:absolute;

inset:0;

background:linear-gradient(
to top,
rgba(8,28,44,.22),
transparent 55%
);

opacity:0;

transition:.45s;

}

.gallery-item:hover::after{

opacity:1;

}