/* Shared hero motion. Keep the text still as the cosmos moves. */
.cosmic-hero .cosmic-media {
  inset: -12%;
  opacity: .68;
  transform-origin: 50% 52%;
  animation: cosmic-swirl 75s ease-in-out infinite alternate;
  will-change: transform;
}

.home-hero::before {
  background: radial-gradient(ellipse at center, rgba(2,4,8,.62) 0%, rgba(2,4,8,.45) 48%, rgba(2,4,8,.72) 100%);
}

.cosmic-hero .hero-stardust.has-particles {
  background: none;
  opacity: .8;
}

.cosmic-hero .hero-stardust canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.cosmic-hero.is-motion-paused .cosmic-media {
  animation-play-state: paused;
}

@keyframes cosmic-swirl {
  from { transform: rotate(-7deg) scale(1.04); }
  to { transform: rotate(7deg) scale(1.1); }
}

@media (max-width: 760px) {
  .cosmic-hero .cosmic-media { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
  .cosmic-hero .cosmic-media {
    animation: none;
    transform: none;
    will-change: auto;
  }
}

.cosmic-hero .hero-stardust { z-index: -1; }