#featuredCreators .model {
  position: relative;
  isolation: isolate;
}

#featuredCreators .model::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border: 2px solid transparent;
  border-radius: 17px;
  pointer-events: none;
  opacity: 0;
}

#featuredCreators .model.hover-pending {
  transform: translateY(-7px) scale(1.012);
  box-shadow: 0 19px 42px rgba(13, 145, 216, 0.2);
}

#featuredCreators .model.hover-pending::before {
  opacity: 1;
  border-color: #0d91d8;
  animation: whaleHoverPulse 0.72s ease-in-out infinite alternate;
}

#featuredCreators .model.hover-ready {
  animation: whaleHoverReady 0.36s ease both;
}

@keyframes whaleHoverPulse {
  from {
    box-shadow: inset 0 0 0 0 rgba(13, 145, 216, 0.12);
  }
  to {
    box-shadow: inset 0 0 0 7px rgba(13, 145, 216, 0.12);
  }
}

@keyframes whaleHoverReady {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.08);
  }
  100% {
    filter: brightness(1);
  }
}

@media (hover: none), (pointer: coarse) {
  #featuredCreators .model.hover-pending::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #featuredCreators .model,
  #featuredCreators .model::before {
    animation: none !important;
    transition: none !important;
  }
}