.gallery-hero,
.contact-hero {
  filter: none !important;
}


.hero,
.artists,
.vendor-hero,
.about-hero,
.volunteer-closed-hero,
.cause-hero,
.gallery-hero,
.contact-hero,
.faq-hero,
.program-coming-soon {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

#background-video,
#background-video-artist,
.vendor-hero__media,
.about-hero__media,
.volunteer-closed-hero__media,
.cause-hero__media {
  z-index: 0 !important;
  filter: none !important;
}

.hero::before,
.vendor-hero::after,
.about-hero::before,
.volunteer-closed-hero::before,
.cause-hero::before,
.gallery-hero::before,
.contact-hero::before,
.faq-hero::before,
.program-coming-soon::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block !important;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(16, 24, 32, 0.72) 0%, rgba(16, 24, 32, 0.48) 34%, rgba(16, 24, 32, 0.12) 66%, transparent 100%),
    linear-gradient(180deg, transparent 76%, rgba(244, 251, 255, 0.88) 100%) !important;
}

.artists::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block !important;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center 20%, rgba(16, 24, 32, 0.58) 0%, rgba(16, 24, 32, 0.34) 38%, rgba(16, 24, 32, 0.08) 70%, transparent 100%),
    linear-gradient(180deg, transparent 76%, rgba(244, 251, 255, 0.86) 100%) !important;
}

.hero-content,
.artist-teaser,
.artist-scroll-wrapper,
.vendor-hero__content,
.about-hero__content,
.volunteer-closed-hero__content,
.cause-hero__content,
.contact-hero__content,
.gallery-hero > div,
.faq-hero__content,
.program-coming-soon__inner {
  position: relative;
  z-index: 2 !important;
}

.hero-title,
.artist-teaser h2,
.vendor-hero h1,
.about-hero h1,
.volunteer-closed-hero h1,
.cause-hero h1,
.gallery-hero h1,
.contact-hero h1,
.faq-hero h1,
.program-coming-soon h1 {
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.72), 0 14px 38px rgba(0, 0, 0, 0.42) !important;
}

.hero-subtitle,
.artist-subtitle,
.vendor-hero__content > p:not(.vendor-kicker),
.about-hero__content > p:not(.section-kicker),
.volunteer-closed-hero p:not(.section-kicker),
.cause-hero p:not(.section-kicker),
.gallery-hero p:not(.section-kicker),
.contact-hero p:not(.section-kicker),
.faq-hero p:not(.section-kicker),
.program-coming-soon p:not(.section-kicker) {
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.72) !important;
}