/* ── Scroll reveal ───────────────────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity  900ms cubic-bezier(.2, .6, .2, 1),
    transform 900ms cubic-bezier(.2, .6, .2, 1);
  will-change: opacity, transform;
}

.reveal.shown {
  opacity: 1;
  transform: translateY(0);
}

/* ── Ambient glow (constellation) ────────────────────────────────── */
.ambient-glow {
  animation: ambient 9s ease-in-out infinite;
}

/* ── Pulsing status dot ──────────────────────────────────────────── */
.pulse-dot {
  display: inline-block;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 8px var(--accent);
  animation: pulse 3.2s ease-in-out infinite;
}

@keyframes ambient {
  0%, 100% {
    opacity: 0.85;
    filter: drop-shadow(0 0 28px var(--accent-dim));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 56px var(--accent-dim));
  }
}

@keyframes pulse {
  0%, 100% { opacity: 0.6; }
  50%       { opacity: 1.0; }
}