/*
 * Kummerkasten – Hintergrund-Bewegung. Ausschließlich transform/opacity
 * (60fps, kein Layout-Thrash). Jeder animierte Grundzustand ist ohne
 * Animation bereits vollständig sichtbar (CSS-Sichtbarkeitsregel) - Animation
 * ist rein additiv, läuft ohne JavaScript. prefers-reduced-motion-Abschaltung
 * für Hintergrund UND alle Effekte aus motion-interactions.css steht dort
 * gesammelt an einer Stelle (einzige Quelle der Wahrheit für die Abschaltung).
 */

/* Dunkle Aurora-Fläche: drei weiche, versetzte Glut-Flecken (Markenrot +
   neutrale Fläche), die langsam wandern. Reine Compositing-Eigenschaften
   (transform) - GPU-freundlich, kein Jank. Bewusst über die sichtbare Fläche
   verteilt (nicht nur in den Ecken hinter dem blickdichten Header), sonst
   bleibt die Bewegung praktisch unsichtbar. */
.kk-bg-mesh::before,
.kk-bg-mesh::after,
.kk-bg-mesh__layer {
  content: "";
  position: absolute;
  width: 55vmax;
  height: 55vmax;
  border-radius: 50%;
  filter: blur(70px);
}

.kk-bg-mesh::before {
  top: -8vmax;
  right: -18vmax;
  background: radial-gradient(circle, var(--color-accent) 0%, var(--color-accent) 22%, transparent 70%);
  opacity: 0.16;
  animation: kk-drift-a 42s var(--ease-standard) infinite alternate;
}

.kk-bg-mesh::after {
  bottom: -20vmax;
  left: -14vmax;
  background: radial-gradient(circle, var(--color-accent) 0%, var(--color-accent) 18%, transparent 68%);
  opacity: 0.1;
  animation: kk-drift-b 36s var(--ease-standard) infinite alternate;
}

.kk-bg-mesh__layer {
  top: 18vh;
  left: 38vw;
  width: 50vmax;
  height: 50vmax;
  background: radial-gradient(circle, var(--color-surface-2) 0%, var(--color-surface-2) 30%, transparent 75%);
  opacity: 0.55;
  animation: kk-drift-c 50s var(--ease-standard) infinite alternate;
}

@keyframes kk-drift-a {
  from {
    transform: translate(0, 0) scale(1);
  }
  to {
    transform: translate(6vw, 8vh) scale(1.1);
  }
}

@keyframes kk-drift-b {
  from {
    transform: translate(0, 0) scale(1);
  }
  to {
    transform: translate(-7vw, -5vh) scale(1.08);
  }
}

@keyframes kk-drift-c {
  from {
    transform: translate(-4vw, 0) scale(0.94);
  }
  to {
    transform: translate(4vw, 6vh) scale(1.06);
  }
}