/* Platform animation frames on dark (black) sections: the etched dusk scene from the hero instead of the pastel
   sky, a hairline that reads on black, and a deeper shadow under the white stage. */
.lphp-frame.lphp-frame--dark {
  background: #0b0a0f center / cover no-repeat;
  background-image: url(/assets/platform-bgd.jpg);
}
.lphp-frame.lphp-frame--dark::after { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
.lphp-frame.lphp-frame--dark .lphp-stage { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 30px 70px rgba(0, 0, 0, 0.55); border-color: rgba(255, 255, 255, 0.12); }
/* each block shows a different part of the scene */
.lphp-frame--dark[data-view="sky"] { background-position: 50% 0%; }
.lphp-frame--dark[data-view="peaks"] { background-position: 20% 38%; }
.lphp-frame--dark[data-view="glow"] { background-position: 60% 46%; }
.lphp-frame--dark[data-view="lake"] { background-position: 50% 78%; }