#heroImage { position: relative; }
#heroImage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0) 70%);
}

.accent-2 .promo-title, .accent-2 .promo-text {
  color: var(--color-3) !important;
}
#home-mailing-list h2 {
  color: var(--color-2) !important;
}

.cc-note {
  color: var(--color-2);
}
.about p, .about hr {
color: var(--color-2);
}