/* Force site title text to uppercase */
header.site-header {
  .site-branding {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    will-change: transform;

    span.site-title {
      text-transform: uppercase;
    }

    &:hover {
      animation: siteBrandingBounce 600ms cubic-bezier(0.33, 1, 0.68, 1);
    }
  }
}

@keyframes siteBrandingBounce {
  0% {
    transform: translateY(0) scale(1);
  }
  30% {
    transform: translateY(-6px) scale(1.02);
  }
  60% {
    transform: translateY(3px) scale(1);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}