/* Keep the Zendrop mark visible in the project grid at rest, on hover and on touch. */
.eco-zendrop-feature .grid-image-inner-wrapper {
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 84% -16%, #aa91ef77, transparent 60%),
    radial-gradient(ellipse at 22% 132%, #7354c785, transparent 64%),
    linear-gradient(122deg, #221935 4%, #403061 53%, #57417d 100%);
}
.eco-zendrop-feature .grid-image-inner-wrapper::before,
.eco-zendrop-feature .grid-image-inner-wrapper::after {
  position: absolute;
  content: "";
  width: 128%;
  height: 118%;
  left: 12%;
  top: -28%;
  border: 1px solid rgba(232, 215, 255, .25);
  border-radius: 50%;
  transform: rotate(-30deg);
  pointer-events: none;
}
.eco-zendrop-feature .grid-image-inner-wrapper::after {
  left: 19%;
  top: -21%;
  border-color: rgba(230, 212, 255, .09);
}
#gridThumbs .eco-zendrop-feature .zendrop-home-wordmark {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 64%;
  height: 100%;
  margin: auto;
  padding: 0;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  transition: transform .28s ease;
}
.eco-zendrop-feature:is(:hover, :focus-visible) .zendrop-home-wordmark {
  transform: scale(1.035);
}
.eco-zendrop-feature .zendrop-home-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  #gridThumbs .eco-zendrop-feature .zendrop-home-wordmark {
    transition: none;
    transform: none;
  }
}