/* Soft 3D emoji render with its original transparent alpha. */
.dumbbell-scene {
  position: relative;
  width: 206px;
  height: 112px;
  margin: -24px auto 16px;
  pointer-events: none;
}
.dumbbell-render {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: dumbbell-float 6s ease-in-out infinite;
  animation-play-state: paused;
}
.dumbbell-scene.is-visible .dumbbell-render { animation-play-state: running; }
@keyframes dumbbell-float {
  0%, 100% { transform: translateY(5px) rotate(-1.6deg); }
  50% { transform: translateY(-8px) rotate(1.6deg); }
}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .depth-card, .depth-card:hover {
    transform: perspective(900px) translateY(var(--depth-lift, 0px)) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
    transform-origin: center;
    transition: transform .18s ease-out, border-color .24s ease;
  }
  .depth-card.is-tilting { --depth-lift: -6px; }
}
@media(hover:none), (pointer:coarse) {
  .depth-card:hover { transform: none; }
}
@media(max-width:640px) {
  .dumbbell-scene { margin-top: -14px; margin-bottom: 14px; width: 188px; height: 100px; }
}
@media(prefers-reduced-motion:reduce) {
  .depth-card, .depth-card:hover { transform: none; }
  .dumbbell-render { animation: none; }
}