/* ================= HERO ================= */

.gallery-hero{

height:45vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
background:#181818;

}

.gallery-hero h1{

font-size:60px;
color:#F4A100;

}

.gallery-hero p{

margin-top:15px;
font-size:18px;
color:#ddd;

}

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

.gallery{

width:90%;
max-width:1300px;
margin:100px auto;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

gap:25px;

}

.gallery-item{

overflow:hidden;

border-radius:20px;

background:#1b1b1b;

}

.gallery-item img{

width:100%;

height:280px;

object-fit:cover;

transition:.4s;

}

.gallery-item:hover img{

transform:scale(1.08);

}