/* Homepage-only drag affordances. Does not change grid placement. */
.gc-home-refresh #hero .hero-metrics.is-visible .metric-card.gc-movable,
.gc-home-refresh #contact .contact-detail-row .ico.gc-movable {
  position: relative;
  transform: translate3d(var(--gc-move-x, 0px), var(--gc-move-y, 0px), 0);
  cursor: grab;
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.gc-home-refresh #hero .hero-metrics.is-visible .metric-card.gc-movable {
  z-index: 1;
}
.gc-home-refresh #hero .hero-metrics.is-visible .metric-card.gc-movable.is-dragging {
  z-index: 8;
  box-shadow: 0 18px 36px rgba(4, 0, 55, 0.16);
}
.gc-home-refresh .gc-movable.is-dragging {
  cursor: grabbing !important;
  transition: none !important;
}
.gc-home-refresh #hero .gc-movable img,
.gc-home-refresh #contact .gc-movable svg {
  user-select: none;
  -webkit-user-drag: none;
}
.gc-home-refresh #hero .metric-card.gc-movable:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 4px;
}
@media (max-width: 980px), (pointer: coarse) {
  .gc-home-refresh #hero .hero-metrics.is-visible .metric-card.gc-movable,
  .gc-home-refresh #contact .contact-detail-row .ico.gc-movable {
    cursor: auto;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .gc-home-refresh #hero .hero-metrics.is-visible .metric-card.gc-movable,
  .gc-home-refresh #contact .contact-detail-row .ico.gc-movable {
    transition: none;
  }
}