/* Matches the Sites page-hero image layer without changing ASP article markup. */
.page-hero {
  background: #030d20;
  isolation: isolate;
}
.page-hero::after {
  content: "";
  position: absolute;
  inset: 0 0 0 42%;
  z-index: 0;
  pointer-events: none;
  opacity: .66;
  background-image:
    linear-gradient(90deg,#030d20 0,rgba(3,13,32,.74) 33%,rgba(3,13,32,.18) 76%),
    linear-gradient(0deg,rgba(3,13,32,.7),transparent 50%),
    var(--aeneas-page-hero-image);
  background-size: cover;
  background-position: 76% center;
  background-repeat: no-repeat;
}
.page-hero::before { z-index: 1; pointer-events: none; }
.page-hero-in { position: relative; z-index: 2; }
@media (max-width: 760px) {
  .page-hero::after {
    left: 8%;
    opacity: .34;
    background-image:
      linear-gradient(90deg,#030d20 0,rgba(3,13,32,.79) 58%,rgba(3,13,32,.38)),
      linear-gradient(0deg,rgba(3,13,32,.72),transparent 55%),
      var(--aeneas-page-hero-image);
    background-position: 66% center;
  }
}