/* V98: keep animated hero backgrounds behind all real hero content.
   The former mobile gradient covered guide media because the figure had no
   stacking level while the hero pseudo-elements used z-index: 0. */
.guide-hero > .guide-hero-copy,
.guide-hero > .guide-hero-visual {
  position: relative;
  z-index: 2;
}

.guide-hero > .v87-compact-orbit {
  position: relative;
  z-index: 2;
}

@media (max-width: 979px) {
  .guide-hero > .guide-hero-visual,
  .guide-hero > .guide-hero-visual img,
  .guide-hero > .guide-hero-visual figcaption {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .guide-hero > .guide-hero-visual {
    isolation: isolate;
  }

  .guide-hero > .guide-hero-visual img,
  .guide-hero > .guide-hero-visual figcaption {
    position: relative;
    z-index: 1;
  }
}