removed vertical movement from intro texts

src/styles.css

@@ -363,6 +363,8 @@ html[lang="en"] .hero h1 { font-size: calc((100vw - 32px) / 5.2); }
   .hero h1.paint-3d {
     filter: url(#paintGlossLight);
     -webkit-filter: url(#paintGlossLight);
+    font-weight: 500;
+    text-shadow: 0.012em 0 0 currentColor;
   }
 }
 .hero-sub {
@@ -1448,8 +1450,8 @@ input[type=range]::-moz-range-thumb {
   animation-delay: calc(var(--word-delay, 0s) + 1.125s) !important;
 }
 @keyframes introWord {
-  0%   { opacity: 0; transform: translateY(14px); }
-  100% { opacity: 1; transform: translateY(0); }
+  0%   { opacity: 0; }
+  100% { opacity: 1; }
 }
 
 /* Exit — smoke out: re-blur to 16px, drift upward 14px, fade to 0.
@@ -1462,8 +1464,8 @@ input[type=range]::-moz-range-thumb {
   animation-duration: 1.5s;
 }
 @keyframes introOut {
-  0%   { opacity: 1; filter: blur(0); transform: translateY(0); }
-  100% { opacity: 0; filter: blur(16px); transform: translateY(-14px); }
+  0%   { opacity: 1; filter: blur(0); }
+  100% { opacity: 0; filter: blur(16px); }
 }
 /* Hero — hidden until intro is done so the bg image, brand wordmark,
    tagline and Begin button appear AFTER the intro plays out rather