feat: add float animation and pink drop shadow to header logo

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

assets/css/main.css

@@ -577,6 +577,22 @@ a:hover .logo-glitch {
   animation: glitch-clip 2.5s steps(1) infinite;
 }
 
+/* ── Header logo float + glow ─────────────────────────────── */
+.logo-img {
+  animation: logo-float 5s ease-in-out infinite;
+  filter: drop-shadow(0 0 8px rgba(255, 26, 140, 0.4));
+}
+.logo-static .logo-img,
+footer .logo-img {
+  animation: none;
+  filter: none;
+}
+
+@keyframes logo-float {
+  0%, 100% { transform: translateY(0);    filter: drop-shadow(0 0  8px rgba(255, 26, 140, 0.35)); }
+  50%       { transform: translateY(-4px); filter: drop-shadow(0 6px 14px rgba(255, 26, 140, 0.6)); }
+}
+
 /* ── Nav & footer link hover polish ─────────────────────────── */
 
 /* Desktop nav links — lift + glow on hover */

layouts/partials/logo.html

@@ -5,4 +5,4 @@
     class — CSS classes on the <img> element (default: "h-9 w-auto")
 */ -}}
 {{- $class := .class | default "h-9 w-auto" -}}
-<img src="/logo.svg" class="{{ $class }}" alt="{{ site.Title }}" width="512" height="512">
+<img src="/logo.svg" class="{{ $class }} logo-img" alt="{{ site.Title }}" width="512" height="512">