/* site/styles.css — minimal custom CSS layered on top of Tailwind. */

@keyframes breath {
  0%, 100% { transform: scale(0.85); opacity: 0.85; }
  50%      { transform: scale(1.25); opacity: 0.25; }
}

/* Pendulum swing for the big stage tag — pivots from the string at top */
@keyframes swing {
  0%   { transform: translate(-50%, -50%) rotate(-4deg); }
  100% { transform: translate(-50%, -50%) rotate(4deg); }
}

.motion-safe\:animate-breath { animation: breath 3.2s cubic-bezier(0.4, 0, 0.2, 1) infinite; }
.motion-safe\:animate-swing  { animation: swing 5.5s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate; }

@media (prefers-reduced-motion: reduce) {
  .motion-safe\:animate-breath,
  .motion-safe\:animate-swing { animation: none; }
}

/* Stage panel: warm radial glow behind the tag (light) + cool teal glow (dark) */
.stage-bg {
  background-image: radial-gradient(ellipse at 50% 32%, #FBF3E2 0%, transparent 70%);
}
@media (prefers-color-scheme: dark) {
  .stage-bg {
    background-image: radial-gradient(ellipse at 50% 32%, rgba(31, 111, 107, 0.35) 0%, transparent 70%);
  }
}

.text-balance { text-wrap: balance; }
.text-pretty  { text-wrap: pretty; }