/* Webdesign Grimm · motion.css – Grundregeln der Film-Fassung (Owner: wdf-motion-designer, Auftrag P8-core)
 * Gilt nur unter html.film (motion.js). Ohne .film (Reduced Motion, ohne JS, ohne GSAP, Fenster < 520 px hoch) wirkt hier nichts.
 * Die Ebene der Lichtwolke (.wolke, .w-hof/.w-glut/.w-kern) steht in base.css; ihre Bewegung in motion.js.
 * Abschnittsbezogene Film-Regeln stehen in den Blöcken "motion" der Abschnitts-CSS. */

/* hero-intro: Puls-Ring der Mitteilung, zwei Durchläufe, kein Loop */
.film .kreativ .puls.an::after { animation: wdg-ring var(--dur-pulse) var(--ease-out) 2; }
@keyframes wdg-ring { from { transform: scale(.5); opacity: .9; } to { transform: scale(2.4); opacity: 0; } }

/* film-vor (K-MOT-06, P9): Die Regel steht als eine Zeile in src/partials/head.html, weil sie vor dem ersten Bild greifen muss
 * (diese Datei wird erst am Ende von <body> geladen). head.html setzt html.film-vor mit derselben Vorprüfung wie motion.js;
 * motion.js entfernt die Klasse ohne Film sofort, mit Film nach dem Aufbau aller Intros (fonts.ready). Sicherheitsnetz 1,5 s. */