/* ===== Einladung → SoulKeeper: Unschärfe-Eingang ========================
   Gegenstück zu invitation/js/unschaerfe-uebergang.js. Das Attribut
   [data-blur-eingang="1"] auf <html> wird NUR gesetzt, wenn die Seite über
   den Unschärfe-Übergang erreicht wurde (siehe Inline-Skript ganz oben in
   <body> von index.html) - dadurch ist #story von Anfang an (schon beim
   allerersten Frame, keine Verzögerung durch das externe Skript) unscharf,
   kein Aufblitzen der scharfen Szene. js/unschaerfe-eingang.js entfernt das
   Attribut nach kurzer Pause wieder, die Transition unten zieht die Szene
   dadurch weich scharf. Bei normalem Laden/Neuladen fehlt das Attribut,
   diese Datei bleibt dann wirkungslos. */

#story {
    transition: filter 0.9s ease-out;
}

html[data-blur-eingang="1"] #story {
    filter: blur(42px) brightness(0.65);
}

@media (prefers-reduced-motion: reduce) {
    #story {
        transition: filter 0.4s ease-out;
    }
}