Switch glow to text-stroke border approach instead of scaled overlay

Uses -webkit-text-stroke on ::before pseudo-element with paint-order
so the reverse-flow gradient only appears as an outline around each
letter, not covering the text fill.

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

Author: 3 people

docs/projects/nthpartyfinder/index.html

@@ -195,13 +195,11 @@
 .lava-letter {
   display: inline-block;
   position: relative;
-  z-index: 1;
   background: linear-gradient(90deg, #FFA84F, #e8a44a, #1B95C1, #3aadd4, #FFA84F);
   background-size: 300% 100%;
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
-  -webkit-text-stroke: 1px transparent;
   animation: lava-flow 8s ease-in-out infinite, neon-flicker 4s infinite;
   animation-delay: calc(var(--i) * -0.6s), 0s;
 }
@@ -210,16 +208,16 @@
   position: absolute;
   top: 0;
   left: 0;
-  z-index: -2;
+  z-index: -1;
   background: linear-gradient(90deg, #FFA84F, #e8a44a, #1B95C1, #3aadd4, #FFA84F);
   background-size: 300% 100%;
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
+  -webkit-text-stroke: 4px transparent;
+  paint-order: stroke fill;
   animation: lava-flow-reverse 8s ease-in-out infinite;
   animation-delay: calc(var(--i) * -0.6s);
-  transform: scale(1.01);
-  filter: blur(1px);
 }
 
 .hero-tagline {