/* Bewegungs-Utilities — siehe assets/js/motion.js */

.u-reveal,.u-reveal-up{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.u-reveal{transform:translateY(0)}
.u-reveal-up{transform:translateY(18px)}
.u-reveal.is-visible,.u-reveal-up.is-visible{opacity:1;transform:translateY(0)}

.u-stagger > *{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
.u-stagger.is-visible > *{opacity:1;transform:translateY(0)}
.u-stagger.is-visible > *:nth-child(1){transition-delay:0ms}
.u-stagger.is-visible > *:nth-child(2){transition-delay:70ms}
.u-stagger.is-visible > *:nth-child(3){transition-delay:140ms}
.u-stagger.is-visible > *:nth-child(4){transition-delay:210ms}
.u-stagger.is-visible > *:nth-child(5){transition-delay:280ms}
.u-stagger.is-visible > *:nth-child(6){transition-delay:350ms}

.u-parallax-soft{will-change:transform}

/* No-JS- und Reduced-Motion-Fallback: sofort alles sichtbar */
.no-js .u-reveal,.no-js .u-reveal-up,.no-js .u-stagger > *{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
	.u-reveal,.u-reveal-up,.u-stagger > *{opacity:1 !important;transform:none !important;transition:none !important}
	.u-parallax-soft{transform:none !important}
	.site-header{transition:none}
}