From 45e84c18560289861862dd5af725471ac4c61dd3 Mon Sep 17 00:00:00 2001
From: Josh Bairstow <joshbairstow@gmail.com>
Date: Wed, 3 Jun 2026 15:51:02 +1000
Subject: [PATCH] refactor(marks): anchor 404 page marks to content section

---
 src/pages/404.astro | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 7bf8b7a..8caacd3 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -6,14 +6,10 @@ import { home } from "~/lib/urls";
 ---
 
 <BaseLayout title="Not yet here — Josh Bairstow" description="The page you were looking for doesn't exist yet.">
-  <Fragment slot="marks">
-    <Mark kind="ringdots"   width={92} top="18%" left="6%" rotate={-8} />
-    <Mark kind="dots"       width={50} top="64%" right="6%" />
-    <Mark kind="pipes"      width={28} bottom="18%" left="40%" rotate={10} />
-    <Mark kind="concentric" width={44} bottom="22%" right="14%" />
-  </Fragment>
-
   <main class="missing">
+    <Mark kind="ringdots"   width={92} top="-14px" left="-16px" rotate={-8} />
+    <Mark kind="dots"       width={50} top="-12px" right="-12px" />
+    <Mark kind="concentric" width={44} bottom="-14px" right="-12px" />
     <p class="num">404</p>
     <h1>Not yet here<span class="accent">.</span></h1>
     <p class="lead">
@@ -29,6 +25,7 @@ import { home } from "~/lib/urls";
 
 <style>
   .missing {
+    position: relative;
     flex: 1;
     display: flex;
     flex-direction: column;