diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 12a4a8f..b8364c3 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -4,6 +4,7 @@ import "~/styles/site.css";
 import TopBar from "~/components/organisms/TopBar.astro";
 import SiteFoot from "~/components/organisms/SiteFoot.astro";
 import Mark from "~/components/atoms/Mark.astro";
+import ParticleField from "~/components/islands/ParticleField";
 
 type CurrentSection = "home" | "blog" | "art" | "code";
 
@@ -50,13 +51,8 @@ const canonicalHref = canonical ?? new URL(Astro.url.pathname, Astro.site).toStr
     <meta property="og:url" content={canonicalHref} />
   </head>
   <body class="dark">
-    <!-- sprinkled accent marks — loose, non-rigid placement, per page-of-page overrides via slot -->
-    <slot name="marks">
-      <Mark kind="ringdots" width={84} top="14%" left="3%" rotate={-5} />
-      <Mark kind="pipes" width={28} top="73%" left="6%" rotate={8} />
-      <Mark kind="dots" width={52} top="26%" right="3.5%" />
-      <Mark kind="concentric" width={42} bottom="9%" right="7%" />
-    </slot>
+    <ParticleField client:idle />
+    <slot name="marks" />
 
     <div class="stage">
       <TopBar current={current} showCoord={showCoordInTopbar} />
