From 867a8c1762314d0f983d605c03696c5fe4683649 Mon Sep 17 00:00:00 2001
From: Josh Bairstow <joshbairstow@gmail.com>
Date: Wed, 3 Jun 2026 15:50:49 +1000
Subject: [PATCH] refactor(marks): anchor art page marks to caption column

---
 src/pages/art/index.astro | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/art/index.astro b/src/pages/art/index.astro
index 42ab246..c951f56 100644
--- a/src/pages/art/index.astro
+++ b/src/pages/art/index.astro
@@ -10,18 +10,15 @@ import TideStudyCanvas from "~/components/islands/TideStudyCanvas";
   description="A real-time field of warm rings, seeded each morning by the tide chart off Manly."
   current="art"
 >
-  <Fragment slot="marks">
-    <Mark kind="dots"       width={50} top="20%" right="4%" />
-    <Mark kind="pipes"      width={26} bottom="16%" left="4%" rotate={6} />
-    <Mark kind="concentric" width={38} top="70%" right="8%" />
-  </Fragment>
-
   <main class="gallery">
     <section class="work">
       <TideStudyCanvas client:load />
     </section>
 
     <aside class="caption">
+      <Mark kind="dots"       width={50} top="-14px" right="-12px" />
+      <Mark kind="pipes"      width={26} bottom="-8px" left="-8px" rotate={6} />
+      <Mark kind="concentric" width={38} top="40%" right="-14px" />
       <span class="idx">Work 07 / 12</span>
       <p class="eyebrow series-line">Tide studies · generative</p>
       <h1>Tide Study <em>No. 7</em></h1>
@@ -125,6 +122,7 @@ import TideStudyCanvas from "~/components/islands/TideStudyCanvas";
   }
 
   .caption {
+    position: relative;
     display: flex;
     flex-direction: column;
   }