.o2-circle{
  position: absolute;
  z-index:2;   /* ✅ 잎보다 위 */
  top: clamp(30px, 7vh, 140px);
  left: clamp(420px, 54vw, 1400px);

  width: clamp(520px, 75vmin, 1100px);

  aspect-ratio: 1 / 1;
}



/* 회전 담당 */
.rotator{
  position: absolute;
  inset: 0;
  animation: rotateClockwise 8s linear infinite;
  transform-origin: center;
  will-change: transform;
  transform: translateZ(0);
}

/* 펄스(버블 호흡) 담당 */
.pulsator{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;

  animation: bubblePulse 3.6s ease-in-out infinite;
  transform-origin: center;
  will-change: transform;
  transform: translateZ(0);
}

@keyframes rotateClockwise{
  to { transform: translateZ(0) rotate(360deg); }
}

/* ✅ “살짝” 줄었다가 돌아오는 느낌 */
@keyframes bubblePulse{
  0%, 100% { transform: translateZ(0) scale(1); }
  50%      { transform: translateZ(0) scale(0.965); }
}
.o2-scene{
  position: relative;
  width: 100%;
  height: 100%;
}