/* Reveal only the original star cluster; keep the wordmark still. */
.ws-logo-birth { position: relative; flex-shrink: 0; }
.ws-logo-birth > img { clip-path: inset(0 0 0 31%); animation: none; }
.ws-logo-stars {
  position: absolute; inset: 0; pointer-events: none;
  background: url("logo_full_white.9e31389d5bf0.webp") center / 100% 100% no-repeat;
  clip-path: inset(0 69% 0 0); transform-origin: 15% 50%;
  filter: drop-shadow(0 0 5px var(--glow1));
  animation: ws-stars-grow 2.4s cubic-bezier(.22, 1, .36, 1) both;
}
@keyframes ws-stars-grow {
  0% { opacity: 0; transform: translate(0, 5px) rotate(-150deg) scale(.12); }
  35% { opacity: 1; }
  75% { transform: translate(0, -1px) rotate(5deg) scale(1.03); }
  100% { opacity: 1; transform: none; }
}
@keyframes ws-stars-sway {
  0%, 100% { transform: rotate(0); }
  35% { transform: rotate(-7deg); }
  70% { transform: rotate(4deg); }
}
@media (hover: hover) and (pointer: fine) {
  .ws-logo-birth:hover .ws-logo-stars { animation: ws-stars-sway 1.6s ease-in-out; }
}
.ws-logo-birth:focus-visible { outline: 2px solid #98e5ff; outline-offset: 8px; border-radius: 3px; }
@media (prefers-reduced-motion: reduce) {
  .ws-logo-birth .ws-logo-stars { animation: none; }
}