Fix unclickable blog cards: add pages + links for 3 placeholder posts

- Three Questions That Changed How I Mentor → /blog/three-questions-mentoring
- Three Signs Your Team Is Being Strip-Mined → /blog/three-signs-strip-mined
- The Soil Beneath The Code → /blog/soil-beneath-the-code
- Each has a lead question and 'More coming soon' stub
- Blog listing cards now wrapped in <a> tags like the other posts
- Updated AI Brain Fry title in listing to match renamed page

src/pages/blog.astro

@@ -26,7 +26,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
             <span class="post-date">May 3, 2026</span>
             <span class="post-tag">AI</span>
           </div>
-          <h2>AI Brain Fry Is a Workforce Crisis, Not a Productivity Story</h2>
+          <h2>What Does AI Brain Fry Really Mean?</h2>
           <p class="post-excerpt">
             Gallup says 80% of the workforce is disengaged. The heaviest AI users are burning out fastest. The fix isn't training - it's structural.
           </p>
@@ -86,36 +86,42 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       </article>
 
       <article class="post-card">
-        <div class="post-meta">
-          <span class="post-date">April 28, 2026</span>
-          <span class="post-tag">Leadership</span>
-        </div>
-        <h2>Three Questions That Changed How I Mentor</h2>
-        <p class="post-excerpt">
-          The simple mentoring framework that actually gets used - three questions that unlock real growth.
-        </p>
+        <a href="/blog/three-questions-mentoring" class="post-link">
+          <div class="post-meta">
+            <span class="post-date">April 28, 2026</span>
+            <span class="post-tag">Leadership</span>
+          </div>
+          <h2>Three Questions That Changed How I Mentor</h2>
+          <p class="post-excerpt">
+            The simple mentoring framework that actually gets used — three questions that unlock real growth.
+          </p>
+        </a>
       </article>
 
       <article class="post-card">
-        <div class="post-meta">
-          <span class="post-date">April 28, 2026</span>
-          <span class="post-tag">Teams</span>
-        </div>
-        <h2>Three Signs Your Team Is Being Strip-Mined</h2>
-        <p class="post-excerpt">
-          The mindset shift that separates thriving teams from burned-out ones - cultivation over extraction.
-        </p>
+        <a href="/blog/three-signs-strip-mined" class="post-link">
+          <div class="post-meta">
+            <span class="post-date">April 28, 2026</span>
+            <span class="post-tag">Teams</span>
+          </div>
+          <h2>Three Signs Your Team Is Being Strip-Mined</h2>
+          <p class="post-excerpt">
+            The mindset shift that separates thriving teams from burned-out ones — cultivation over extraction.
+          </p>
+        </a>
       </article>
 
       <article class="post-card">
-        <div class="post-meta">
-          <span class="post-date">April 28, 2026</span>
-          <span class="post-tag">Engineering</span>
-        </div>
-        <h2>The Soil Beneath The Code</h2>
-        <p class="post-excerpt">
-          A three-layer framework for understanding what makes engineering organizations healthy - or not.
-        </p>
+        <a href="/blog/soil-beneath-the-code" class="post-link">
+          <div class="post-meta">
+            <span class="post-date">April 28, 2026</span>
+            <span class="post-tag">Engineering</span>
+          </div>
+          <h2>The Soil Beneath The Code</h2>
+          <p class="post-excerpt">
+            A three-layer framework for understanding what makes engineering organizations healthy — or not.
+          </p>
+        </a>
       </article>
 
     </div>

src/pages/blog/ai-brain-fry.astro

@@ -3,7 +3,7 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
 ---
 
 <BaseLayout
-  title="AI Brain Fry Is a Workforce Crisis, Not a Productivity Story"
+  title="What Does AI Brain Fry Really Mean?"
   description="Your brain is reconfiguring from intonation to orchestration. That hurts. That doesn't mean it's broken."
   ogType="article"
   canonicalUrl="/blog/ai-brain-fry"
@@ -15,10 +15,12 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
         <span class="post-date">May 3, 2026</span>
         <span class="post-tag">AI</span>
       </div>
-      <h1>AI Brain Fry Is a Workforce Crisis, Not a Productivity Story</h1>
+      <h1>What Does AI Brain Fry Really Mean?</h1>
     </header>
 
     <div class="post-content">
+      <p class="lead-question">If your brain isn't broken, why does AI work hurt more than the work it replaced?</p>
+
       <p>I'm not the only one more exhausted at the end of a workday using AI than before; apparently there's a term for that now: Brain Fry.</p>
 
       <p>The Gallup numbers are out. 80% disengaged. The heaviest AI users burning fastest. Everyone calls it a crisis. I think they're looking at it wrong.</p>
