feat: add bloom pulse animation to header logo, glitch text-only

- Counter-rotating rings now also pulse outward from center (inner→outer ripple)
- Use standalone `rotate`/`scale` CSS properties so animations don't conflict
- Glitch animation scoped to logo text span only, not the SVG
- Footer logo remains static (logo-static)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

layouts/partials/footer.html

@@ -12,7 +12,7 @@
 
     <!-- Brand -->
     <div>
-      <a href="/" class="logo-glitch block mb-4 hover:opacity-90 transition-opacity w-fit" aria-label="{{ .Site.Title }} Home">
+      <a href="/" class="block mb-4 hover:opacity-90 transition-opacity w-fit" aria-label="{{ .Site.Title }} Home">
         {{- partial "logo.html" (dict "id" "footer" "class" "h-10 w-auto logo-static") -}}
       </a>
       <p class="label text-fog max-w-xs leading-loose">{{ .Site.Params.description }}</p>

layouts/partials/nav.html

@@ -10,9 +10,9 @@
     :class="$store.nav.open || scrolled ? 'bg-ink/95 backdrop-blur-md shadow-[0_1px_0_var(--color-zinc)]' : ''"
   >
     <!-- Logotype -->
-    <a href="/" class="logo-glitch flex items-center gap-3 hover:opacity-90 transition-opacity" aria-label="{{ .Site.Params.logoText }} Home">
+    <a href="/" class="flex items-center gap-3 hover:opacity-90 transition-opacity" aria-label="{{ .Site.Params.logoText }} Home">
       {{- partial "logo.html" (dict "id" "nav" "class" "h-10 w-auto flex-shrink-0") -}}
-      <span class="font-display text-2xl md:text-3xl leading-none tracking-wide">
+      <span class="logo-glitch font-display text-2xl md:text-3xl leading-none tracking-wide">
         {{- .Site.Params.logoText -}}
       </span>
     </a>