/* Erklaerfilme (Muster, 06.10.2026). Nur auf den Testkopien eingebunden,
   style.css bleibt unberuehrt. Der Film hat selbst eine Off-White-Flaeche,
   deshalb sitzt er auf weissem Abschnitt mit feiner Kante und Rundung. */
.film { margin: var(--sp-4) 0 0; max-width: 880px; }
.film__frame {
  position: relative;
  aspect-ratio: 16 / 9;
  background: var(--offwhite);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}
.film__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--offwhite);
}
.film__meta {
  margin-top: var(--sp-2);
  font-size: var(--fs-md);
  color: var(--text-mute);
}