/* Readable copy over natural festival photography.
   The darkening is limited to the text zone; content sections keep the milk palette. */
.page-hero::after {
  background: linear-gradient(90deg,
    rgba(8, 10, 9, .82) 0%,
    rgba(8, 10, 9, .76) 55%,
    rgba(8, 10, 9, .58) 72%,
    rgba(8, 10, 9, .18) 100%) !important;
}

.page-hero-content {
  color: #fffaf0 !important;
  text-shadow: none !important;
}

.page-hero h1 {
  color: #ffe8ad !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .58) !important;
  text-wrap: balance;
}

.page-hero .eyebrow {
  color: #66d9cf !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .72) !important;
}

.page-hero .page-hero-content > p:not(.eyebrow) {
  color: #fffaf0 !important;
  font-weight: 500;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .82) !important;
}

@media (max-width: 820px) {
  .page-hero::after {
    background: linear-gradient(0deg,
      rgba(8, 10, 9, .86) 0%,
      rgba(8, 10, 9, .76) 58%,
      rgba(8, 10, 9, .34) 100%) !important;
  }
}

@media (forced-colors: active) {
  .page-hero h1,
  .page-hero .eyebrow,
  .page-hero .page-hero-content > p:not(.eyebrow) {
    color: CanvasText !important;
    text-shadow: none !important;
  }
}