/* Atmospheric artwork sits above the original section colors, without replacing them. */
:is(.about-reference, .for-whom, .results-oracle, .reviews, .services-designed, .formats, .approach-tarot, .contact) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
:is(.about-reference, .for-whom, .results-oracle, .reviews, .services-designed, .formats, .approach-tarot, .contact) > :not(.section-atmosphere) {
  position: relative;
  z-index: 1;
}
.section-atmosphere {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  pointer-events: none;
  mix-blend-mode: lighten;
  background-repeat: no-repeat;
}
.about-reference > .section-atmosphere {
  opacity: .55;
  background-image:
    url("assets/astral-orbit.svg"),
    url("assets/mystic-background.webp"),
    url("assets/mystic-background.webp");
  background-position: right -102px top 380px, center top, center bottom;
  background-size: 235px 235px, 100% auto, 100% auto;
}
.for-whom > .section-atmosphere {
  opacity: .52;
  background-image:
    url("assets/astral-orbit.svg"),
    url("assets/mystic-background.webp"),
    url("assets/mystic-background.webp");
  background-position: left -107px bottom 52px, center top, center bottom;
  background-size: 210px 210px, 100% auto, 100% auto;
}
.results-oracle > .section-atmosphere {
  opacity: .43;
  background-image:
    url("assets/mystic-background.webp"),
    url("assets/mystic-background.webp"),
    url("assets/mystic-background.webp");
  background-position: center top, center center, center bottom;
  background-size: 100% auto, 100% auto, 100% auto;
}
.reviews > .section-atmosphere {
  opacity: .49;
  background-image:
    url("assets/astral-orbit.svg"),
    url("assets/mystic-background.webp");
  background-position: right -102px center, center 13%;
  background-size: 190px 190px, 100% auto;
}
.services-designed > .section-atmosphere {
  opacity: .47;
  background-image:
    url("assets/astral-orbit.svg"),
    url("assets/mystic-background.webp"),
    url("assets/mystic-background.webp"),
    url("assets/mystic-background.webp");
  background-position: right -104px top 9px, center top, center 52%, center bottom;
  background-size: 205px 205px, 100% auto, 100% auto, 100% auto;
}
.formats > .section-atmosphere {
  opacity: .5;
  background-image:
    url("assets/astral-orbit.svg"),
    url("assets/mystic-background.webp");
  background-position: right -116px bottom 25px, center top;
  background-size: 215px 215px, 100% auto;
}
.approach-tarot > .section-atmosphere {
  opacity: .25;
  background-image:
    url("assets/mystic-background.webp"),
    url("assets/mystic-background.webp");
  background-position: center top, center bottom;
  background-size: 100% auto, 100% auto;
}
.contact > .section-atmosphere {
  opacity: .25;
  background-image: url("assets/astral-orbit.svg");
  background-position: left -96px center;
  background-size: 180px 180px;
}