/* Stage auf sehr breiten Monitoren (breiter als das Stage-Bild, 2.133:1):
   statt das Bild per object-fit: cover oben und unten zu beschneiden, behaelt
   es seine volle Hoehe (100vh) und natuerliche Breite, steht zentriert, und die
   Flaechen links und rechts sind Schwarz. Eine Maske auf dem Wrapper blendet
   die seitlichen Bildkanten weich in das Schwarz aus.
   Der Wrapper wird hier positioniert, damit Light-Seam- und Dust-Cloud-Overlay
   (inset: 0) exakt auf dem Bild liegen statt auf dem 105vh-Container.
   Bildmass: 2.1333 = 2560/1200 (MW4LP_BGHero_XL.webp); bei Bildtausch
   den Faktor und den min-aspect-ratio-Wert anpassen. */
@media (min-aspect-ratio: 32/15) {
  .stage-container {
    background-color: #000;
  }
  .stage-image-wrapper {
    position: relative;
    width: calc(100vh * 2.1333);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
  }
  .stage-image {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}
