:root {
  color-scheme: dark;
  background: #0c071d;
}

* { box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.stage {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
  min-height: 0;
  isolation: isolate;
  overflow: hidden;
  background: #0c071d;
}

.stage__art,
.stage__art img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.stage__art img {
  object-fit: cover;
  object-position: 50% 50%;
  -webkit-user-drag: none;
  user-select: none;
}

/* Bei schmalen Displays bleibt die Bildmitte und damit das Logo sichtbar. */
@media (max-aspect-ratio: 3/4) {
  .stage__art img { object-position: 50% 48%; }
}