/* Shared motion helpers for header/footer elements */
[data-magnetic] {
  transition: transform var(--s360-dur-fast) var(--s360-ease-out);
  will-change: transform;
}

html[data-s360-motion="reduced"] [data-magnetic] {
  transform: none !important;
}