/* A calm water-drop ring inside all three homepage project circles. */
.renova-home .project-image > .view-orbit {
  overflow: hidden;
  isolation: isolate;
}
.renova-home .project-image > .view-orbit::after {
  content: "";
  position: absolute;
  left: var(--project-ripple-x, 50%);
  top: var(--project-ripple-y, 50%);
  width: 220%;
  height: 220%;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle,
    transparent 31%,
    rgba(106, 88, 69, .24) 41%,
    rgba(106, 88, 69, .09) 50%,
    transparent 61%);
  transform: translate(-50%, -50%) scale(.05);
}
.renova-home .project-image > .view-orbit.is-project-rippling::after {
  animation: renova-project-click-ripple 1100ms cubic-bezier(.25, .1, .35, 1) 1;
}
@keyframes renova-project-click-ripple {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.05); }
  24% { opacity: .65; }
  55% { opacity: .35; }
  85% { opacity: .06; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.08); }
}
@media (prefers-reduced-motion: reduce) {
  .renova-home .project-image > .view-orbit.is-project-rippling::after {
    animation: none;
  }
}