.hero__center-icon {
  background: transparent;
}

.hero__center-bowl {
  position: absolute;
  inset: 0;
  display: block;
  width: 122%;
  height: 122%;
  margin: -11%;
  object-fit: contain;
  object-position: center;
  background: transparent;
  transform-origin: center;
  /* Temporary crop: the supplied PNG is RGB with a baked checkerboard background, not alpha. */
  clip-path: circle(41.5% at 50% 49%);
  animation: center-bowl-spin 34s linear infinite;
  filter: drop-shadow(0 18px 28px rgba(31, 21, 33, 0.16));
  user-select: none;
  pointer-events: none;
}

.hero__center-icon:hover .hero__center-bowl,
.hero__center-icon:focus-visible .hero__center-bowl {
  animation-play-state: paused;
}

@keyframes center-bowl-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__center-bowl {
    animation: none !important;
    transition: none !important;
  }
}