diff --git a/src/lib/styles/content.css b/src/lib/styles/content.css
index 41b9ab6..95f8436 100644
--- a/src/lib/styles/content.css
+++ b/src/lib/styles/content.css
@@ -59,16 +59,8 @@
     letter-spacing: 0.05em;
     color: var(--color-text-600);
     margin: 0 0 var(--space-md);
-    display: flex;
-    align-items: center;
-    gap: var(--space-sm);
-  }
-
-  .section-heading::after {
-    content: "";
-    height: 1px;
-    flex: 1;
-    background: var(--surface-color);
+    padding-left: var(--space-sm);
+    border-left: 2px solid var(--color-primary-500);
   }
 
   /* ── Post row — list item with label + trailing meta ─────────── */
@@ -77,6 +69,9 @@
     list-style: none;
     padding: 0;
     margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xs);
   }
 
   .post-row {
@@ -85,7 +80,7 @@
     align-items: flex-start;
     gap: var(--space-md);
     padding: var(--space-sm) 0;
-    border-bottom: 1px dashed var(--surface-color);
+    border-radius: var(--radius-sm);
     text-decoration: none;
     color: var(--color-text-950);
     min-width: 0;
@@ -94,6 +89,7 @@
       padding-right var(--duration-fast) var(--ease-out-quart),
       margin-left var(--duration-fast) var(--ease-out-quart),
       margin-right var(--duration-fast) var(--ease-out-quart),
+      background-color var(--duration-fast) var(--ease-out-quart),
       color var(--duration-fast) var(--ease-out-quart);
   }
 
@@ -128,7 +124,7 @@
     align-items: baseline;
     gap: var(--space-xs);
     padding: var(--space-sm) 0;
-    border-bottom: 1px dashed var(--surface-color);
+    border-radius: var(--radius-sm);
     text-decoration: none;
     color: var(--color-text-950);
     transition:
@@ -136,6 +132,7 @@
       padding-right var(--duration-fast) var(--ease-out-quart),
       margin-left var(--duration-fast) var(--ease-out-quart),
       margin-right var(--duration-fast) var(--ease-out-quart),
+      background-color var(--duration-fast) var(--ease-out-quart),
       color var(--duration-fast) var(--ease-out-quart);
   }
 
diff --git a/src/lib/styles/pages.css b/src/lib/styles/pages.css
index 2ee78f8..9f30177 100644
--- a/src/lib/styles/pages.css
+++ b/src/lib/styles/pages.css
@@ -19,7 +19,8 @@
 
   .hero-hd {
     flex-direction: row;
-    gap: var(--space-lg);
+    gap: clamp(var(--space-lg), 5vw, var(--space-xl));
+    align-items: flex-end;
   }
 
   @media (max-width: 640px) {
@@ -35,12 +36,35 @@
     gap: var(--space-sm);
   }
 
+  .hero-kicker,
+  .home-section-kicker {
+    margin: 0;
+    color: var(--color-primary-700);
+    font-family: var(--font-mono);
+    font-size: 0.675rem;
+    font-weight: 700;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+  }
+
+  .home-page .page-hd {
+    padding: clamp(var(--space-xl), 8vw, 5rem) 0 var(--space-lg);
+  }
+
+  .home-page .page-title {
+    max-width: 12ch;
+    font-size: clamp(2.75rem, 7.5vw, 5.75rem);
+    font-weight: 800;
+    letter-spacing: -0.06em;
+    line-height: 0.9;
+  }
+
   .hero-bio {
     margin: 0;
     color: var(--color-text-700);
-    font-size: var(--text-md);
-    max-width: 55ch;
-    line-height: 1.6;
+    font-size: clamp(var(--text-md), 2vw, 1.35rem);
+    max-width: 48ch;
+    line-height: 1.55;
   }
 
   .hero-avatar {
@@ -65,7 +89,15 @@
     display: flex;
     flex-wrap: wrap;
     gap: var(--space-sm);
-    padding-bottom: var(--space-lg);
+    padding-bottom: var(--space-sm);
+  }
+
+  .home-ornament {
+    display: flex;
+    justify-content: center;
+    padding: var(--space-lg) 0 var(--space-md);
+    color: var(--color-primary-500);
+    opacity: 0.55;
   }
 
   .status-chip {
@@ -113,40 +145,50 @@
 
   /* Home sections */
   .home-section {
-    padding: var(--space-lg) 0;
+    padding: clamp(var(--space-lg), 5vw, var(--space-xl)) 0;
     content-visibility: auto;
     contain-intrinsic-size: auto 300px;
   }
 
   .home-section + .home-section {
-    border-top: 1px solid var(--surface-color);
+    margin-top: var(--space-md);
   }
 
   .home-section-hd {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) auto;
-    align-items: center;
-    gap: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-
-  .home-section-hd .section-heading {
-    margin: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--space-xs);
+    margin-bottom: var(--space-lg);
   }
 
