big changes

app/page.tsx

@@ -48,7 +48,7 @@ export default function HomePage() {
   //  Plays the animated logo + wordmark the first time someone visits the
   //  site in this browser tab. We remember they've seen it using
   //  sessionStorage so it doesn't replay on every navigation. The intro lasts
-  //  ~3.2 seconds, then fades out.
+  //  a little under 4 seconds, with a softer fade into the main page.
   // ---------------------------------------------------------------------------
   useEffect(() => {
     try {
@@ -66,10 +66,11 @@ export default function HomePage() {
         }
 
         // The SVG's built-in stroke + fill animation lasts ~3s.
-        // We hold for an extra ~600ms so the CSS fade-out can complete.
+        // We hold a little longer so the page underneath can ease in while
+        // the overlay fades away.
         const timer = window.setTimeout(() => {
           setShowIntro(false);
-        }, 3600);
+        }, 3950);
 
         return () => window.clearTimeout(timer);
       }
@@ -100,7 +101,7 @@ export default function HomePage() {
           A single self-contained animated SVG of the Novarix wordmark,
           drawn dead-centre in the viewport. The SVG itself contains all the
           animation (strokes draw over 2s, fill in over the next 1s — see
-          /public/branding/animated_logo_intro.svg). Hidden after ~3.6s
+          /public/branding/animated_logo_intro.svg). Hidden after ~4s
           (see the useEffect above + the CSS fade-out timing).
           ===================================================================== */}
       {showIntro && (