@media (prefers-reduced-motion: no-preference) {

  .solutions__grid,
  .numbers__grid {
    perspective: 1200px;
    perspective-origin: center top;
  }

  .solutions__grid > .solution-card,
  .numbers__grid > .stat {
    transform-style: preserve-3d;

  }

  .about__image {
    perspective: 1000px;
  }
  .about__image > * {
    transform-style: preserve-3d;
  }

  .header__social-link svg,
  .social-link svg,
  .social-linkr svg {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
  }
  .header__social-link:hover svg,
  .social-link:hover svg,
  .social-linkr:hover svg {
    transform: translateZ(6px) translateY(-2px);
  }
}