/* ===== Animationen: Letter-Basis, Hinweise, reduced-motion =====
   Die Sektions-/Intro-Choreografie läuft komplett über GSAP
   (js/fullpage.js + js/intro.js); hier liegen nur Grundzustände. */

/* Letter-Spans (von main.js erzeugt, GSAP animiert yPercent/opacity) */
.letter {
  display: inline-block;
}
/* Leerzeichen-Spans: inline statt inline-block, damit der Browser an
   Wortgrenzen umbrechen kann (verhindert mid-word line-breaks). */
.letter--space {
  display: inline;
  will-change: auto;
}

.scroll-hint span {
  display: inline-block;
  animation: hintBob 2.2s ease-in-out infinite;
}
@keyframes hintBob {
  0%, 100% { transform: translateY(-2px); }
  50% { transform: translateY(4px); }
}

/* SVG-Defs-Container für die pageClip-Ellipsen */
.clip-svg { position: absolute; width: 0; height: 0; }

/* ===== prefers-reduced-motion: alles aus, normaler Fluss ===== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

body.is-reduced .hero-video-layer { display: none; }