@keyframes menu-in {
  from { opacity: 0; clip-path: circle(0 at calc(100% - var(--space-xl)) var(--space-xl)); }
  to { opacity: 1; clip-path: circle(150% at calc(100% - var(--space-xl)) var(--space-xl)); }
}
@keyframes menu-item {
  from { opacity: 0; translate: 0 var(--space-s); }
  to { opacity: 1; translate: 0 0; }
}
@keyframes logo-marquee {
  to { transform: translateX(calc(-50% - var(--space-xxl) / 2)); }
}
@keyframes home-hero-settle {
to { transform: none; }
}
@keyframes home-hero-reveal {
to { clip-path: inset(0 0 0 0); }
}