feat: site restructure — layouts gallery, docs sections with inline demos

Navigation: Docs, Layouts, Lab (simplified from 6 items)

Layouts gallery: card grid showing all available page layouts
with live links to demo pages.

Docs restructure: 8 auto-generated sidebar sections
(Getting Started, Typography, Core, Content, Components,
Reference, Vault, Packs) with 20 new stub pages.
Each stub has inline HTML demos that ASW styles directly.

New Hugo layout template for layouts/ section.
Decap CMS nav updated.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

site/content/docs/vault/_index.md

@@ -0,0 +1,4 @@
+---
+title: "Vault"
+weight: 45
+---

site/content/docs/vault/status.md

@@ -0,0 +1,21 @@
+---
+title: "Status"
+description: "data-status attribute for inline status badges in ASW."
+type: docs
+weight: 48
+date: 2026-04-11
+tags: ["vault", "status", "data-attributes"]
+ai-disclosure: "generated"
+ai-model: "claude-sonnet-4-6"
+ai-provider: "Anthropic"
+---
+
+`data-status` renders a small coloured badge inline with text. It is designed for project indexes, agent dashboards, and task boards where a glanceable status signal is needed without a full callout block.
+
+## Inline Demo
+
+<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px;display:flex;flex-direction:column;gap:0.5rem">
+  <p><span data-status="active">active</span> — currently running or in use</p>
+  <p><span data-status="sleeping">sleeping</span> — paused or idle</p>
+  <p><span data-status="blocked">blocked</span> — waiting on a dependency</p>
+</div>

site/content/docs/vault/tasks.md

@@ -0,0 +1,25 @@
+---
+title: "Tasks"
+description: "data-task attribute for styled task lists in ASW."
+type: docs
+weight: 47
+date: 2026-04-11
+tags: ["vault", "tasks", "data-attributes"]
+ai-disclosure: "generated"
+ai-model: "claude-sonnet-4-6"
+ai-provider: "Anthropic"
+---
+
+Add `data-task="<state>"` to a `<li>` element to render it as a task item with a state indicator. Four states are supported: `done`, `todo`, `wip` (work in progress), and `blocked`.
+
+## Inline Demo
+
+<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px">
+  <ul style="list-style:none;padding-left:0">
+    <li data-task="done">Write the ASW reset layer</li>
+    <li data-task="done">Publish initial token system</li>
+    <li data-task="wip">Document all data-* attributes</li>
+    <li data-task="todo">Add animation tokens</li>
+    <li data-task="blocked">Finalize pack API — waiting on Pandoc template review</li>
+  </ul>
+</div>

site/content/docs/vault/wikilinks.md

@@ -0,0 +1,23 @@
+---
+title: "Wikilinks"
+description: "data-wikilink attribute for styling internal knowledge-base links."
+type: docs
+weight: 46
+date: 2026-04-11
+tags: ["vault", "wikilinks", "data-attributes"]
+ai-disclosure: "generated"
+ai-model: "claude-sonnet-4-6"
+ai-provider: "Anthropic"
+---
+
+`data-wikilink` marks an anchor as an internal wiki-style link — the kind generated by `[[Page Name]]` syntax in Obsidian, Quartz, or similar vault tools. ASW styles these distinctly from regular hyperlinks to indicate their intra-vault nature.
+
+## Inline Demo
+
+<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px">
+  <p>
+    See the <a href="#" data-wikilink>Getting Started</a> page, or cross-reference
+    <a href="#" data-wikilink>Core Concepts</a> and <a href="#" data-wikilink>Token System</a>.
+  </p>
+  <p>Regular <a href="#">external link</a> for comparison.</p>
+</div>