/* Full illustrated scenes; preserve detail under a translucent text scrim. */
.hs-side-character-section.hs-full-scene-panel {
  --full-scene-overlay: linear-gradient(90deg, rgba(6, 7, 17, .94) 0%, rgba(6, 7, 17, .90) 45%, rgba(6, 7, 17, .80) 56%, rgba(6, 7, 17, .32) 67%, rgba(6, 7, 17, 0) 78%);
  background-position: center, right center, center;
  background-repeat: no-repeat;
  background-size: cover, auto 100%, cover;
}
.hs-side-character-section.hs-full-scene-panel.hs-side-character-section-reverse {
  --full-scene-overlay: linear-gradient(270deg, rgba(6, 7, 17, .94) 0%, rgba(6, 7, 17, .90) 45%, rgba(6, 7, 17, .80) 56%, rgba(6, 7, 17, .32) 67%, rgba(6, 7, 17, 0) 78%);
  background-position: center, left center, center;
}
.hs-side-character-section.hs-full-scene-panel > * {
  text-shadow: 0 1px 3px rgba(0, 0, 0, .9), 0 0 8px rgba(0, 0, 0, .5);
}
/* Narrow screens keep artwork behind the text, with no reserved image area. */
@media (max-width: 900px) {
  .hs-side-character-section.hs-full-scene-panel,
  .hs-side-character-section.hs-full-scene-panel.hs-side-character-section-reverse {
    padding: clamp(20px, 4vw, 30px);
    --full-scene-overlay: linear-gradient(90deg, rgba(6, 7, 17, .88) 0%, rgba(6, 7, 17, .76) 55%, rgba(6, 7, 17, .58) 100%);
    background-size: cover, contain, cover;
    background-position: center, right center, center;
  }
  .hs-side-character-section.hs-full-scene-panel.hs-side-character-section-reverse {
    --full-scene-overlay: linear-gradient(270deg, rgba(6, 7, 17, .88) 0%, rgba(6, 7, 17, .76) 55%, rgba(6, 7, 17, .58) 100%);
    background-position: center, left center, center;
  }
}