Match brain-fry typography and structure

- Top padding 8rem → 12rem
- 'Convenience is not capability' → blockquote callout (amber border, cream bg)
- Added h2 section headers: The Third Extraction Wave, The Decision Loop
- Added blockquote, h2, lead-question, and mobile breakpoint styles
- Same visual rhythm as ai-brain-fry post

src/pages/blog.astro

@@ -19,6 +19,19 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   <section class="posts">
     <div class="posts-container">
 
+      <article class="post-card">
+        <a href="/blog/agentic-wars" class="post-link">
+          <div class="post-meta">
+            <span class="post-date">May 8, 2026</span>
+            <span class="post-tag">AI</span>
+          </div>
+          <h2>You're Already in the Agentic Wars</h2>
+          <p class="post-excerpt">
+            Meta has Hatch. Google has Remy. Everyone is building agents. Whose capability compounds?
+          </p>
+        </a>
+      </article>
+
       <article class="post-card">
         <a href="/blog/ai-brain-fry" class="post-link">
           <div class="post-meta">

src/pages/blog/agentic-wars.astro

@@ -0,0 +1,127 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+---
+
+<BaseLayout
+  title="You're Already in the Agentic Wars"
+  description="Are your capabilities compounding, or are you being extracted from? Big Tech agents compound theirs. Yours can too — if you own them."
+  ogType="article"
+  canonicalUrl="/blog/agentic-wars"
+>
+
+  <article class="post">
+    <header class="post-header">
+      <div class="post-meta">
+        <span class="post-date">May 8, 2026</span>
+        <span class="post-tag">AI</span>
+      </div>
+      <h1>You're Already in the Agentic Wars</h1>
+    </header>
+
+    <div class="post-content">
+      <p class="lead-question">Are you compounding your own capability, or someone else's?</p>
+
+      <p>Meta announced Hatch, a shopping agent for Instagram. Google unveiled Remy, a personal agent for Gemini. CNBC called it "the agentic wars." Everyone is building agents.</p>
+
+      <p>Hatch keeps you in Instagram. Remy keeps you in Gemini. Every prompt you type, every decision you delegate, every pattern the agent learns from you — all of it compounds for the platform, not for you. Their models get smarter. Their ad targeting gets sharper. Their lock-in gets deeper. You get more convenient.</p>
+
+      <blockquote>
+        <p>Convenience is not capability.</p>
+      </blockquote>
+
+      <h2>The Third Extraction Wave</h2>
+
+      <p>Cloud computing extracted your infrastructure — you stopped owning servers, they started renting them back to you. Social media extracted your attention — you stopped thinking for minutes, they started selling your eyeballs by the thousand. Now agents are extracting your decision patterns. Every time you use a hosted agent, you are training someone else's model on your judgment. Their capability compounds. Yours does not.</p>
+
+      <h2>The Decision Loop</h2>
+
+      <p>I run my own agent system. Chief of staff, engineering, compliance, research — every agent reports to me. The value is not in the agent's output. The value is in the decision loop: when an agent drafts something and I review it, I am forced to articulate what I actually think. That compounds my judgment, not a platform's.</p>
+
+      <p>The alternative is not complicated. Run your own agents. Keep your data. Inspect and modify the models. The open-source tools exist today — the company building Hatch literally called their product "OpenClaw-inspired," which tells you who is copying whom.</p>
+
+      <p>The agentic wars will produce two outcomes. People who own their agents and compound their own capability. And people who rent from platforms and wonder why they feel more productive but less capable every quarter.</p>
+
+      <p>So: are your capabilities compounding, or are you being extracted from?</p>
+    </div>
+  </article>
+
+</BaseLayout>
+
+<style>
+  .post {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 12rem 2rem 6rem;
+  }
+
+  .post-header {
+    margin-bottom: 3rem;
+  }
+
+  .post-meta {
+    display: flex;
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+    font-size: 0.875rem;
+  }
+
+  .post-date {
+    color: var(--color-text-muted);
+  }
+
+  .post-tag {
+    color: var(--color-amber);
+    font-weight: 600;
+  }
+
+  .post-header h1 {
+    font-family: var(--font-heading);
+    font-size: clamp(2rem, 4vw, 3rem);
+    color: var(--color-brown-dark);
+    line-height: 1.2;
+    margin: 0;
+  }
+
+  .post-content {
+    font-size: 1.125rem;
+    line-height: 1.8;
+    color: var(--color-text);
+  }
+
+  .post-content p {
+    margin: 0 0 1.5rem;
+  }
+
+  .post-content h2 {
+    font-family: var(--font-heading);
+    font-size: 1.5rem;
+    color: var(--color-brown-dark);
+    margin: 2.5rem 0 1rem;
+    letter-spacing: -0.01em;
+  }
+
+  .post-content blockquote {
+    border-left: 3px solid var(--color-amber);
+    padding: 1.25rem 1.5rem;
+    margin: 2rem 0;
+    background: var(--color-cream-warm);
+    font-style: italic;
+    font-size: 1.2rem;
+    line-height: 1.7;
+  }
+
+  .post-content blockquote p {
+    margin: 0;
+  }
+
+  .lead-question {
+    font-size: 1.15rem;
+    font-style: italic;
+  }
+
+  @media (max-width: 639px) {
+    .post {
+      padding: 5rem 1.25rem 3rem;
+    }
+  }
+</style>