/* Selective recreation of the original .framer-eyndw component states.
   Source: commit 7a831ed / original live site module chunk-NDUG2ESU.
   Spring parameters: duration .4s, bounce .2, mass 1, velocity 0. */
.framer-eyndw {
  --project-card-spring: linear(0 0%, 0.07939 5%, 0.24859 10%, 0.43755 15%, 0.60932 20%, 0.74837 25%, 0.85176 30%, 0.92313 35%, 0.96879 40%, 0.99545 45%, 1.00908 50%, 1.01443 55%, 1.01499 60%, 1.01313 65%, 1.01037 70%, 1.00755 75%, 1.00511 80%, 1.0032 85%, 1.00181 90%, 1.00088 95%, 1 100%);
  transition-property: box-shadow !important;
  transition-duration: 400ms !important;
  transition-timing-function: var(--project-card-spring) !important;
}

.framer-eyndw::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  pointer-events: none;
  transition: border-color 400ms var(--project-card-spring);
}

.framer-eyndw:focus-visible {
  box-shadow: 0 0 20px 0 rgba(197, 225, 186, .15) !important;
}

.framer-eyndw:focus-visible::after,
.framer-eyndw:active::after {
  border-color: rgba(48, 166, 83, .25);
}

.framer-eyndw:active {
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .framer-eyndw:hover {
    box-shadow: 0 0 20px 0 rgba(197, 225, 186, .15) !important;
  }

  .framer-eyndw:hover::after {
    border-color: rgba(48, 166, 83, .25);
  }
}

@media (min-width: 1260px) {
  .framer-eyndw .framer-lu2w8i {
    translate: 0 0;
    rotate: 0deg;
    transition-property: translate, rotate !important;
    transition-duration: 400ms !important;
    transition-timing-function: var(--project-card-spring) !important;
  }

  .framer-eyndw:focus-visible .framer-lu2w8i,
  .framer-eyndw:active .framer-lu2w8i {
    translate: -29px -23px;
    rotate: -7deg;
  }

  @media (hover: hover) and (pointer: fine) {
    .framer-eyndw:hover .framer-lu2w8i {
      translate: -29px -23px;
      rotate: -7deg;
    }
  }
}

/* Press takes precedence while the pointer is also hovering, as in the source variant. */
.framer-eyndw:active {
  box-shadow: none !important;
}

.framer-eyndw.is-framer-native-pressed {
  box-shadow: none !important;
}

.framer-eyndw.is-framer-native-pressed::after {
  border-color: rgba(48, 166, 83, .25);
}

@media (min-width: 1260px) {
  .framer-eyndw.is-framer-native-pressed .framer-lu2w8i {
    translate: -29px -23px;
    rotate: -7deg;
  }
}