.page-banner {
   height: 50vh;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
}

.page-banner::before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.6);
}

.banner-content {
   position: relative;
   z-index: 2;
}

.banner-content h1 {
   font-family: "Playfair Display", serif;
   font-size: 64px;
   margin-bottom: 15px;
}

.banner-content p {
   color: #ddd;
   font-size: 18px;
}

.gallery-section {
   padding: 100px 0;
}

@media (max-width: 768px) {
   .page-banner {
      min-height: 65vh;
      padding-top: 90px;
      padding-left: 20px;
      padding-right: 20px;
      align-items: center;
   }

   .banner-content {
      max-width: 100%;
      margin: auto;
      text-align: center;
   }

   .banner-content h1 {
      font-size: 42px;
      line-height: 1.2;
      margin-bottom: 14px;
   }

   .banner-content p {
      font-size: 15px;
      line-height: 1.7;
      max-width: 320px;
      margin: auto;
   }
}