/*
 * Emma — sanfte Seitenuebergaenge zwischen den Marketing-Seiten.
 *
 * Zwei Mechanismen parallel:
 *   1. View Transitions API (Chrome/Edge/neue Safari) macht beim Klick
 *      auf interne Links automatisch ein dezentes Crossfade.
 *   2. CSS-Fade-In als Fallback — jede Seite blendet beim Laden mit
 *      kurzem Slide rein. Greift in jedem Browser, auch wenn die View
 *      Transitions API nicht verfuegbar ist.
 *
 * Beides respektiert prefers-reduced-motion: reduce.
 */

@view-transition {
  navigation: auto;
}

@keyframes emmaPageFadeIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body {
  animation: emmaPageFadeIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  body {
    animation: none;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}

/* View-Transition-Pseudos: ruhige 220ms Crossfade-Geschwindigkeit. */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.32s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}