/*
 * Keep the three right-shifting service containers above adjacent cards
 * while their existing Webflow hover transforms are running.
 * Link styles and decorative animations are intentionally untouched.
 */
.container-29:hover,
.container-32:hover,
.container-34:hover {
  z-index: 20 !important;
}

/*
 * Lift only the wrapper containing the active animated container so the
 * translated card can cross above its decorative neighbour.
 */
.link-style-7:has(.container-29:hover),
.link-style-9:has(.container-32:hover),
.link-style-10:has(.container-34:hover) {
  position: relative;
  z-index: 20 !important;
}

/* Hold the active wrapper above its neighbours until the 0.7s return finishes. */
.link-style-7.is-hover-stacking,
.link-style-9.is-hover-stacking,
.link-style-10.is-hover-stacking {
  position: relative;
  z-index: 20 !important;
}

/* Stable hover target for Website Design: the wrapper does not move. */
.link-style-10:hover .container-34 {
  transform: translate(50px) !important;
}

/* Explicit Website motion state prevents transformed descendants from keeping :hover stuck. */
.container-34:hover,
.link-style-10:hover .container-34 {
  transform: none !important;
}

.link-style-10.is-motion-active .container-34 {
  transform: translate(50px) !important;
}

/* A stationary hit area controls Website motion while the visual card moves beneath it. */
.link-style-10 {
  position: relative;
}

.website-hover-proxy {
  position: absolute;
  inset: 0;
  z-index: 30;
  background: transparent;
  cursor: pointer;
}