diff --git a/README.md b/README.md
index bf1a485..e0df150 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1,24 @@
 # Research Notes
 
-Evidence-led writing on artificial intelligence, robotics, and technical
-strategy by Theodore Ouyang. Every work is preserved as a complete Chinese
-edition and a complete English edition; the reading site shows one language at
-a time.
+**A bilingual, evidence-led research archive by Theodore Ouyang.**
 
-[中文阅读](https://research-notes-130u.jiligualapiqiu.chatgpt.site/) ·
-[Read in English](https://research-notes-130u.jiligualapiqiu.chatgpt.site/?lang=en) ·
+围绕人工智能、机器人与技术路径，把复杂问题整理成可审阅、可引用、可复核的判断。
+
+Every work is preserved as a complete Chinese edition and a complete English edition, with its evidence boundary and audit trail kept close to the writing.
+
+**[中文阅读](https://research-notes-130u.jiligualapiqiu.chatgpt.site/)** ·
+**[Read in English](https://research-notes-130u.jiligualapiqiu.chatgpt.site/?lang=en)** ·
 [Research](research/) · [Articles](articles/) · [Reflections](reflections/)
 
+`Astro 7` `TypeScript` `Bilingual` `Evidence-led` `GitHub Pages disabled`
+
+## At a glance
+
+- **Three published works:** two research dossiers and one technical essay.
+- **Complete bilingual editions:** language switching preserves the reader's position instead of replacing full works with summaries.
+- **Reviewable provenance:** manifests, source ledgers, audit notes, and preserved research archives travel with the relevant work.
+- **Independent reading surface:** the static Astro site is hosted separately from `theodoreoy.com` and from GitHub Pages.
+
 ## Work
 
 <!-- portfolio:index:start -->
@@ -31,7 +41,16 @@ a time.
 [中文全文](research/2026-08-03-manifold-world-model-landscape/README.zh-CN.md) · [English version](research/2026-08-03-manifold-world-model-landscape/README.en.md) · [Read on web](https://research-notes-130u.jiligualapiqiu.chatgpt.site/manifold-world-model-landscape/)
 <!-- portfolio:index:end -->
 
-## Repository
+## What this repository demonstrates
+
+| Layer | What is shown |
+| --- | --- |
+| Research | Source-led analysis with explicit separation between evidence, claims, explanation, and interpretation |
+| Editorial | Complete Chinese and English editions with stable metadata and collection indexes |
+| Product | A responsive reading interface with persistent language choice, accessible navigation, and compact-screen outlines |
+| Engineering | Schema validation, deterministic index generation, static-site auditing, and a version-locked Astro build |
+
+## Repository map
 
 Each work lives in its own folder. The report, sources, audit trail, figures,
 and any preserved research archive travel together instead of being scattered
@@ -59,14 +78,23 @@ Markdown inside each project folder is the canonical editable source. A
 provenance for projects that need them. Generated HTML under `_site/` is
 disposable.
 
-## Maintenance
+## Local verification
+
+```powershell
+npm ci
+npm run check
+npm run build
+```
+
+`npm run check` validates content manifests, generated indexes, and Astro types. The build then copies public source artifacts and audits the generated site.
+
+## Maintenance and deployment boundary
 
 The repository uses a version-locked Astro static build. Operational details
 live in the [Publishing Standard](PUBLISHING_STANDARD.md); architectural
 decisions live in [ADR-001](ARCHITECTURE.md).
 
-GitHub Actions validates the archive, but GitHub Pages remains disabled. The
-public reading site is hosted independently from the validated repository.
+GitHub Actions validates the archive, but **GitHub Pages remains disabled**. The public reading site is hosted independently so this project cannot inherit or alter the custom-domain behavior of the separate personal-site repository.
 
 ## Rights
 
diff --git a/public/og.png b/public/og.png
new file mode 100644
index 0000000..555bdf6
Binary files /dev/null and b/public/og.png differ
diff --git a/src/components/PostCard.astro b/src/components/PostCard.astro
index f1f7ec0..58e40a7 100644
--- a/src/components/PostCard.astro
+++ b/src/components/PostCard.astro
@@ -32,6 +32,12 @@ const number = String(data.seriesNo).padStart(2, "0");
           <p>{data.languages.en.summary}</p>
         </div>
       </div>
+      <footer class="note-card-signals">
+        {data.audit?.status === "passed" && (
+          <span class="status-chip"><span aria-hidden="true"></span><span data-content-lang="zh" lang="zh-CN">审计通过</span><span data-content-lang="en" lang="en">Audit passed</span></span>
+        )}
+        {data.topics.slice(0, 3).map((topic) => <span class="topic-chip">{topic}</span>)}
+      </footer>
     </div>
   </a>
 </article>
diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
index 024a205..2114f9c 100644
--- a/src/components/SiteHeader.astro
+++ b/src/components/SiteHeader.astro
@@ -2,21 +2,26 @@
 import { collectionHref } from "../lib/site";
 
 const home = import.meta.env.BASE_URL;
+const pathname = Astro.url.pathname;
+const isCollection = (path: string) => pathname.includes(`/${path}/`);
 ---
 
 <header class="site-header">
-  <a class="wordmark" href={home} aria-label="Research Notes, home">Research Notes</a>
+  <a class="wordmark" href={home} aria-label="Theodore Ouyang Research Notes, home">
+    <span class="wordmark-mark" aria-hidden="true"></span>
+    <span class="wordmark-copy"><strong>Theodore Ouyang</strong><small>Research Notes</small></span>
+  </a>
 
   <nav class="site-nav" aria-label="Primary / 主导航">
-    <a href={collectionHref("article")}>
-      <span data-content-lang="zh" lang="zh-CN">文章</span>
-      <span data-content-lang="en" lang="en">Articles</span>
-    </a>
-    <a href={collectionHref("research")}>
+    <a href={collectionHref("research")} aria-current={isCollection("research") ? "page" : undefined}>
       <span data-content-lang="zh" lang="zh-CN">研究</span>
       <span data-content-lang="en" lang="en">Research</span>
     </a>
-    <a href={collectionHref("reflection")}>
+    <a href={collectionHref("article")} aria-current={isCollection("articles") ? "page" : undefined}>
+      <span data-content-lang="zh" lang="zh-CN">文章</span>
+      <span data-content-lang="en" lang="en">Articles</span>
+    </a>
+    <a href={collectionHref("reflection")} aria-current={isCollection("reflections") ? "page" : undefined}>
       <span data-content-lang="zh" lang="zh-CN">思考</span>
       <span data-content-lang="en" lang="en">Reflections</span>
     </a>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 7a3b895..862a566 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -30,6 +30,7 @@ const base = import.meta.env.BASE_URL;
 const canonical = canonicalPath === null
   ? undefined
   : new URL(`${base}${canonicalPath.replace(/^\/+/, "")}`, Astro.site ?? Astro.url).href;
+const socialImage = new URL(`${base}og.png`, Astro.site ?? Astro.url).href;
 const structuredData = article
   ? {
       "@context": "https://schema.org",
@@ -54,7 +55,7 @@ const structuredData = article
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content={description} />
     <meta name="color-scheme" content="light" />
-    <meta name="theme-color" content="#ffffff" />
+    <meta name="theme-color" content="#f5f2eb" />
     {canonical && <link rel="canonical" href={canonical} />}
     {noindex && <meta name="robots" content="noindex" />}
     <link rel="alternate" type="application/rss+xml" title="Theodore Ouyang — Portfolio" href={`${base}rss.xml`} />
@@ -63,7 +64,9 @@ const structuredData = article
     <meta property="og:description" content={description} />
     {canonical && <meta property="og:url" content={canonical} />}
     <meta property="og:site_name" content="Theodore Ouyang — Portfolio" />
-    <meta name="twitter:card" content="summary" />
+    <meta property="og:image" content={socialImage} />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image" content={socialImage} />
     <title>{title}</title>
     <script is:inline>
       (() => {
@@ -90,9 +93,15 @@ const structuredData = article
     <SiteHeader />
     <slot />
     <footer class="site-footer">
-      <p data-content-lang="zh" lang="zh-CN">文章、研究与思考。</p>
-      <p data-content-lang="en" lang="en">Essays, research, and reflections.</p>
-      <p>© {new Date().getUTCFullYear()} Theodore Ouyang</p>
+      <div class="footer-intro">
+        <p data-content-lang="zh" lang="zh-CN">证据导向的人工智能、机器人与技术策略研究。</p>
+        <p data-content-lang="en" lang="en">Evidence-led research on AI, robotics, and technical strategy.</p>
+        <p class="footer-copyright">© {new Date().getUTCFullYear()} Theodore Ouyang</p>
+      </div>
+      <nav class="footer-links" aria-label="Footer / 页脚">
+        <a href={`${base}rss.xml`}>RSS</a>
+        <a href="https://github.com/130U/portfolio">GitHub <span aria-hidden="true">↗</span></a>
+      </nav>
     </footer>
     <script>
       import "../scripts/site";
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 750dea8..b0064b0 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,10 +2,12 @@
 import { getCollection } from "astro:content";
 import PostCard from "../components/PostCard.astro";
 import BaseLayout from "../layouts/BaseLayout.astro";
-import { collectionCopy, collectionHref, published } from "../lib/site";
+import { articleHref, collectionCopy, collectionHref, published } from "../lib/site";
 
 const posts = published(await getCollection("posts"));
 const latest = posts.slice(0, 6);
+const featured = posts.find((post) => post.data.featured) ?? posts[0];
+const auditedCount = posts.filter((post) => post.data.audit?.status === "passed").length;
 const counts = Object.fromEntries(
   Object.keys(collectionCopy).map((collection) => [
     collection,
@@ -20,16 +22,68 @@ const counts = Object.fromEntries(
 >
   <main id="main-content">
     <section class="hero" aria-label="Portfolio introduction / 作品集介绍">
-      <div class="parallel-copy">
-        <div data-content-lang="zh" lang="zh-CN">
-          <h1>把复杂问题，写到真正看懂为止。</h1>
-          <p class="hero-deck">关于人工智能、机器人与技术路径的研究笔记：保留证据，也保留推理发生的过程。</p>
-        </div>
-        <div data-content-lang="en" lang="en">
-          <h1>Follow a difficult question until it becomes legible.</h1>
-          <p class="hero-deck">Research on AI, robotics, and technical strategy—preserving both the evidence and the reasoning that connects it.</p>
+      <div class="hero-layout">
+        <div class="parallel-copy">
+          <div data-content-lang="zh" lang="zh-CN">
+            <p class="hero-eyebrow"><span aria-hidden="true"></span>独立双语研究档案</p>
+            <h1>把复杂技术问题，做成可审阅的判断。</h1>
+            <p class="hero-deck">聚焦人工智能、机器人与技术路径。每篇作品同时保留完整中英文版本、证据边界与推理过程。</p>
+            <nav class="hero-actions" aria-label="首页快捷入口">
+              {featured && <a class="button button-primary" href={articleHref(featured.data.slug)}>阅读最新研究 <span aria-hidden="true">↗</span></a>}
+              <a class="button button-secondary" href={collectionHref("research")}>浏览研究档案</a>
+            </nav>
+          </div>
+          <div data-content-lang="en" lang="en">
+            <p class="hero-eyebrow"><span aria-hidden="true"></span>Independent bilingual research archive</p>
+            <h1>Turn complex technical questions into reviewable judgment.</h1>
+            <p class="hero-deck">Research on AI, robotics, and technical strategy. Every work preserves complete Chinese and English editions, evidence boundaries, and the reasoning in between.</p>
+            <nav class="hero-actions" aria-label="Homepage shortcuts">
+              {featured && <a class="button button-primary" href={articleHref(featured.data.slug)}>Read latest research <span aria-hidden="true">↗</span></a>}
+              <a class="button button-secondary" href={collectionHref("research")}>Browse research archive</a>
+            </nav>
+          </div>
         </div>
+
+        <aside class="hero-method" aria-label="Research standard / 研究标准">
+          <header>
+            <p data-content-lang="zh" lang="zh-CN">研究标准</p>
+            <p data-content-lang="en" lang="en">Research standard</p>
+            <span>01—03</span>
+          </header>
+          <ol>
+            <li>
+              <span>01</span>
+              <div data-content-lang="zh" lang="zh-CN"><strong>证据先行</strong><p>区分事实、作者声明与分析判断。</p></div>
+              <div data-content-lang="en" lang="en"><strong>Evidence first</strong><p>Separate facts, claims, and interpretation.</p></div>
+            </li>
+            <li>
+              <span>02</span>
+              <div data-content-lang="zh" lang="zh-CN"><strong>推理透明</strong><p>让结论的形成过程可以被复核。</p></div>
+              <div data-content-lang="en" lang="en"><strong>Visible reasoning</strong><p>Keep the path to each conclusion reviewable.</p></div>
+            </li>
+            <li>
+              <span>03</span>
+              <div data-content-lang="zh" lang="zh-CN"><strong>双语完整</strong><p>中英文都是完整作品，而非摘要。</p></div>
+              <div data-content-lang="en" lang="en"><strong>Complete editions</strong><p>Chinese and English are full works, not excerpts.</p></div>
+            </li>
+          </ol>
+        </aside>
       </div>
+
+      <dl class="hero-signals" aria-label="Archive signals / 档案概览">
+        <div>
+          <dt><span data-content-lang="zh" lang="zh-CN">已发布</span><span data-content-lang="en" lang="en">Published</span></dt>
+          <dd>{String(posts.length).padStart(2, "0")}</dd>
+        </div>
+        <div>
+          <dt><span data-content-lang="zh" lang="zh-CN">审计通过</span><span data-content-lang="en" lang="en">Audits passed</span></dt>
+          <dd>{String(auditedCount).padStart(2, "0")}</dd>
+        </div>
+        <div>
+          <dt><span data-content-lang="zh" lang="zh-CN">完整版本</span><span data-content-lang="en" lang="en">Full editions</span></dt>
+          <dd>中 / EN</dd>
+        </div>
+      </dl>
     </section>
 
     <section class="collection-strip" aria-label="Collections / 内容集合">
diff --git a/src/styles/site.css b/src/styles/site.css
index 5a130d1..d5e8e57 100644
--- a/src/styles/site.css
+++ b/src/styles/site.css
@@ -1,13 +1,16 @@
 :root {
   color-scheme: light;
-  --color-page: #ffffff;
-  --color-surface: #ffffff;
-  --color-surface-muted: #f4f4f4;
-  --color-ink: #0d0d0d;
-  --color-ink-muted: #666666;
-  --color-quiet: #8a8a8a;
-  --color-rule: #dedede;
-  --color-focus: #111111;
+  --color-page: #f5f2eb;
+  --color-surface: #fbfaf6;
+  --color-surface-muted: #ebe7de;
+  --color-ink: #24231f;
+  --color-ink-muted: #666158;
+  --color-quiet: #8a8478;
+  --color-rule: #d7d0c3;
+  --color-focus: #9f4f2c;
+  --color-copper: #a5532f;
+  --color-green: #536d5b;
+  --color-green-soft: #dfe8df;
   --color-evidence-paper: #222222;
   --color-evidence-claim: #4c4c4c;
   --color-evidence-code: #6a6a6a;
@@ -140,21 +143,46 @@ main,
   min-height: var(--header-offset);
   align-items: center;
   gap: clamp(1.5rem, 4vw, 4rem);
-  border-bottom: 1px solid var(--color-rule);
-  background: color-mix(in srgb, var(--color-page) 94%, transparent);
-  backdrop-filter: blur(18px);
+  border-bottom: 1px solid color-mix(in srgb, var(--color-rule) 84%, transparent);
+  background: color-mix(in srgb, var(--color-page) 88%, transparent);
+  backdrop-filter: blur(22px) saturate(125%);
 }
 
 .wordmark {
   display: inline-flex;
   min-height: 2.75rem;
   align-items: center;
-  font-size: 1rem;
-  font-weight: 650;
-  letter-spacing: -0.02em;
+  gap: 0.7rem;
   text-decoration: none;
 }
 
+.wordmark-mark {
+  width: 0.22rem;
+  height: 1.8rem;
+  border-radius: 999px;
+  background: var(--color-copper);
+}
+
+.wordmark-copy {
+  display: grid;
+  gap: 0.08rem;
+  line-height: 1.05;
+}
+
+.wordmark-copy strong {
+  font-size: 0.88rem;
+  font-weight: 680;
+  letter-spacing: -0.012em;
+}
+
+.wordmark-copy small {
+  color: var(--color-quiet);
+  font-size: 0.64rem;
+  font-weight: 600;
+  letter-spacing: 0.105em;
+  text-transform: uppercase;
+}
+
 .site-nav {
   display: flex;
   align-items: center;
@@ -164,18 +192,34 @@ main,
 }
 
 .site-nav a {
+  position: relative;
   display: inline-flex;
   min-height: 2.75rem;
   align-items: center;
   color: var(--color-ink-muted);
   text-decoration: none;
-  transition: color 140ms ease;
+  transition: color 140ms ease, transform 100ms ease-out;
 }
 
 .site-nav a:hover {
   color: var(--color-ink);
 }
 
+.site-nav a[aria-current="page"] {
+  color: var(--color-ink);
+  font-weight: 620;
+}
+
+.site-nav a[aria-current="page"]::after {
+  position: absolute;
+  inset-inline: 0;
+  inset-block-end: 0.35rem;
+  height: 0.12rem;
+  border-radius: 999px;
+  background: var(--color-copper);
+  content: "";
+}
+
 .language-control {
   display: none;
   align-items: center;
@@ -198,13 +242,14 @@ main,
   color: var(--color-ink-muted);
   cursor: pointer;
   font: 550 0.78rem/1 var(--font-ui);
-  transition: background-color 140ms ease, color 140ms ease;
+  transition: background-color 140ms ease, color 140ms ease, transform 100ms ease-out;
 }
 
 .language-control button[aria-pressed="true"] {
   border-color: var(--color-rule);
   background: var(--color-surface);
   color: var(--color-ink);
+  box-shadow: 0 0.18rem 0.55rem rgba(55, 46, 36, 0.06);
 }
 
 .hero,
@@ -215,8 +260,17 @@ main,
 
 .hero {
   display: grid;
-  min-height: min(44rem, calc(100vh - var(--header-offset)));
-  align-items: center;
+  min-height: min(50rem, calc(100svh - var(--header-offset)));
+  align-content: center;
+  gap: clamp(3.5rem, 7vw, 6.5rem);
+  padding-block: clamp(4.5rem, 8vw, 7.5rem) clamp(2.5rem, 5vw, 4.5rem);
+}
+
+.hero-layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.65fr);
+  align-items: end;
+  gap: clamp(3rem, 7vw, 8rem);
 }
 
 .parallel-copy {
@@ -229,14 +283,34 @@ main,
   max-width: 68rem;
 }
 
+.hero-eyebrow {
+  display: flex;
+  align-items: center;
+  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
+  gap: 0.65rem;
+  color: var(--color-copper);
+  font-size: 0.72rem;
+  font-weight: 680;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+
+.hero-eyebrow > span {
+  width: 1.6rem;
+  height: 0.12rem;
+  flex: 0 0 auto;
+  border-radius: 999px;
+  background: currentColor;
+}
+
 .hero h1,
 .collection-hero h1 {
-  max-width: 17ch;
+  max-width: 15ch;
   margin-bottom: 2rem;
-  font-size: clamp(3rem, 6.8vw, 6.75rem);
-  font-weight: 500;
-  line-height: 0.99;
-  letter-spacing: -0.05em;
+  font-size: clamp(3rem, 6.25vw, 6.25rem);
+  font-weight: 540;
+  line-height: 0.98;
+  letter-spacing: -0.052em;
 }
 
 .collection-hero h1 {
@@ -253,6 +327,153 @@ main,
   letter-spacing: -0.012em;
 }
 
+.hero-actions {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: clamp(2rem, 4vw, 3rem);
+  gap: 0.75rem;
+}
+
+.button {
+  display: inline-flex;
+  min-height: 2.9rem;
+  align-items: center;
+  justify-content: center;
+  gap: 0.55rem;
+  padding: 0.75rem 1rem;
+  border: 1px solid var(--color-rule);
+  border-radius: 999px;
+  font-size: 0.82rem;
+  font-weight: 650;
+  text-decoration: none;
+  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 100ms ease-out;
+}
+
+.button-primary {
+  border-color: var(--color-ink);
+  background: var(--color-ink);
+  color: var(--color-surface);
+}
+
+.button-secondary {
+  background: color-mix(in srgb, var(--color-surface) 70%, transparent);
+  color: var(--color-ink);
+}
+
+.hero-method {
+  overflow: hidden;
+  border: 1px solid var(--color-rule);
+  border-radius: 1.15rem;
+  background: color-mix(in srgb, var(--color-surface) 82%, transparent);
+  box-shadow: 0 1.3rem 4rem rgba(62, 48, 35, 0.07);
+}
+
+.hero-method header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 3.5rem;
+  padding-inline: 1.25rem;
+  border-bottom: 1px solid var(--color-rule);
+  color: var(--color-quiet);
+  font-size: 0.68rem;
+  font-weight: 650;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+}
+
+.hero-method header p {
+  margin: 0;
+}
+
+.hero-method header > span {
+  font-variant-numeric: tabular-nums;
+}
+
+.hero-method ol {
+  margin: 0;
+  padding: 0 1.25rem;
+  list-style: none;
+}
+
+.hero-method li {
+  display: grid;
+  grid-template-columns: 1.7rem minmax(0, 1fr);
+  padding-block: 1.15rem;
+  gap: 0.8rem;
+  border-bottom: 1px solid var(--color-rule);
+}
+
+.hero-method li:last-child {
+  border-bottom: 0;
+}
+
+.hero-method li > span {
+  padding-top: 0.12rem;
+  color: var(--color-copper);
+  font-size: 0.66rem;
+  font-variant-numeric: tabular-nums;
+  font-weight: 700;
+}
+
+.hero-method strong {
+  display: block;
+  margin-bottom: 0.25rem;
+  font-size: 0.88rem;
+  font-weight: 680;
+  letter-spacing: -0.012em;
+}
+
+.hero-method li p {
+  margin: 0;
+  color: var(--color-ink-muted);
+  font-size: 0.78rem;
+  line-height: 1.5;
+}
+
+.hero-signals {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin: 0;
+  border-top: 1px solid var(--color-rule);
+}
+
+.hero-signals > div {
+  display: flex;
+  min-height: 5rem;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem clamp(1rem, 2.2vw, 1.75rem);
+  gap: 1rem;
+  border-inline-end: 1px solid var(--color-rule);
+}
+
+.hero-signals > div:first-child {
+  padding-inline-start: 0;
+}
+
+.hero-signals > div:last-child {
+  padding-inline-end: 0;
+  border-inline-end: 0;
+}
+
+.hero-signals dt {
+  color: var(--color-quiet);
+  font-size: 0.7rem;
+  font-weight: 620;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.hero-signals dd {
+  margin: 0;
+  color: var(--color-ink);
+  font-size: clamp(1.15rem, 2vw, 1.55rem);
+  font-variant-numeric: tabular-nums;
+  font-weight: 560;
+  letter-spacing: -0.035em;
+}
+
 .collection-strip {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -269,7 +490,7 @@ main,
   font-size: clamp(1rem, 1.5vw, 1.2rem);
   letter-spacing: -0.015em;
   text-decoration: none;
-  transition: background-color 140ms ease;
+  transition: background-color 140ms ease, color 140ms ease, transform 100ms ease-out;
 }
 
 .collection-strip a:first-child {
@@ -329,13 +550,14 @@ main,
   padding-block: clamp(2rem, 4.5vw, 4rem);
   padding-inline-end: clamp(2.5rem, 6vw, 5rem);
   text-decoration: none;
+  transition: color 140ms ease, transform 100ms ease-out;
 }
 
 .note-card-link::after {
   position: absolute;
   inset-block-start: clamp(2.2rem, 4.7vw, 4.2rem);
   inset-inline-end: 0.15rem;
-  color: var(--color-quiet);
+  color: var(--color-copper);
   content: "↗";
   font-size: 1.15rem;
   transition: color 140ms ease, transform 140ms ease;
@@ -383,6 +605,44 @@ main,
   line-height: 1.62;
 }
 
+.note-card-signals {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 1.35rem;
+  gap: 0.45rem;
+}
+
+.status-chip,
+.topic-chip {
+  display: inline-flex;
+  min-height: 1.75rem;
+  align-items: center;
+  border-radius: 999px;
+  font-size: 0.68rem;
+  font-weight: 620;
+  line-height: 1;
+}
+
+.status-chip {
+  gap: 0.42rem;
+  padding: 0.45rem 0.65rem;
+  background: var(--color-green-soft);
+  color: var(--color-green);
+}
+
+.status-chip > span:first-child {
+  width: 0.38rem;
+  height: 0.38rem;
+  border-radius: 50%;
+  background: currentColor;
+}
+
+.topic-chip {
+  padding: 0.44rem 0.62rem;
+  border: 1px solid var(--color-rule);
+  color: var(--color-ink-muted);
+}
+
 .empty-state {
   padding-block: 3rem;
   border-bottom: 1px solid var(--color-rule);
@@ -421,6 +681,7 @@ main,
 
 .article-hero .eyebrow {
   margin-bottom: 1.25rem;
+  color: var(--color-copper);
 }
 
 .article-hero h1 {
@@ -475,7 +736,7 @@ main,
 }
 
 .article-resources a {
-  color: var(--color-ink);
+  color: var(--color-copper);
   font-weight: 550;
   text-decoration-color: var(--color-rule);
   text-underline-offset: 0.22rem;
@@ -816,6 +1077,7 @@ main,
 .site-footer {
   display: grid;
   grid-template-columns: 1fr auto;
+  align-items: end;
   padding-block: 2.5rem 4rem;
   gap: 1.5rem;
   border-top: 1px solid var(--color-rule);
@@ -827,9 +1089,43 @@ main,
   margin: 0;
 }
 
+.footer-intro {
+  display: grid;
+  gap: 0.45rem;
+}
+
+.footer-copyright {
+  color: var(--color-quiet);
+}
+
+.footer-links {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 1.25rem;
+}
+
+.footer-links a {
+  display: inline-flex;
+  min-height: 2.75rem;
+  align-items: center;
+  color: var(--color-ink);
+  text-underline-offset: 0.2rem;
+}
+
 @media (hover: hover) {
+  .button-primary:hover {
+    background: var(--color-copper);
+    border-color: var(--color-copper);
+  }
+
+  .button-secondary:hover {
+    border-color: var(--color-ink-muted);
+    background: var(--color-surface);
+  }
+
   .collection-strip a:hover {
-    background: var(--color-surface-muted);
+    background: color-mix(in srgb, var(--color-surface-muted) 72%, transparent);
   }
 
   .note-card-link:hover::after {
@@ -838,6 +1134,20 @@ main,
   }
 }
 
+.button:active,
+.language-control button:active {
+  transform: scale(0.97);
+}
+
+.site-nav a:active,
+.collection-strip a:active {
+  transform: translateY(1px);
+}
+
+.note-card-link:active {
+  transform: scale(0.995);
+}
+
 @media (max-width: 76rem) {
   .reading-layout {
     grid-template-columns: minmax(0, var(--measure-single));
@@ -914,6 +1224,30 @@ main,
     border-top: 1px solid var(--color-rule);
     scrollbar-width: none;
   }
+
+  .hero-layout {
+    grid-template-columns: minmax(0, 1fr);
+    align-items: start;
+  }
+
+  .hero .parallel-copy {
+    max-width: 58rem;
+  }
+
+  .hero-method ol {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .hero-method li {
+    grid-template-columns: 1.5rem minmax(0, 1fr);
+    border-inline-end: 1px solid var(--color-rule);
+    border-bottom: 0;
+  }
+
+  .hero-method li:last-child {
+    border-inline-end: 0;
+  }
 }
 
 @media (max-width: 48rem) {
@@ -928,7 +1262,19 @@ main,
   }
 
   .wordmark {
-    font-size: 0.94rem;
+    gap: 0.55rem;
+  }
+
+  .wordmark-mark {
+    height: 1.55rem;
+  }
+
+  .wordmark-copy strong {
+    font-size: 0.8rem;
+  }
+
+  .wordmark-copy small {
+    font-size: 0.57rem;
   }
 
   .site-nav {
@@ -949,6 +1295,10 @@ main,
     padding-block: 5rem 4.5rem;
   }
 
+  .hero {
+    gap: 3.5rem;
+  }
+
   .hero h1,
   .collection-hero h1,
   .article-hero h1 {
@@ -961,6 +1311,45 @@ main,
     grid-template-columns: 1fr;
   }
 
+  .hero-method ol {
+    grid-template-columns: 1fr;
+  }
+
+  .hero-method li {
+    border-inline-end: 0;
+    border-bottom: 1px solid var(--color-rule);
+  }
+
+  .hero-method li:last-child {
+    border-bottom: 0;
+  }
+
+  .hero-signals > div {
+    min-width: 0;
+    align-items: flex-start;
+    flex-direction: column;
+    justify-content: center;
+    padding-inline: 0.75rem;
+    gap: 0.4rem;
+  }
+
+  .hero-signals > div:first-child {
+    padding-inline-start: 0;
+  }
+
+  .hero-signals > div:last-child {
+    padding-inline-end: 0;
+  }
+
+  .hero-signals dt {
+    font-size: 0.62rem;
+    letter-spacing: 0.04em;
+  }
+
+  .hero-signals dd {
+    font-size: 1.1rem;
+  }
+
   .collection-strip a,
   .collection-strip a:first-child,
   .collection-strip a:last-child {
@@ -1024,6 +1413,20 @@ main,
     grid-template-columns: 1fr;
     gap: 0.5rem;
   }
+
+  .footer-links {
+    justify-content: flex-start;
+  }
+}
+
+@media (max-width: 34rem) {
+  .hero-actions {
+    display: grid;
+  }
+
+  .button {
+    width: 100%;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -1037,6 +1440,23 @@ main,
     scroll-behavior: auto !important;
     transition-duration: 0.01ms !important;
   }
+
+  .button:active,
+  .language-control button:active,
+  .site-nav a:active,
+  .collection-strip a:active,
+  .note-card-link:active {
+    transform: none;
+  }
+}
+
+@media (prefers-reduced-transparency: reduce) {
+  .site-header,
+  .hero-method,
+  .button-secondary {
+    background: var(--color-page);
+    backdrop-filter: none;
+  }
 }
 
 @media (prefers-contrast: more) {