/* Hero Section */
    .hero-section {
      position: relative;
      background: url('../images/gallery-hero.jpg') center/cover no-repeat;
      height: 60vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .hero-section::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.6);
    }
    .hero-section h1 {
      position: relative;
      color: #ffc107;
      font-size: 3rem;
      font-weight: bold;
      z-index: 1;
    }