/* Motion only. Existing typography, colors and layout stay in style.css. */
.motion-image {
  overflow: hidden;
}

.motion-button-label {
  display: inline-block;
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .motion-image img {
    transition: transform 650ms cubic-bezier(.22, 1, .36, 1);
  }

  .service-card .card-icon,
  a.btn .motion-button-label {
    transition: transform 300ms cubic-bezier(.22, 1, .36, 1);
  }

  .examples-item:hover .motion-image img {
    transform: scale(1.04);
  }

  .service-card:hover .card-icon {
    transform: translateY(-3px);
  }

  a.btn:hover .motion-button-label {
    transform: translateX(2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}