/* The motion lives inside the two SVG assets; the page adds a quiet lift. */
#services [data-wgmi-service-item] { height: auto !important; }
#services [data-wgmi-service-layout] {
  height: 100% !important;
  min-height: 540px;
  justify-content: flex-start !important;
  gap: 28px !important;
}
.wgmi-service-motion {
  display: block;
  transform-origin: 50% 55%;
  transition: transform 650ms cubic-bezier(.22, 1, .36, 1);
}

#services figure[data-wgmi-visual] {
  height: 260px !important;
  min-height: 260px !important;
  flex: 0 0 260px !important;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  #services li:hover .wgmi-service-motion,
  #services article:hover .wgmi-service-motion,
  #services figure[data-wgmi-visual]:hover > .wgmi-service-motion {
    transform: translateY(-3px) scale(1.025) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wgmi-service-motion { transition: none; transform: none !important; }
}
