From fd2102ed21c15b8a54cd6a19d8d913976d301089 Mon Sep 17 00:00:00 2001
From: kbot <kbot@local>
Date: Mon, 6 Jul 2026 20:45:23 -0500
Subject: [PATCH] feat(404): restyle not-found for blacksite shell

---
 app/not-found.tsx | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/app/not-found.tsx b/app/not-found.tsx
index 9a30f90..68e0e23 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -4,14 +4,29 @@ export const metadata = { title: "Not Found" }
 
 export default function NotFound() {
   return (
-    <main className="min-h-screen flex items-center justify-center px-6">
-      <div className="text-center">
-        <p className="font-mono text-sm text-ink-soft mb-4">404</p>
-        <h1 className="heading-xl text-ink mt-0 mb-4">Page not found</h1>
-        <p className="text-ink-soft mb-8">The page you{`'`}re looking for doesn{`'`}t exist.</p>
-        <Link href="/" className="inline-block rounded-lg bg-ink px-6 py-3 text-sm font-medium text-canvas hover:opacity-80 transition-opacity">
-          Go home
-        </Link>
+    <main className="flex min-h-screen items-center justify-center bg-blacksite-bg px-6 text-blacksite-text">
+      <div className="w-full max-w-2xl border border-blacksite-line bg-blacksite-surface/60 p-8 shadow-2xl shadow-black/40 sm:p-12">
+        <p className="section-label mb-5">SIGNAL LOST /.404</p>
+        <h1 className="mb-5 font-display text-5xl font-semibold tracking-tight text-blacksite-text sm:text-7xl">
+          Route dissolved into static.
+        </h1>
+        <p className="mb-8 max-w-lg text-sm leading-6 text-blacksite-muted sm:text-base">
+          This coordinate is dark; return to base or scan the field notes.
+        </p>
+        <div className="flex flex-wrap gap-3">
+          <Link
+            href="/"
+            className="border border-signal-orange px-4 py-3 font-mono text-xs uppercase tracking-[0.16em] text-signal-orange transition-colors hover:bg-signal-orange hover:text-blacksite-bg focus-visible:bg-signal-orange focus-visible:text-blacksite-bg"
+          >
+            Return home
+          </Link>
+          <Link
+            href="/blog/"
+            className="border border-blacksite-line px-4 py-3 font-mono text-xs uppercase tracking-[0.16em] text-blacksite-text transition-colors hover:border-signal-cyan hover:text-signal-cyan focus-visible:border-signal-cyan focus-visible:text-signal-cyan"
+          >
+            Field notes
+          </Link>
+        </div>
       </div>
     </main>
   )