/* s08 · Der erste Impuls (Meisterwerk, Nacht-2): links an K0 Kicker (gold-hell), Überschrift in Claim-Größe (Gegenstück zu s07), die Zeile und
   darunter die Messingplatte mit Jenö (.platte, system.css §19: Name in Serif, Mail und Telefon als große Links gold-hell mit Trennring; sie hebt
   sich in 0,6 s), als Gruppe in der Mitte der Höhe. Rechts das Lichtfenster in voller Höhe (.fenster.halb, system.css §18, --halb .5: die rechte
   Hälfte der Breite): das Guss-∞ glüht einmal 6 s und steht dann (film.js, Poster = Bild 0, Endbild = data-poster-ende), Sättigung −15 %.
   Fixrunde 2 (11.10.): vorher stand das Fenster 58 vh hoch oben rechts und die Platte darunter in der rechten Spalte. Die linke Spalte endet
   eine Rinne vor dem Fenster (Formel wie s06b). Jeder Selektor beginnt mit .s08. Unter 1100 px gestapelt: Fenster (16:10), Kopf, Zeile, Platte. */
.s08.abschnitt{--halb:.5;display:grid;grid-template-columns:calc((100% + 2 * var(--rand)) * (1 - var(--halb)) - var(--rand) - var(--rinne));align-content:center;row-gap:var(--r5)}
.s08 .s08-titel{font-size:var(--t-h1);line-height:var(--zh-h1);font-weight:380;letter-spacing:-.024em;max-width:11em;color:var(--hell-text)}
.s08 .s08-zeile{margin-top:var(--r5);color:var(--hell-text);max-width:24em;text-wrap:balance}   /* balance: kein Umbruch nach „KI-“ */
.s08 .s08-fenster{--lage:50% 50%}
.s08 .s08-fenster > video{filter:saturate(.85)}
.s08 .s08-platte{justify-self:start;width:100%;max-width:34em;--dauer:.6s}
.s08 .s08-name{font-family:var(--serif);font-weight:500;font-size:var(--t-schluss);line-height:var(--zh-h3);letter-spacing:-.012em}
.s08 .s08-wege{margin-top:var(--r3);font-size:var(--t-h3);line-height:1.4;font-weight:500}
.s08 .s08-wege a{text-decoration:underline 2px var(--gold-hell);text-underline-offset:.22em;transition:color .3s var(--ease),text-decoration-color .3s var(--ease)}
.s08 .s08-wege a:hover{color:var(--hell-text);text-decoration-color:var(--hell-text)}
.s08 .s08-wege a:focus-visible{outline-offset:6px}

@media (max-width:1099px){
  .s08.abschnitt{grid-template-columns:minmax(0,1fr);align-content:start}
  .s08 .s08-fenster{order:-1;margin:calc(-1 * var(--abschnitt-y)) calc(-1 * var(--rand)) 0}   /* oben im Fluss (16:10, system.css §18), blutet an Ober- und Seitenkanten */
}
@media (max-width:700px){
  .s08 .s08-titel{font-size:var(--t-h2)}
  .s08 .s08-wege{font-size:var(--t-lead)}
  .s08 .s08-wege > li{padding-left:1.25em}
}