/* Faithful restoration of the original 1366 × 768 jParallax composition.
   All original artworks are unmodified; the 2021 broken jQuery dependency is removed. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; background: #000; overflow: hidden; }
body { font-family: Arial, Helvetica, sans-serif; }
#viewport { width: 100%; height: 100%; height: 100dvh; position: relative; overflow: hidden; background: #000; }
#scene {
  position: absolute;
  top: 50%; left: 50%;
  width: 1366px; height: 768px;
  transform: translate(-50%, -50%) scale(var(--scene-scale, 1));
  transform-origin: center;
  overflow: hidden;
  isolation: isolate;
  touch-action: auto;
}
.scene-layer { position: absolute; inset: 0 auto auto 0; height: 768px; pointer-events: none; will-change: transform; }
.scene-layer img { display: block; height: 768px; max-width: none; user-select: none; }
.frame-layer { z-index: 20; }
#mobile-scene { display: none; }
/* The original 2021 website used a separate static composition on phones. */
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  #scene { display: none; }
  #mobile-scene {
    display: block; width: 100%; height: 100%;
    background: #000 url("images/mobilebackground.jpg") center center / cover no-repeat;
  }
}
@media (prefers-reduced-motion: reduce) {
  .scene-layer { will-change: auto; }
}