diff --git a/public/index.html b/public/index.html
index b59b69d4..46773a71 100644
--- a/public/index.html
+++ b/public/index.html
@@ -98,6 +98,19 @@
       <h2 class="text-2xl font-bold text-gray-900" data-i18n="whats_new.heading">What&rsquo;s New</h2>
     </div>
 
+    <!-- AI Governance Series — featured -->
+    <a href="https://mysovereignty.digital/ai-governance.html" class="block bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group mb-8" target="_blank" rel="noopener">
+      <div class="bg-gradient-to-r from-slate-700 to-teal-700 p-4 flex items-center gap-3">
+        <span class="text-teal-100 text-xs font-semibold uppercase tracking-wide">Article Series</span>
+        <span class="bg-amber-400 text-amber-900 text-xs font-bold uppercase px-2 py-0.5 rounded">New</span>
+      </div>
+      <div class="p-5 md:p-6">
+        <h3 class="font-bold text-gray-900 mb-2 text-lg group-hover:text-teal-700 transition">AI Governance for Communities &mdash; A Smaller Room Than You Think</h3>
+        <p class="text-sm text-gray-600 mb-3">Who decides what AI becomes, and by what authority? Philosophy, philanthropy, sovereignty, and practical governance &mdash; including M&#257;ori frameworks for data sovereignty and what action ordinary readers can take.</p>
+        <span class="text-xs text-teal-700 font-semibold">Five articles &middot; CC BY 4.0 &middot; mysovereignty.digital &rarr;</span>
+      </div>
+    </a>
+
     <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
       <a href="/blog-post.html?slug=mythos-capability-proliferation-sovereign-infrastructure" class="block bg-white rounded-xl shadow-md border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
         <div class="bg-gradient-to-r from-red-700 to-rose-600 p-4">