/* Startseite /: Kopf als Start-Montage (schnelle Schnitte aus Studio/Higgsfield, abgedunkelt), 19.10.2026 (Alexander).
   Markup: partials/kopf/start.html.twig (Frontmatter kopf_montage). Film randlos über den Bereichsbildern, Text links darüber.
   Reduzierte Bewegung: nur Poster. Seitenwechsel: szenen/start.js hält das Video an und gibt es frei. */
.bb-start-montage {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: #000;
  pointer-events: none;
}
.bb-start-montage__poster,
.bb-start-montage__poster img,
.bb-start-montage__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border: 0;
  margin: 0;
}
.bb-start-montage__video { z-index: 1; }
/* Lesbarkeit links (Text) + weicher Übergang nach unten in den schwarzen Grund */
.bb-start-montage::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(to right, rgb(0 0 0 / .55) 0%, rgb(0 0 0 / .25) 45%, rgb(0 0 0 / 0) 70%),
    linear-gradient(to bottom, rgb(0 0 0 / 0) 70%, #000 100%);
}
/* Bereichsbilder darunter nicht durchscheinen lassen; der Stern/Bild-Schleier der alten Bühne bleibt aus */
.bb-m-kopf--start:has(.bb-start-montage) .bb-m-kopf__ebene { visibility: hidden; }
.bb-m-kopf--start:has(.bb-start-montage) .bb-m-kopf__schleier { display: none; }
/* KI-Kennzeichen: schlichtes „KI“ unten rechts, ohne Hinterlegung */
.bb-start-montage__ki {
  position: absolute;
  z-index: 4;
  right: max(var(--bm-rand, 1rem), calc((100% - var(--bm-inhalt-max, 1200px)) / 2));
  bottom: .75rem;
  font: 500 11px/1 system-ui, sans-serif;
  letter-spacing: .08em;
  color: rgb(244 243 240 / .62);
  background: none;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .bb-start-montage__video { display: none; }
}
/* Die Shell blendet Kopf-Medien im Glas-Stil aus (section:first-child … video { opacity:0 !important });
   die Montage ist der Kopf selbst und bleibt sichtbar (Spezifität über der Shell-Regel, wie css/kopf/spot.css). */
html.stil-glas main#inhalt > .bb-vorlage > section:first-child .bb-start-montage .bb-start-montage__video.bb-start-montage__video,
html.stil-glas main#inhalt > .bb-vorlage > section:first-child .bb-start-montage .bb-start-montage__poster.bb-start-montage__poster,
html.stil-glas main#inhalt > .bb-vorlage > section:first-child .bb-start-montage .bb-start-montage__poster img {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html.stil-glas main#inhalt > .bb-vorlage > section:first-child .bb-start-montage .bb-start-montage__video.bb-start-montage__video { display: none !important; }
}
/* Alexander 19.10.2026 spät: Film minimal heller */
.bb-start-montage__video, .bb-start-montage__poster img { filter: brightness(1.38); }