-  .home-section-note {
+  .home-section-title {
     margin: 0;
-    color: var(--color-text-600);
-    font-family: var(--font-mono);
-    font-size: var(--text-xs);
+    color: var(--color-text-950);
+    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
+    font-weight: 700;
+    letter-spacing: -0.035em;
+    line-height: 1.05;
   }
 
   .home-post-list > li:first-child .post-row {
     padding-block: var(--space-md);
   }
 
+  .home-post-list .post-row {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 9rem;
+    align-items: baseline;
+  }
+
+  .home-post-list .post-date {
+    font-family: var(--font-mono);
+    text-align: right;
+  }
+
   .post-copy {
     min-width: 0;
+    gap: var(--space-2xs);
   }
 
   .home-row-label {
@@ -163,6 +205,7 @@
     display: grid;
     grid-template-columns: minmax(18rem, 0.85fr) minmax(0, 1.15fr);
     align-items: baseline;
+    gap: clamp(var(--space-md), 4vw, var(--space-xl));
   }
 
   .publication-description {
@@ -263,28 +306,28 @@
 
   /* Links grid */
   .link-grid {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-xs);
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    column-gap: var(--space-xl);
+    row-gap: var(--space-xs);
   }
 
   .link-chip {
-    display: inline-flex;
+    display: flex;
     align-items: center;
     gap: var(--space-xs);
-    padding: var(--space-xs) var(--space-sm);
-    border: 1px solid var(--surface-color);
-    border-radius: var(--radius-sm);
-    background: var(--surface-raised);
+    padding: var(--space-sm) 0;
     font-size: var(--text-sm);
     text-decoration: none;
     color: inherit;
-    transition: border-color var(--duration-fast) var(--ease-out-quart);
+    transition:
+      color var(--duration-fast) var(--ease-out-quart),
+      transform var(--duration-fast) var(--ease-out-quart);
   }
 
   .link-chip:hover {
-    border-color: var(--color-primary-500);
     color: var(--color-primary-500);
+    transform: translateX(var(--space-2xs));
   }
 
   .link-emoji {
@@ -293,6 +336,8 @@
 
   .link-text {
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   @media (max-width: 560px) {
@@ -306,9 +351,21 @@
     }
 
     .home-section-hd {
-      grid-template-columns: 1fr;
+      margin-bottom: var(--space-md);
+    }
+
+    .home-post-list .post-row {
+      grid-template-columns: minmax(0, 1fr);
       gap: var(--space-xs);
     }
+
+    .home-post-list .post-date {
+      text-align: left;
+    }
+
+    .link-grid {
+      grid-template-columns: minmax(0, 1fr);
+    }
   }
 
   @media (max-width: 800px) {
@@ -401,7 +458,7 @@
 
   /* Sections */
   .about-section {
-    margin-bottom: var(--space-xl);
+    margin-bottom: var(--space-12);
     content-visibility: auto;
     contain-intrinsic-size: auto 200px;
   }
@@ -766,7 +823,7 @@
   /* ── Subscriptions page ─────────────────────────────────────── */
 
   .sub-section {
-    margin-bottom: var(--space-xl);
+    margin-bottom: var(--space-12);
   }
 
   .empty-mono {
@@ -793,7 +850,7 @@
   /* ── Support page ────────────────────────────────────────────── */
 
   .support-section {
-    margin-bottom: var(--space-xl);
+    margin-bottom: var(--space-12);
   }
 
   .section-note {
diff --git a/src/lib/styles/theme.css b/src/lib/styles/theme.css
index b2443c2..dc7c8f4 100644
--- a/src/lib/styles/theme.css
+++ b/src/lib/styles/theme.css
@@ -628,28 +628,28 @@
   .shell-wide {
     max-width: 72rem;
     margin-inline: auto;
-    padding: 0 var(--space-lg) var(--space-2xl);
+    padding: 0 var(--space-lg) var(--space-xl);
   }
 
   /* Prose shell — blog posts (wide enough for TOC sidebar + content) */
   .shell-prose {
     max-width: 72rem;
     margin-inline: auto;
-    padding: 0 var(--space-lg) var(--space-2xl);
+    padding: 0 var(--space-lg) var(--space-xl);
   }
 
   /* Narrow shell — subscriptions, support */
   .shell-narrow {
     max-width: 48rem;
     margin-inline: auto;
-    padding: 0 var(--space-lg) var(--space-2xl);
+    padding: 0 var(--space-lg) var(--space-xl);
   }
 
   @media (max-width: 560px) {
     .shell-wide,
     .shell-prose,
     .shell-narrow {
-      padding: 0 var(--space-md);
+      padding: 0 var(--space-md) var(--space-12);
     }
   }
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index eff2a81..66268a7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,6 +4,7 @@
   import EmptyState from '$lib/components/EmptyState.svelte';
   import LoadingSkeleton from '$lib/components/LoadingSkeleton.svelte';
   import VerificationBadge from '$lib/components/VerificationBadge.svelte';
+  import Triskele from '$lib/components/icons/Triskele.svelte';
   import { ArrowRight, ExternalLink, Music } from '@lucide/svelte';
   import { normalizeSlug } from '$lib/utils/slugify';
   import type { ProfileData } from '@ewanc26/atproto';
@@ -60,13 +61,14 @@
 
 <SiteHead ogType="HOME" />
 
-<main class="shell-wide">
+<main class="shell-wide home-page">
   <!-- Hero -->
   <section class="page-hd hero-hd hero-reveal">
     {#if profile.avatar}
       <img src={profile.avatar} alt="" class="hero-avatar" />
     {/if}
     <div class="hero-text">
+      <p class="hero-kicker">Personal index</p>
       <h1 class="page-title">
         {profile.displayName ?? profile.handle}
         <VerificationBadge verified={true} verifiers={data.verifications} />
@@ -107,11 +109,15 @@
     </div>
   {/if}
 
+  <div class="home-ornament" aria-hidden="true">
+    <Triskele size={18} />
+  </div>
+
   <!-- Writing -->
   <section class="home-section animate-in stagger-2" aria-busy={posts === null}>
     <div class="home-section-hd">
-      <h2 class="section-heading">Blog</h2>
-      <p class="home-section-note">Recent writing</p>
+      <p class="home-section-kicker">01 / Journal</p>
+      <h2 class="home-section-title">Recent writing</h2>
     </div>
     {#if posts === null}
       <LoadingSkeleton count={3} label="Loading recent posts" />
@@ -141,8 +147,8 @@
   <!-- Projects -->
   <section class="home-section animate-in stagger-3" aria-busy={githubProjects === null}>
     <div class="home-section-hd">
-      <h2 class="section-heading">Projects</h2>
-      <p class="home-section-note">Pinned on GitHub</p>
+      <p class="home-section-kicker">02 / Workshop</p>
+      <h2 class="home-section-title">Selected projects</h2>
     </div>
     {#if githubProjects === null}
       <LoadingSkeleton count={2} label="Loading pinned projects" />
@@ -193,8 +199,8 @@
   <!-- Publications -->
   <section class="home-section animate-in stagger-4" aria-busy={publications === null}>
     <div class="home-section-hd">
-      <h2 class="section-heading">Publications</h2>
-      <p class="home-section-note">Longer-running collections</p>
+      <p class="home-section-kicker">03 / Editions</p>
+      <h2 class="home-section-title">Publications</h2>
     </div>
     {#if publications === null}
       <LoadingSkeleton count={2} label="Loading publications" />
@@ -220,8 +226,8 @@
   <!-- Links -->
   <section class="home-section animate-in stagger-5" aria-busy={links === null}>
     <div class="home-section-hd">
-      <h2 class="section-heading">Elsewhere</h2>
-      <p class="home-section-note">Other places to find me</p>
+      <p class="home-section-kicker">04 / Network</p>
+      <h2 class="home-section-title">Elsewhere</h2>
     </div>
     {#if links === null}
       <LoadingSkeleton count={2} label="Loading external links" />