/* s01b · Vorgeschichte (Meisterwerk, Nacht-2): die Lichthalle als Film-Fenster links in voller Höhe (.fenster.halb, system.css §18),
   Text rechts an der Satzkante neben dem Fenster. Gleicher Rahmen wie der Hero, gespiegelt (Gate 10.10.: zwei Bildschirme im selben
   Raster lesen sich als Vorlage); der Vorhang öffnet von links, sobald das Fenster in den Blick kommt (film.js), die Sätze folgen mit .auf.
   Die Textspalte endet vor dem Fenster (100vw gilt, die Rollleiste ist aus). Unter 1100 px steht das Fenster oben (16:10), der Text darunter. */
.vorgeschichte{display:flex;align-items:center;justify-content:flex-end}
.vorgeschichte .vg-text{width:calc(100vw * (1 - var(--halb)) - var(--rand) - max(40px,2vw))}
.vorgeschichte .vg-fenster{right:auto;left:0}
.js:not(.ruhig) .vorgeschichte .vg-fenster.vorhang{clip-path:inset(0 100% 0 0)}
.js:not(.ruhig) .vorgeschichte .vg-fenster.vorhang.da{animation-name:vg-vorhang}
@keyframes vg-vorhang{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.vorgeschichte h2{margin-top:var(--r3)}
.vorgeschichte h2 .zwei-z{display:block;margin-top:.32em;color:var(--gold-hell)}
.vorgeschichte .vg-p{margin-top:var(--r5);color:var(--hell-text-2)}
@media (max-width:1099px){
  .vorgeschichte{display:block;min-height:0}
  .vorgeschichte .vg-fenster{margin:calc(-1 * var(--abschnitt-y)) calc(-1 * var(--rand)) var(--r6)}
  .vorgeschichte .vg-text{width:auto}
}