/* Quiet Afterglow artwork behind the existing hero. No layout or content changes. */
.learning-hero {
  position: relative;
  isolation: isolate;
}

.learning-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(14, 15, 18, .58), rgba(14, 15, 18, .16) 55%, transparent),
    url("/img/rikai-painted-garden.jpg");
  background-size: cover;
  background-position: center, center 60%;
  filter: sepia(.25) saturate(.45) hue-rotate(328deg);
  opacity: .17;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 76%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 76%, transparent);
}

@media (max-width: 900px) {
  .learning-hero::before {
    background-image:
      linear-gradient(to bottom, rgba(14, 15, 18, .48), transparent 65%),
      url("/img/rikai-mountain-temple-mobile.jpg");
    background-position: center, center;
    opacity: .13;
  }
}