.animate-on-scroll { opacity: 1; }
.js .animate-on-scroll { opacity: 0; }
.js .animate-on-scroll.is-visible { opacity: 1; }
.tilt-card { transform-style: preserve-3d; transition: transform .25s var(--ease-out), border-color .25s var(--ease-out); }
.magnetic { transition: transform .2s var(--ease-out), box-shadow .2s var(--ease-out); }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
    .js .animate-on-scroll { opacity: 1 !important; transform: none !important; }
}