/* ===== Scroll-Reveal =====
   Die Klasse .zph-reveal wird per JS gesetzt — ohne JS bleibt alles sichtbar. */

.zph-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 700ms ease,
    transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.zph-reveal.zph-in {
  opacity: 1;
  transform: none;
  will-change: auto;
}