@media (hover: none) {html {scroll-snap-type: none;}} ::-webkit-scrollbar{width:8px;background:#ededed} ::-webkit-scrollbar-track{border-radius:99px;} ::-webkit-scrollbar-thumb{background:var(--color-primary);} @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; }