@@ -27,7 +29,7 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
 
       <p>But discomfort is not damage. Ask Arnold if he quit lifting because of discomfort.</p>
 
-      <p>The problem isn't that your brain is broken. The problem is that most people focus on the discomfort instead of looking forward through it. The key word is forward; not ahead, not onward, but forward. Direction with momentum.</p>
+      <p>Your brain's not broken; the discomfort you feel is from growth and <strong>is expected</strong>. Move forward through it. The key word is forward; not ahead, not onward, but forward. Direction with momentum.</p>
 
       <p>When I'm on the move, I move. When the reconfiguration is happening, you have two choices: sit in the pain and call it burnout, or recognize it as growth and keep your eyes forward. One is a loop. The other is a ladder.</p>
 
@@ -47,7 +49,7 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
 
       <p>Fourth, build for the human, not the machine. Every AI deployment should pass this test: does it make the human more capable or merely more productive? Capability compounds. Productivity extracts. The difference shows up in engagement scores within six months.</p>
 
-      <p>I'm building two things in parallel. Speckl, a compliance specification language where AI generates the spec but a human reviews and approves it before the compiler turns it into code. The human judgment is embedded as provenance; auditable, verifiable, part of the artifact. And a consultancy helping engineering leaders shift from extraction metrics to capability metrics.</p>
+      <p>I'm building two things in parallel. Speckl, a specification language that compiles directly to WASM — AI generates the spec, a human reviews and approves it, and the compiler turns it into executable code with provenance baked in. The human judgment is embedded in the artifact; auditable, verifiable, part of the output. And a consultancy helping engineering leaders shift from extraction metrics to capability metrics.</p>
 
       <p>If your team is showing signs of what the industry calls brain fry; higher error rates, faster turnover, quieter standups; the fix isn't more training. It's a structural rethink of how AI and humans collaborate.</p>
 

src/pages/blog/devex-shift.astro

@@ -19,6 +19,8 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
     </header>
 
     <div class="post-content">
+      <p class="lead-question">What if the tool nobody's using is more important than the one everyone deployed?</p>
+
       <p>Who gives a crap about things that are never used.</p>
 
       <p>That's a weird opening for a post about developer experience. But it's the whole thing. Every conversation about DevEx starts with tooling; faster CI, better IDEs, internal platforms, AI coding assistants. Companies are spending $60 billion on this stuff this year alone. Platform engineering teams are bigger than most startups. The dashboards are beautiful.</p>

src/pages/blog/gallup-disengagement.astro

@@ -19,6 +19,8 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
     </header>
 
     <div class="post-content">
+      <p class="lead-question">What do you anchor to when everything you're standing on is shaking?</p>
+
       <p>There's a lot of fear right now.</p>
 
       <p>I don't mean anxiety. I don't mean stress. I mean fear; the kind that sits in your stomach and doesn't leave. Engineers wondering if their job will exist next year. Managers wondering if they'll be replaced by a dashboard. Leaders wondering if the ground they built on is still there.</p>

src/pages/blog/soil-beneath-the-code.astro

@@ -0,0 +1,69 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+---
+
+<BaseLayout
+  title="The Soil Beneath The Code"
+  description="A three-layer framework for understanding what makes engineering organizations healthy — or not."
+  ogType="article"
+  canonicalUrl="/blog/soil-beneath-the-code"
+>
+
+  <article class="post">
+    <header class="post-header">
+      <div class="post-meta">
+        <span class="post-date">April 28, 2026</span>
+        <span class="post-tag">Engineering</span>
+      </div>
+      <h1>The Soil Beneath The Code</h1>
+    </header>
+
+    <div class="post-content">
+      <p class="lead-question">What if the health of your engineering org had nothing to do with your code and everything to do with your soil?</p>
+
+      <p>More coming soon.</p>
+    </div>
+  </article>
+
+</BaseLayout>
+
+<style>
+  .post {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 4rem 2rem 6rem;
+  }
+
+  .post-header {
+    margin-bottom: 3rem;
+  }
+
+  .post-meta {
+    display: flex;
+    gap: 1rem;
+    margin-bottom: 1rem;
+    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, 2.75rem);
+    color: var(--color-brown-dark);
+    margin: 0;
+    line-height: 1.2;
+  }
+
+  .post-content p {
+    margin-bottom: 1.5rem;
+    line-height: 1.8;
+  }
+</style>

src/pages/blog/surveillance-extraction.astro

@@ -19,6 +19,8 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
     </header>
 
     <div class="post-content">
