diff --git a/.Jules/apex.md b/.Jules/apex.md
index ef768cbf..832bd1eb 100644
--- a/.Jules/apex.md
+++ b/.Jules/apex.md
@@ -22,3 +22,5 @@ Prefer visitor-facing craft on live surfaces (Home, Work, Biography, Contact, an
 ## 2026-05-26 - Product Manifesto | Signal: Product Leadership "Guiding Principles" trend | Lean Implementation: Isolated experimental route, uses Hero/Icon primitives, ~45 lines delta.
 
 ## 2026-05-27 - Strategic Reading List | Signal: Portfolio "Bookshelf" trend | Lean Implementation: Isolated experimental route, static data array, uses Hero/Pill/Icon primitives, ~48 lines delta.
+
+## 2026-05-28 - Working With Me | Signal: Operating Manual / Collaboration Guide trend | Lean Implementation: Isolated experimental route (`/experimental/working-with-me`), feature flagged via Zod schema, ~48 lines delta total.
diff --git a/src/content.config.ts b/src/content.config.ts
index 4925dcfc..78fcb159 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -27,6 +27,7 @@ export const collections = {
       enable_logo_wobble_v1: z.boolean().default(false),
       enable_cta_tactile_v1: z.boolean().default(false),
       enable_theme_toggle_tactile_v1: z.boolean().default(false),
+      enable_working_with_me: z.boolean().default(false),
     }),
   }),
 };
diff --git a/src/content/flags/config.json b/src/content/flags/config.json
index e0450e9f..b0549f1c 100644
--- a/src/content/flags/config.json
+++ b/src/content/flags/config.json
@@ -7,5 +7,6 @@
   "enable_reading_list": true,
   "enable_logo_wobble_v1": true,
   "enable_cta_tactile_v1": true,
-  "enable_theme_toggle_tactile_v1": true
+  "enable_theme_toggle_tactile_v1": true,
+  "enable_working_with_me": true
 }
diff --git a/src/pages/experimental/working-with-me.astro b/src/pages/experimental/working-with-me.astro
new file mode 100644
index 00000000..845084e5
--- /dev/null
+++ b/src/pages/experimental/working-with-me.astro
@@ -0,0 +1,86 @@
+---
+import CallToAction from '../../components/CallToAction.astro';
+import Hero from '../../components/Hero.astro';
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import { getEntry } from 'astro:content';
+
+const flagsEntry = await getEntry('flags', 'config');
+if (!flagsEntry?.data.enable_working_with_me) return Astro.redirect('/404/');
+
+const items = [
+  { t: 'Asynchronous First', d: 'Clear written context over unnecessary meetings.' },
+  { t: 'Bias for Action', d: 'Ship small, iterate fast, validate with real data.' },
+  { t: 'Radical Transparency', d: 'Open trade-off decisions and honest feedback.' },
+];
+---
+
+<BaseLayout
+  title="Working With Me | Alexander Härenstam"
+  description="Operating manual"
+  robots="noindex"
+>
+  <main id="main-content" class="wrapper stack gap-8">
+    <Hero title="Working With Me" align="start">
+      <p class="lede">Operating manual on collaboration, communication, and decision-making.</p>
+    </Hero>
+    <div class="grid">
+      {
+        items.map(({ t, d }) => (
+          <div class="card">
+            <>
+              <strong>{t}</strong>
+              <p>{d}</p>
+            </>
+          </div>
+        ))
+      }
+    </div>
+    <div class="actions">
+      <CallToAction
+        href="https://www.linkedin.com/in/alehar/"
+        target="_blank"
+        rel="noopener noreferrer"
+        data-hire-event="hire_cta_click"
+        data-hire-surface="working-with-me">Connect on LinkedIn</CallToAction
+      >
+    </div>
+  </main>
+</BaseLayout>
+
+<style>
+  .lede {
+    margin: 0;
+    color: var(--gray-200);
+    max-width: 46ch;
+  }
+  .grid {
+    display: grid;
+    gap: 1rem;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  }
+  .card {
+    padding: 1.25rem;
+    border: 1px solid var(--gray-800);
+    border-radius: 0.5rem;
+    background: var(--gradient-subtle);
+  }
+  .card strong {
+    display: block;
+    color: var(--gray-0);
+  }
+  .card p {
+    margin: 0.35rem 0 0;
+    color: var(--gray-300);
+  }
+  .actions {
+    display: flex;
+    align-items: flex-start;
+    margin-top: 0.5rem;
+    padding-bottom: var(--chat-fab-clearance);
+  }
+  @media (min-width: 50em) {
+    .actions {
+      padding-bottom: 0;
+    }
+  }
+</style>