/*
 * DPC-IT: dezente Scroll-Animationen.
 * JavaScript ergänzt ausschließlich die Klassen .dpc-scroll-reveal und
 * .is-visible. Ohne JavaScript bleiben alle Inhalte vollständig sichtbar.
 */

:root {
  --dpc-reveal-distance: 1.75rem;
  --dpc-reveal-duration: 0.65s;
  --dpc-reveal-easing: cubic-bezier(0.22, 1, 0.36, 1);
}

.dpc-motion-ready .dpc-scroll-reveal {
  opacity: 0;
  transform: translateY(var(--dpc-reveal-distance)) scale(0.985);
  filter: blur(0.25rem);
  transition:
    opacity var(--dpc-reveal-duration) var(--dpc-reveal-easing),
    transform var(--dpc-reveal-duration) var(--dpc-reveal-easing),
    filter var(--dpc-reveal-duration) var(--dpc-reveal-easing);
}

.dpc-motion-ready .dpc-scroll-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.dpc-motion-ready .dpc-scroll-reveal:is(
  article,
  .dpc-grid-item,
  .dpc-legal-info-card,
  .dpc-knowledge__item,
  .dpc-it-stories-feed__item
) {
  --dpc-reveal-duration: 0.5s;
}

@media (max-width: 47.9375rem) {
  :root {
    --dpc-reveal-distance: 0.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dpc-motion-ready .dpc-scroll-reveal {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}