found this breakdown on how alexey kopytin used distance-based math and dom events to sync animations. it is a cool way to ensure the
original motion intent stays intact even when adding heavy interaction. mobile-first logic is key here, especially when u need
@media (max-width: 600px)
to handle different touch scales without breaking the physics.
i still think lottie can be a resource hog if you overdo ithttps://smashingmagazine.com/2026/08/building-tactile-ux-honoring-intentional-design-lottie/