/* The local school illustration quietly grounds both stages in the Lessing. */
.ep-entry,
.hero {
  background-color: #050d18;
  background-image: linear-gradient(rgba(5,13,24,.6),rgba(5,13,24,.74)),url('../img/school-background.webp');
  background-position: center,center 56%;
  background-size: cover;
  background-repeat: no-repeat;
}
.ep-entry::after {
  background: linear-gradient(90deg,rgba(5,13,24,.64),rgba(5,13,24,.52) 30%,rgba(5,13,24,.14) 68%,rgba(5,13,24,.1));
}
.ep-entry[data-entry-phase="story"] {
  background-image: linear-gradient(rgba(5,13,24,.78),rgba(5,13,24,.84)),url('../img/school-background.webp');
}
.ep-entry[data-entry-phase="story"]::after {
  background: linear-gradient(90deg,rgba(5,13,24,.7),rgba(5,13,24,.52) 44%,rgba(5,13,24,.22));
}
.hero::before {
  background: linear-gradient(90deg,rgba(6,18,31,.74),rgba(6,18,31,.67) 24%,rgba(6,18,31,.43) 43%,transparent 69%),linear-gradient(0deg,#06121f,transparent 24%);
}
@media (max-width: 1050px) {
  .hero { background-position: center,38% center; }
  .hero::before {
    background: linear-gradient(rgba(6,18,31,.66),rgba(6,18,31,.73) 30%,rgba(6,18,31,.28) 62%,rgba(6,18,31,.1)),linear-gradient(0deg,#06121f,transparent 24%);
  }
}
@media (max-width: 900px) {
  .ep-entry { background-position: center,40% center; }
  .ep-entry::after {
    background: linear-gradient(0deg,rgba(5,13,24,.78),rgba(5,13,24,.66) 42%,rgba(5,13,24,.12) 83%);
  }
  .ep-entry[data-entry-phase="story"]::after {
    background: linear-gradient(0deg,rgba(5,13,24,.76),rgba(5,13,24,.52) 64%,rgba(5,13,24,.2));
  }
}