@media (prefers-reduced-motion: no-preference) {
  .retrix-about-motion [data-retrix-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .55s ease var(--retrix-reveal-delay, 0ms), transform .55s ease var(--retrix-reveal-delay, 0ms); }
  .retrix-about-motion [data-retrix-reveal].is-revealed { opacity: 1; transform: none; }
  .retrix-about-motion .retrix-hero-sphere { animation: retrix-about-float 7s ease-in-out infinite; }
  .retrix-about-motion .retrix-hero-sphere--two { animation-delay: -3s; }
}
@keyframes retrix-about-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@media print { [data-retrix-reveal] { opacity: 1 !important; transform: none !important; } }