/* Opt in only decorative images or aria-hidden dividers; text stays still. */
[data-brand-motion] {
  transform-origin: 50% 62%;
}

/* These safeguards apply immediately, including before JavaScript initializes. */
html[data-motion="reduced"] [data-brand-motion] {
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}

@media (prefers-reduced-motion: reduce), print {
  [data-brand-motion] {
    transform: none !important;
    opacity: 1 !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}