/* 기존 이미지에 class="planet-blink"를 추가하면 적용됩니다. */
.planet-blink {
  --blink-duration: 2.4s;
  display: block;
  width: 100%;
  height: auto;
  animation: planet-blink var(--blink-duration) ease-in-out infinite;
}

@keyframes planet-blink {
  0%, 100% {
    opacity: 1;
    filter: brightness(1.12);
  }
  50% {
    opacity: 0.90;
    filter: brightness(0.82);
  }
}

@media (prefers-reduced-motion: reduce) {
  .planet-blink {
    animation: none;
    opacity: 1;
    filter: none;
  }
}

/* 풀스택 행성 히어로 비율 */
.course-hero-animation.course-hero-planet {
  aspect-ratio: 20 / 9;
}

.course-hero-planet .planet-blink {
  height: 100%;
  object-fit: contain;
}