From a41e3c1e921ac856e7eb0540f1899ac7d2eb30eb Mon Sep 17 00:00:00 2001
From: Federico Jaramillo Martinez <federico@klingit.com>
Date: Sat, 16 May 2026 00:49:24 +0200
Subject: [PATCH] docs: simplify 404 intro animation

---
 docs/404.html   | 8 +-------
 docs/styles.css | 8 ++++++--
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/docs/404.html b/docs/404.html
index 9e88332..bd0a3cf 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -60,13 +60,7 @@
               <span class="intro-word" style="--i: 3">to</span>
               <span class="intro-word" style="--i: 4">you.</span>
             </span>
-            <span class="error-title-line intro-target" aria-hidden="true">
-              <span class="intro-word" style="--i: 5">This</span>
-              <span class="intro-word" style="--i: 6">page</span>
-              <span class="intro-word" style="--i: 7">does</span>
-              <span class="intro-word" style="--i: 8; --intro-color: var(--brand-3)">not</span>
-              <span class="intro-word" style="--i: 9">exist.</span>
-            </span>
+            <span class="error-title-line" aria-hidden="true">This page does not exist.</span>
           </h1>
           <p class="error-copy">The route was hallucinated, deleted, or never shipped.</p>
           <div class="error-actions">
diff --git a/docs/styles.css b/docs/styles.css
index 0a3a1f2..4163001 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -52,14 +52,18 @@ body::after {
 .home-page .hero-actions,
 .home-page .hero-stats,
 .home-page .terminal,
-.home-page main > section:not(.hero),
+.home-page main > section:not(.hero) {
+  opacity: 0;
+  animation: page-reveal 700ms ease-out 2.45s forwards;
+}
+
 .error-page .site-header,
 .error-page .site-footer,
 .error-page .error-code,
 .error-page .error-copy,
 .error-page .error-actions {
   opacity: 0;
-  animation: page-reveal 700ms ease-out 2.45s forwards;
+  animation: page-reveal 700ms ease-out 1.55s forwards;
 }
 
 .intro-target {