/* =========================
PAGE BANNER
========================= */

.page-banner{
  background:
  linear-gradient(135deg, rgba(15,23,42,0.85), rgba(108,59,255,0.85)),
  url('/images/gallery1.jpg');
  background-size:cover;
  background-position:center;
  padding:160px 0 90px;
  text-align:center;
  color:#fff;
}

.page-banner h1{
  font-size:54px;
  font-weight:800;
}

.page-banner p{
  margin-top:15px;
  color:#e2e8f0;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
}

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

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:25px;
}

.gallery-grid img{
  width:100%;
  height:250px;
  object-fit:cover;
  border-radius:20px;
  transition:0.4s ease;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  cursor:pointer;
}

/* HOVER EFFECT */
.gallery-grid img:hover{
  transform:scale(1.05);
  box-shadow:0 20px 50px rgba(108,59,255,0.25);
}

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

@media(max-width:768px){

.page-banner h1{
  font-size:34px;
}

.gallery-grid img{
  height:200px;
}

}