.site-nav__link {
  display: block;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  color: #2b2230;
  transition:
    color 0.15s ease,
    background-color 0.15s ease;
}

.site-nav__link:hover {
  color: #be185d;
}

.site-nav__link--active {
  background-color: #fce7f3;
  color: #be185d;
  font-weight: 600;
}

@keyframes site-fade-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes site-stat-fill {
  from {
    transform: scaleY(0);
    transform-origin: bottom;
  }
  to {
    transform: scaleY(1);
    transform-origin: bottom;
  }
}

.site-animate-fade-up {
  animation: site-fade-up 0.65s ease-out both;
}

.site-stat-bar__fill {
  animation: site-stat-fill 1s ease-out both;
}

@media (prefers-reduced-motion: reduce) {
  .site-animate-fade-up,
  .site-stat-bar__fill {
    animation: none;
  }
}