+      <p class="lead-question">Are your tools making your team faster, or just making them easier to watch?</p>
+
       <p>Every company running "AI adoption" is making the same bargain: you give us more data about how you work, we give you tools that make you faster. Everyone wins.</p>
 
       <p>Except nobody's winning. The employees are burning out. The tools are surveilling. And the productivity numbers everyone's celebrating? They're measuring output volume, not output value.</p>

src/pages/blog/three-questions-mentoring.astro

@@ -0,0 +1,69 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+---
+
+<BaseLayout
+  title="Three Questions That Changed How I Mentor"
+  description="The simple mentoring framework that actually gets used — three questions that unlock real growth."
+  ogType="article"
+  canonicalUrl="/blog/three-questions-mentoring"
+>
+
+  <article class="post">
+    <header class="post-header">
+      <div class="post-meta">
+        <span class="post-date">April 28, 2026</span>
+        <span class="post-tag">Leadership</span>
+      </div>
+      <h1>Three Questions That Changed How I Mentor</h1>
+    </header>
+
+    <div class="post-content">
+      <p class="lead-question">What if mentoring didn't require a program, a framework, or a budget — just three questions asked consistently?</p>
+
+      <p>More coming soon.</p>
+    </div>
+  </article>
+
+</BaseLayout>
+
+<style>
+  .post {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 4rem 2rem 6rem;
+  }
+
+  .post-header {
+    margin-bottom: 3rem;
+  }
+
+  .post-meta {
+    display: flex;
+    gap: 1rem;
+    margin-bottom: 1rem;
+    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, 2.75rem);
+    color: var(--color-brown-dark);
+    margin: 0;
+    line-height: 1.2;
+  }
+
+  .post-content p {
+    margin-bottom: 1.5rem;
+    line-height: 1.8;
+  }
+</style>

src/pages/blog/three-signs-strip-mined.astro

@@ -0,0 +1,69 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+---
+
+<BaseLayout
+  title="Three Signs Your Team Is Being Strip-Mined"
+  description="The mindset shift that separates thriving teams from burned-out ones — cultivation over extraction."
+  ogType="article"
+  canonicalUrl="/blog/three-signs-strip-mined"
+>
+
+  <article class="post">
+    <header class="post-header">
+      <div class="post-meta">
+        <span class="post-date">April 28, 2026</span>
+        <span class="post-tag">Teams</span>
+      </div>
+      <h1>Three Signs Your Team Is Being Strip-Mined</h1>
+    </header>
+
+    <div class="post-content">
+      <p class="lead-question">How do you tell the difference between a team that's producing and a team that's being extracted from?</p>
+
+      <p>More coming soon.</p>
+    </div>
+  </article>
+
+</BaseLayout>
+
+<style>
+  .post {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 4rem 2rem 6rem;
+  }
+
+  .post-header {
+    margin-bottom: 3rem;
+  }
+
+  .post-meta {
+    display: flex;
+    gap: 1rem;
+    margin-bottom: 1rem;
+    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, 2.75rem);
+    color: var(--color-brown-dark);
+    margin: 0;
+    line-height: 1.2;
+  }
+
+  .post-content p {
+    margin-bottom: 1.5rem;
+    line-height: 1.8;
+  }
+</style>

src/pages/blog/token-anxiety.astro

@@ -19,6 +19,8 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
     </header>
 
     <div class="post-content">
+      <p class="lead-question">What if the thing burning you out isn't how much you're spending, but that you don't know what you're buying?</p>
+
       <p>Token anxiety is BS.</p>
 
       <p>There's a term floating around Silicon Valley right now. Nikunj Kothari at FPV Ventures coined it: that feeling of "in this given unit of time, which we don't get back, how can I have AI do a lot more for me than the next person?" People checking their agents during parties. At bars. Walking through Dolores Park with laptops slightly open. Replacing evening Netflix with Claude Code, dreaming up new tasks to automate. Rushing the kids to bed so they can get back to the computer.</p>

src/styles/global.css

@@ -412,6 +412,21 @@ code {
   margin: 0 auto;
 }
 
+/* --- Lead Question (blog posts, above fold) --- */
+.lead-question {
+  font-family: var(--font-heading);
+  font-size: var(--size-xl);
+  font-weight: 500;
+  font-style: italic;
+  color: var(--color-green-dark);
+  border-left: 4px solid var(--color-amber);
+  padding: var(--space-md) var(--space-lg);
+  margin-bottom: var(--space-xl);
+  background: var(--color-cream-warm);
+  border-radius: 0 4px 4px 0;
+  line-height: 1.4;
+}
+
 /* --- Prose --- */
 .prose {
   max-width: var(--max-width-prose);