/* === Page-specific overrides === */

/* Cleaned page hero */
.page-hero-cleaned {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/work/work-10.jpg') center/cover no-repeat;
  color: #fff;
  padding: 10rem 2rem 7rem;
}
.page-hero-cleaned p {
  color: rgba(255, 255, 255, 0.85);
}

/* Ministry page hero */
.page-hero-ministry {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/ministry-hero.jpg') center/contain no-repeat;
  background-color: #2c2c2c;
  color: #fff;
  padding: 8rem 2rem 5rem;
}
.page-hero-ministry p {
  color: rgba(255, 255, 255, 0.85);
}

/* Music page hero */
.page-hero-music {
  background: #1a1a1a;
  color: #fff;
  padding: 10rem 2rem 7rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.page-hero-music h1,
.page-hero-music > p {
  position: relative;
  z-index: 2;
}
.page-hero-music p {
  color: rgba(255, 255, 255, 0.85);
}

.hero-slideshow {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: max-content;
  animation: heroScroll 28s linear infinite;
  opacity: 0.4;
  z-index: 0;
}

.hero-slide {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 12px;
}

.hero-overlay {
  display: none;
}

@keyframes heroScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 480px) {
  .hero-slide {
    width: 160px;
    height: 160px;
  }
}

/* Contact page hero */
.page-hero-contact {
  background: linear-gradient(135deg, #e3f2fd 0%, var(--bg-warm) 100%);
}