.section-top-services .service-item {
  --service-motion: service-rise;
  --service-delay: 0s;
}
.section-top-services .service-item:nth-child(2) {
  --service-motion: service-stamp;
  --service-delay: -0.8s;
}
.section-top-services .service-item:nth-child(3) {
  --service-motion: service-sway;
  --service-delay: -1.6s;
}
.section-top-services .service-item:nth-child(4) {
  --service-motion: service-rise;
  --service-delay: -2.4s;
}
.section-top-services .service-item:nth-child(5) {
  --service-motion: service-sway;
  --service-delay: -3.2s;
}
.section-top-services .service-item:nth-child(6) {
  --service-motion: service-transfer;
  --service-delay: -4s;
}
.section-top-services .service-icon img {
  transform-origin: center;
  animation: var(--service-motion) 5.2s ease-in-out var(--service-delay) infinite;
  animation-play-state: paused;
}
.section-top-services.is-motion-visible .service-icon img {
  animation-play-state: running;
}
.section-top-services .link-wrapper {
  transition: background-color 0.25s ease;
}
.section-top-services .link-wrapper:hover,
.section-top-services .link-wrapper:focus-visible {
  background-color: #fff7ee;
}
.section-top-services .link-wrapper:hover img,
.section-top-services .link-wrapper:focus-visible img {
  animation: service-greet 0.8s ease both;
}
.section-top-services .link-wrapper:focus-visible {
  outline: 2px solid #f60;
  outline-offset: -4px;
}
.section-top-services .link-wrapper:focus-visible .service-caption {
  color: #f60;
}
@keyframes service-rise {
  0%, 55%, 100% { transform: translateY(0); }
  20%, 35% { transform: translateY(-5px); }
}
@keyframes service-stamp {
  0%, 55%, 100% { transform: scale(1); }
  20% { transform: scale(1.07) rotate(-3deg); }
  35% { transform: scale(1.02) rotate(1deg); }
}
@keyframes service-sway {
  0%, 55%, 100% { transform: rotate(0); }
  18% { transform: rotate(-5deg) translateY(-2px); }
  36% { transform: rotate(4deg) translateY(-2px); }
}
@keyframes service-transfer {
  0%, 55%, 100% { transform: translateX(0); }
  18% { transform: translateX(4px); }
  36% { transform: translateX(-4px); }
}
@keyframes service-greet {
  0% { transform: translateY(0) scale(1); }
  35% { transform: translateY(-6px) scale(1.1) rotate(-4deg); }
  65% { transform: translateY(-3px) scale(1.07) rotate(3deg); }
  100% { transform: translateY(-3px) scale(1.06); }
}
@media (prefers-reduced-motion: reduce) {
  .section-top-services .service-icon img,
  .section-top-services .link-wrapper:hover img,
  .section-top-services .link-wrapper:focus-visible img {
    animation: none;
    transform: none;
    transition: none;
  }
}