@keyframes fade-d-global { to { opacity: 1; transform: translateY(0); }} .animate-on-scroll.js-enabled { opacity: 0; transform: translateY(20px); will-change: opacity, transform;} .animate-on-scroll.js-enabled.is-visible { animation-name: fade-d-global; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} .animate-on-scroll.js-enabled.hero-title { animation-duration: 800ms; animation-delay: 100ms;} .animate-on-scroll.js-enabled.hero-badge { animation-duration: 700ms; animation-delay: 0ms;} .animate-on-scroll.js-enabled.hero-badge1 { animation-duration: 700ms; animation-delay: 50ms;} .animate-on-scroll.js-enabled.hero-badge2 { animation-duration: 700ms; animation-delay: 100ms;} .animate-on-scroll.js-enabled.hero-badge3 { animation-duration: 700ms; animation-delay: 150ms;} .animate-on-scroll.js-enabled.hero-subtitle { animation-duration: 800ms; animation-delay: 200ms;} .animate-on-scroll.js-enabled.hero-button { animation-duration: 800ms; animation-delay: 300ms;}