diff --git a/.agents/memory/structured-liquidity.md b/.agents/memory/structured-liquidity.md
index 22c3008..cf58824 100644
--- a/.agents/memory/structured-liquidity.md
+++ b/.agents/memory/structured-liquidity.md
@@ -5,7 +5,7 @@ description: The durable decisions behind the SL specimen port — what it is, a
 
 # Structured Liquidity
 
-An open UI design language—**Neobrutalist Structure. Liquid Glass Motion. Editorial Modern Frameworks.**—shipped as a live specimen at `artifacts/structured-liquidity`. Neobrutalist Structure is the physical frame: load-bearing borders, hard shadows, square geometry, clear affordances, and tactile interaction. Liquid Glass Motion is layered glass, continuity, and purposeful motion that communicate state and give interfaces believable mass. Editorial Modern Frameworks compose hierarchy, refined grids, oversized typography, technical diagrams, captions, labeling, and evidence; they are informed by editorial scientific modernism. Together they form the Structured Liquidity trifecta, represented by the cube's three visible faces. Semantic Clarity remains the quality gate across all three, not a fourth pillar. Token reference, file map, and pillars are documented in `replit.md` — don't duplicate them; read there.
+An open UI design language—**Structured Framing. Liquid Motion. Scientific Clarity.**—shipped as a live specimen at `artifacts/structured-liquidity`. Structured Framing is the neobrutalist physical and informational frame: load-bearing borders, hard shadows, square geometry, unmistakable hierarchy, clear affordances, and tactile interaction. Liquid Motion uses layered glass, continuity, and purposeful movement to communicate state while preserving a complete reduced-motion experience. Scientific Clarity applies rational grids, decisive typography, technical diagrams, captions, labels, evidence, and restraint so information remains complete and legible without relying on decoration. Together these three tenets form the Structured Liquidity trifecta, represented by the cube's three visible faces. Each tenet carries its own clarity responsibility; there is no separate fourth gate. Token reference, file map, and tenets are documented in `replit.md` — don't duplicate them; read there.
 
 ## The non-obvious trap (why the port isn't a verbatim copy)
 
@@ -104,7 +104,7 @@ The verbatim kit ships several components as static CSS-only stubs — e.g. the
 
 **Styled scrollbars (gotcha):** style them in `index.html` inline `<style>`, not the verbatim public CSS. DON'T set `scrollbar-width`/`scrollbar-color` globally on `*` — modern Chrome then switches to the native thin scrollbar and IGNORES every `::-webkit-scrollbar` rule, leaving a default grey bar (this was the bug). Instead: drive Chrome+Safari purely via `::-webkit-scrollbar*` pseudo-elements, and feed Firefox the standard `scrollbar-width`/`scrollbar-color` only inside `@supports not selector(::-webkit-scrollbar){ html{...} }`. Also: `--glass-tint` is a SPACE-separated triplet (`255 255 255`), so use modern `rgb(var(--glass-tint) / 0.06)` slash syntax for scrollbar colours (legacy `rgba(...,a)` parses inconsistently in the `scrollbar-color` shorthand). Headless screenshots don't render OS scrollbars, so they can't verify this — reason about it instead.
 
-**The ethos is a trifecta of three orthogonal design dimensions (content decision), always in this order:** Neobrutalist Structure (frame), Liquid Glass Motion (state), and Editorial Modern Frameworks (composition). The cube's three visible faces represent the trifecta. Editorial Modern Frameworks are informed by editorial scientific modernism; that phrase names their visual tradition, never a pillar. Semantic Clarity remains the quality gate across all three, not a fourth pillar. Keep the hero, manifesto, figure, docs, guidance, CSS comments, and generated registry in lockstep. **Why:** each dimension answers a different implementation question, while the clarity gate ensures the page still works without color, glass, or motion.
+**The ethos is a trifecta of three orthogonal design tenets (content decision), always in this order:** Structured Framing (physical and informational frame), Liquid Motion (state and continuity), and Scientific Clarity (composition and evidence). The cube's three visible faces represent the trifecta. Each tenet carries its own clarity obligation: structure makes hierarchy and action understandable before decoration, motion never becomes the only carrier of meaning and has a complete reduced-motion state, and scientific composition keeps information complete and legible without color, glass, or motion. There is no separate fourth gate. Keep the hero, manifesto, figure, docs, guidance, CSS comments, and generated registry in lockstep. **Why:** each tenet answers a different implementation question and owns the clarity of that answer.
 
 ## Showcase = product-card grid (mode-aware overlay gotcha)
 
diff --git a/.agents/skills/structured-liquidity/SKILL.md b/.agents/skills/structured-liquidity/SKILL.md
index f1a73c6..5fe3dab 100644
--- a/.agents/skills/structured-liquidity/SKILL.md
+++ b/.agents/skills/structured-liquidity/SKILL.md
@@ -1,17 +1,17 @@
 ---
 name: structured-liquidity
-description: Apply the Structured Liquidity UI design language — Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks, all held to a Semantic Clarity quality gate. Use when building or restyling any UI that should follow Structured Liquidity, when the user references the language by name, or when adopting its tokens/components in a new project.
+description: Apply the Structured Liquidity UI design language — Structured framing, Liquid motion, and Scientific clarity. Use when building or restyling any UI that should follow Structured Liquidity, when the user references the language by name, or when adopting its tokens/components in a new project.
 ---
 
 # Structured Liquidity
 
-**Neobrutalist Structure. Liquid Glass Motion. Editorial Modern Frameworks.**
+**Structured framing. Liquid motion. Scientific clarity.**
 
-1. **Neobrutalist Structure:** The physical frame—load-bearing borders, hard shadows, square geometry, clear affordances, and tactile interaction.
-2. **Liquid Glass Motion:** Layered glass, continuity, and purposeful motion that communicate state and give interfaces believable mass.
-3. **Editorial Modern Frameworks:** Hierarchy, refined grids, oversized typography, technical diagrams, captions, labeling, and evidence, informed by editorial scientific modernism.
+1. **Structured framing:** The physical and informational frame—load-bearing borders, square geometry, unmistakable hierarchy, clear affordances, and tactile interaction. Content and action must remain understandable before decoration is added.
+2. **Liquid motion:** Layered glass, continuity, and purposeful motion communicate state and give interfaces believable mass without becoming the only carrier of meaning. Every interaction needs a complete reduced-motion state.
+3. **Scientific clarity:** Scientific Modernism applied to interfaces through refined grids, decisive typography, technical diagrams, captions, labels, evidence, and restraint. Information must remain complete, legible, and useful without relying on color, glass, or motion.
 
-Together they form the Structured Liquidity trifecta, represented by the three visible faces of the cube. **Semantic Clarity remains the quality gate across all three, not a fourth pillar.** The living specimen, machine-readable tokens, and component registry are served by the `structured-liquidity` artifact.
+Together these three tenets form the Structured Liquidity trifecta, represented by the three visible faces of the cube. Each tenet owns the clarity of its part of the interface. The living specimen, machine-readable tokens, and component registry are served by the `structured-liquidity` artifact.
 
 ## The non-negotiable rules
 
@@ -28,11 +28,10 @@ Follow these literally — they are what keep generated output on-brand:
 9. **Motion proves mass.** On press/hover, nudge the element ~1px toward its shadow and grow the offset.
 10. **Compose like an editorial instrument.** Use oversized hierarchy, refined grids, generous major-section rhythm, and compact mono captions for sources, state, and evidence.
 11. **Monochrome carries information.** The accent identifies selection, progression, or one key relationship; it does not decorate the page.
-12. **Pass the Semantic Clarity gate.** Every screen must remain complete, legible, and useful without color, glass, or motion.
 
 ## Tokens
 
-Apply these as CSS custom properties on `:root` (dark-mode defaults):
+Apply these as CSS custom properties on `:root`. Public editorial surfaces should default to light mode; dark mode remains available for interfaces that benefit from it:
 
 ```css
 :root {
diff --git a/artifacts/structured-liquidity/index.html b/artifacts/structured-liquidity/index.html
index 0bca87b..f5cdae0 100644
--- a/artifacts/structured-liquidity/index.html
+++ b/artifacts/structured-liquidity/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" data-mode="dark" class="sl-js">
+<html lang="en" data-mode="light" class="sl-js">
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -7,7 +7,7 @@
 <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%2316121f'/%3E%3Cpath d='M50 18 L77.71 34 L77.71 66 L50 82 L22.29 66 L22.29 34 Z' fill='none' stroke='%23a388ee' stroke-width='5'/%3E%3Cpath d='M50 36.56 L61.64 43.28 L61.64 56.72 L50 63.44 L38.36 56.72 L38.36 43.28 Z' fill='none' stroke='%23a388ee' stroke-width='4'/%3E%3Cpath d='M50 18 L50 36.56 M77.71 34 L61.64 43.28 M77.71 66 L61.64 56.72 M50 82 L50 63.44 M22.29 66 L38.36 56.72 M22.29 34 L38.36 43.28 M50 50 L50 82 M50 50 L22.29 34 M50 50 L77.71 34 M50 50 L50 63.44 M50 50 L38.36 43.28 M50 50 L61.64 43.28' fill='none' stroke='%23a388ee' stroke-width='3'/%3E%3C/svg%3E" />
 <meta name="description" content="Structured Liquidity is an open UI design language: rigid containers with sharp edges and flat offset shadows holding liquid, light-reflecting glass. A complete component kit you can retheme live and adopt with AI tools." />
 <meta property="og:title" content="Structured Liquidity: a design language" />
-<meta property="og:description" content="Neobrutalist Structure. Liquid Glass Motion. Editorial Modern Frameworks. The three-part Structured Liquidity design language." />
+<meta property="og:description" content="Structured framing. Liquid motion. Scientific clarity. The three-part Structured Liquidity design language." />
 <meta property="og:type" content="website" />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
diff --git a/artifacts/structured-liquidity/public/design-tokens.json b/artifacts/structured-liquidity/public/design-tokens.json
index a421cf1..c1be13c 100644
--- a/artifacts/structured-liquidity/public/design-tokens.json
+++ b/artifacts/structured-liquidity/public/design-tokens.json
@@ -1,5 +1,5 @@
 {
-  "$description": "Structured Liquidity design tokens for Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks: the three-part trifecta represented by the cube's visible faces. Semantic Clarity remains the quality gate across all three, not a fourth pillar. W3C Design Tokens Community Group format. Each token carries its CSS custom-property name in $extensions.cssVar so an agent can apply it directly to :root.",
+  "$description": "Structured Liquidity design tokens for Structured framing, Liquid motion, and Scientific clarity: the three-part trifecta represented by the cube's visible faces. Legibility remains the quality floor across all three. W3C Design Tokens Community Group format. Each token carries its CSS custom-property name in $extensions.cssVar so an agent can apply it directly to :root.",
   "color": {
     "$type": "color",
     "accent": {
diff --git a/artifacts/structured-liquidity/public/llms.txt b/artifacts/structured-liquidity/public/llms.txt
index 880b5fa..5636ff5 100644
--- a/artifacts/structured-liquidity/public/llms.txt
+++ b/artifacts/structured-liquidity/public/llms.txt
@@ -1,6 +1,6 @@
 # Structured Liquidity
 
-> **Neobrutalist Structure. Liquid Glass Motion. Editorial Modern Frameworks.** Together they form the Structured Liquidity trifecta, represented by the cube's three visible faces. Semantic Clarity remains the quality gate across all three, not a fourth pillar. This file makes the language machine-readable so an AI agent can adopt it faithfully.
+> **Structured framing. Liquid motion. Scientific clarity.** These three tenets form the Structured Liquidity trifecta, represented by the cube's three visible faces. Each tenet carries its own responsibility for making the interface understandable. This file makes the language machine-readable so an AI agent can adopt it faithfully.
 
 ## Install before editing UI
 
@@ -10,13 +10,11 @@ Run this as the first implementation step, before recreating tokens or writing c
 
 This installs the theme and `.agents/skills/structured-liquidity/SKILL.md`. Verify both landed, read the installed skill, and only then start UI work. For theme files without the agent skill, install `https://structured.glass/r/structured-liquidity.json`.
 
-## The three pillars
+## The three tenets
 
-1. **Neobrutalist Structure · Frame**: The physical frame—load-bearing borders, hard shadows, square geometry, clear affordances, and tactile interaction.
-2. **Liquid Glass Motion · State**: Layered glass, continuity, and purposeful motion that communicate state and give interfaces believable mass.
-3. **Editorial Modern Frameworks · Composition**: Hierarchy, refined grids, oversized typography, technical diagrams, captions, labeling, and evidence, informed by editorial scientific modernism.
-
-**Semantic Clarity gate**: every screen remains complete, legible, and useful without color, glass, or motion. It is not a fourth pillar.
+1. **Structured framing · Frame**: The physical and informational frame—load-bearing borders, square geometry, unmistakable hierarchy, clear affordances, and tactile interaction. Content and action must remain understandable before decoration is added.
+2. **Liquid motion · State**: Layered glass, continuity, and purposeful motion communicate state and give interfaces believable mass without becoming the only carrier of meaning. Every interaction needs a complete reduced-motion state.
+3. **Scientific clarity · Composition**: Scientific Modernism applied through refined grids, decisive typography, technical diagrams, captions, labels, evidence, and restraint. Information must remain complete, legible, and useful without relying on color, glass, or motion.
 
 ## Hard rules (follow these literally to stay on-brand)
 
@@ -84,4 +82,4 @@ To adopt the kit, include the three stylesheets and the kit script, then use the
 
 ## Source
 
-The full source (this specimen page, the three stylesheets, the kit script, and these machine-readable files) is on GitHub: https://github.com/heyinterspace/Structured
+The full source (this specimen page, the three stylesheets, the kit script, and these machine-readable files) is on GitHub: https://github.com/Interspace-Ventures/Structured
diff --git a/artifacts/structured-liquidity/public/r/structured-liquidity-agent.json b/artifacts/structured-liquidity/public/r/structured-liquidity-agent.json
index f5ce747..c0a9dca 100644
--- a/artifacts/structured-liquidity/public/r/structured-liquidity-agent.json
+++ b/artifacts/structured-liquidity/public/r/structured-liquidity-agent.json
@@ -3,14 +3,14 @@
   "name": "structured-liquidity-agent",
   "type": "registry:item",
   "title": "Structured Liquidity Agent Bundle",
-  "description": "Install the Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks language plus its persistent local agent skill before the first UI edit.",
+  "description": "Install the Structured framing, Liquid motion, and Scientific clarity language plus its persistent local agent skill before the first UI edit.",
   "registryDependencies": [
     "https://structured.glass/r/structured-liquidity.json"
   ],
   "files": [
     {
       "path": "registry/rules/structured-liquidity/SKILL.md",
-      "content": "---\nname: structured-liquidity\ndescription: Apply the Structured Liquidity UI design language — Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks, all held to a Semantic Clarity quality gate. Use when building or restyling any UI that should follow Structured Liquidity, when the user references the language by name, or when adopting its tokens/components in a new project.\n---\n\n# Structured Liquidity\n\n**Neobrutalist Structure. Liquid Glass Motion. Editorial Modern Frameworks.**\n\n1. **Neobrutalist Structure:** The physical frame—load-bearing borders, hard shadows, square geometry, clear affordances, and tactile interaction.\n2. **Liquid Glass Motion:** Layered glass, continuity, and purposeful motion that communicate state and give interfaces believable mass.\n3. **Editorial Modern Frameworks:** Hierarchy, refined grids, oversized typography, technical diagrams, captions, labeling, and evidence, informed by editorial scientific modernism.\n\nTogether they form the Structured Liquidity trifecta, represented by the three visible faces of the cube. **Semantic Clarity remains the quality gate across all three, not a fourth pillar.** The living specimen, machine-readable tokens, and component registry are served by the `structured-liquidity` artifact.\n\n## The non-negotiable rules\n\nFollow these literally — they are what keep generated output on-brand:\n\n1. **Square corners.** `border-radius: var(--radius)` (default `0`). Only raise deliberately.\n2. **Flat offset shadows.** `box-shadow: var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow)`. The blur radius is always `0`. Never use a soft/blurred shadow on a structural element.\n3. **Load-bearing borders.** `var(--border-w) solid rgb(var(--edge))`. The edge is black in both light and dark mode.\n4. **Exactly one accent.** `--accent` carries all emphasis. Never add a competing hue.\n5. **Glass is depth, not color.** Liquid glass = `backdrop-filter: blur(var(--glass-blur))` over `rgba(var(--glass-tint), var(--glass-alpha))`. Keep it neutral/translucent.\n6. **Destructive is gray, not red.** Destructive _containers_ use `--neg`. Error _text_ may warn in color.\n7. **Fixed type roles.** display (`--display`, Inter) = headings/buttons/brand; body (`--body`, Inter) = reading copy; mono (`--mono`, Space Mono) = labels/data/captions/eyebrows.\n8. **Leading icons.** Nav links and buttons take a leading Lucide icon, then the label.\n9. **Motion proves mass.** On press/hover, nudge the element ~1px toward its shadow and grow the offset.\n10. **Compose like an editorial instrument.** Use oversized hierarchy, refined grids, generous major-section rhythm, and compact mono captions for sources, state, and evidence.\n11. **Monochrome carries information.** The accent identifies selection, progression, or one key relationship; it does not decorate the page.\n12. **Pass the Semantic Clarity gate.** Every screen must remain complete, legible, and useful without color, glass, or motion.\n\n## Tokens\n\nApply these as CSS custom properties on `:root` (dark-mode defaults):\n\n```css\n:root {\n  --accent: #a388ee;\n  --accent-ink: #000000;\n  --bg: #272933;\n  --bg-2: #1f2028;\n  --ink: #e6e6e6;\n  --ink-dim: #9da0ab;\n  --edge: 0 0 0;\n  --hard-shadow: #000000;\n  --neg: #3c3f4b;\n  --neg-ink: #f0f0f2;\n  --glass-blur: 18px;\n  --glass-tint: 255 255 255;\n  --glass-alpha: 0.07;\n  --border-w: 2px;\n  --hard-x: 7px;\n  --hard-y: 7px;\n  --radius: 0px;\n  --display: \"Inter\", \"Helvetica Neue\", system-ui, sans-serif;\n  --body: \"Inter\", \"Helvetica Neue\", system-ui, sans-serif;\n  --mono: \"Space Mono\", ui-monospace, \"SFMono-Regular\", monospace;\n  --text-display-xl: clamp(4.5rem, 10vw, 9rem);\n  --text-display-lg: clamp(2.8rem, 6vw, 5.5rem);\n  --measure-reading: 68ch;\n  --measure-caption: 48ch;\n  --grid-gutter: clamp(1rem, 2.5vw, 2.5rem);\n  --section-space: clamp(4rem, 9vw, 9rem);\n}\n```\n\nLight mode: set `data-mode=\"light\"` on `<html>` and override `--bg:#dfe5f2; --bg-2:#fff; --ink:#000; --ink-dim:#5b5f6b; --neg:#16171c; --neg-ink:#fff; --glass-alpha:0.55`.\n\nThe canonical machine-readable set is `design-tokens.json` (W3C Design Tokens format; each token's `$extensions.cssVar` gives the exact variable name).\n\n## Type layout\n\nThree roles — header / body / detail (display / body / mono). Inter carries both sans-serif roles; use dramatic scale and weight for hierarchy. Use Space Mono only for labels, data, code, captions, and eyebrows. Prefer one dominant statement, a 12-column or similarly disciplined grid, short reading measures, and figure captions that identify evidence and state.\n\n## Motion contract\n\nThe rigid frame never wobbles or morphs. Motion belongs inside it and must explain state, continuity, or spatial relationship. Use one liquid easing family; reserve ambient motion for a single focal specimen; provide a complete static state under `prefers-reduced-motion`. If the interface communicates the same thing without the animation, the motion is optional polish, not a dependency.\n\n## Components\n\nThe specimen ships a **shadcn-installable registry** served at `/r/*.json`. Two ways to adopt, depending on the target project:\n\n### Installation gate for agents\n\nBefore making the first UI edit in a target project, run:\n\n```bash\nnpx shadcn@latest add https://structured.glass/r/structured-liquidity-agent.json\n```\n\nVerify that the theme styles and `.agents/skills/structured-liquidity/SKILL.md` landed. Do not spend early iterations approximating the language by hand.\n\n**A. React + Tailwind project (preferred).** Use the shadcn CLI. Install the whole language (tokens + the three stylesheets + the kit script) first, then any component:\n\n```bash\nnpx shadcn@latest add https://structured.glass/r/structured-liquidity.json   # base style — do this first\nnpx shadcn@latest add https://structured.glass/r/button.json                  # then any component\n```\n\nEach `registry:ui` item is a plain React component (no Radix) that emits the SL classes and declares the base style as a `registryDependency`, so the CSS comes along. The registry index lives at `/registry.json`.\n\n**B. Any stack (plain HTML/CSS).** Include `structured-liquidity.css`, `structured-liquidity-components.css`, `structured-liquidity-kit.css`, and `structured-liquidity-kit.js`; load Inter and Space Mono; then use the SL classes directly. Core kit: `sl-btn`, `sl-badge`, `sl-toggle`/`sl-toggle-group`, `sl-switch`, `sl-check`, `sl-radio-item` (inside a `[data-radio-group]`), `sl-input`/`sl-label`, `sl-slider`, `sl-progress`, `sl-ava`, `sl-tabs` (`.tablist` buttons + `.panel` nodes), and overlays (`sl-overlay` + `sl-dialog`/`sl-sheet`). In plain HTML, interactive components are wired by `structured-liquidity-kit.js` via `data-toggle-aria`, `data-toggle-group`, `data-radio-group`, `data-open-overlay`, `data-close-overlay`.\n\n## Anatomy of a rigid container holding glass\n\n```html\n<div class=\"glass kit-cell\">\n  <span class=\"kit-cap\">Title</span>\n  <p>Body copy inside a rigid container holding liquid glass.</p>\n</div>\n```\n\n```css\n/* if you are not using the kit CSS, the container recipe is: */\n.container {\n  border: var(--border-w) solid rgb(var(--edge));\n  border-radius: var(--radius);\n  box-shadow: var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);\n  background: rgba(var(--glass-tint), var(--glass-alpha));\n  backdrop-filter: blur(var(--glass-blur)) saturate(150%);\n}\n```\n",
+      "content": "---\nname: structured-liquidity\ndescription: Apply the Structured Liquidity UI design language — Structured framing, Liquid motion, and Scientific clarity. Use when building or restyling any UI that should follow Structured Liquidity, when the user references the language by name, or when adopting its tokens/components in a new project.\n---\n\n# Structured Liquidity\n\n**Structured framing. Liquid motion. Scientific clarity.**\n\n1. **Structured framing:** The physical and informational frame—load-bearing borders, square geometry, unmistakable hierarchy, clear affordances, and tactile interaction. Content and action must remain understandable before decoration is added.\n2. **Liquid motion:** Layered glass, continuity, and purposeful motion communicate state and give interfaces believable mass without becoming the only carrier of meaning. Every interaction needs a complete reduced-motion state.\n3. **Scientific clarity:** Scientific Modernism applied to interfaces through refined grids, decisive typography, technical diagrams, captions, labels, evidence, and restraint. Information must remain complete, legible, and useful without relying on color, glass, or motion.\n\nTogether these three tenets form the Structured Liquidity trifecta, represented by the three visible faces of the cube. Each tenet owns the clarity of its part of the interface. The living specimen, machine-readable tokens, and component registry are served by the `structured-liquidity` artifact.\n\n## The non-negotiable rules\n\nFollow these literally — they are what keep generated output on-brand:\n\n1. **Square corners.** `border-radius: var(--radius)` (default `0`). Only raise deliberately.\n2. **Flat offset shadows.** `box-shadow: var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow)`. The blur radius is always `0`. Never use a soft/blurred shadow on a structural element.\n3. **Load-bearing borders.** `var(--border-w) solid rgb(var(--edge))`. The edge is black in both light and dark mode.\n4. **Exactly one accent.** `--accent` carries all emphasis. Never add a competing hue.\n5. **Glass is depth, not color.** Liquid glass = `backdrop-filter: blur(var(--glass-blur))` over `rgba(var(--glass-tint), var(--glass-alpha))`. Keep it neutral/translucent.\n6. **Destructive is gray, not red.** Destructive _containers_ use `--neg`. Error _text_ may warn in color.\n7. **Fixed type roles.** display (`--display`, Inter) = headings/buttons/brand; body (`--body`, Inter) = reading copy; mono (`--mono`, Space Mono) = labels/data/captions/eyebrows.\n8. **Leading icons.** Nav links and buttons take a leading Lucide icon, then the label.\n9. **Motion proves mass.** On press/hover, nudge the element ~1px toward its shadow and grow the offset.\n10. **Compose like an editorial instrument.** Use oversized hierarchy, refined grids, generous major-section rhythm, and compact mono captions for sources, state, and evidence.\n11. **Monochrome carries information.** The accent identifies selection, progression, or one key relationship; it does not decorate the page.\n\n## Tokens\n\nApply these as CSS custom properties on `:root`. Public editorial surfaces should default to light mode; dark mode remains available for interfaces that benefit from it:\n\n```css\n:root {\n  --accent: #a388ee;\n  --accent-ink: #000000;\n  --bg: #272933;\n  --bg-2: #1f2028;\n  --ink: #e6e6e6;\n  --ink-dim: #9da0ab;\n  --edge: 0 0 0;\n  --hard-shadow: #000000;\n  --neg: #3c3f4b;\n  --neg-ink: #f0f0f2;\n  --glass-blur: 18px;\n  --glass-tint: 255 255 255;\n  --glass-alpha: 0.07;\n  --border-w: 2px;\n  --hard-x: 7px;\n  --hard-y: 7px;\n  --radius: 0px;\n  --display: \"Inter\", \"Helvetica Neue\", system-ui, sans-serif;\n  --body: \"Inter\", \"Helvetica Neue\", system-ui, sans-serif;\n  --mono: \"Space Mono\", ui-monospace, \"SFMono-Regular\", monospace;\n  --text-display-xl: clamp(4.5rem, 10vw, 9rem);\n  --text-display-lg: clamp(2.8rem, 6vw, 5.5rem);\n  --measure-reading: 68ch;\n  --measure-caption: 48ch;\n  --grid-gutter: clamp(1rem, 2.5vw, 2.5rem);\n  --section-space: clamp(4rem, 9vw, 9rem);\n}\n```\n\nLight mode: set `data-mode=\"light\"` on `<html>` and override `--bg:#dfe5f2; --bg-2:#fff; --ink:#000; --ink-dim:#5b5f6b; --neg:#16171c; --neg-ink:#fff; --glass-alpha:0.55`.\n\nThe canonical machine-readable set is `design-tokens.json` (W3C Design Tokens format; each token's `$extensions.cssVar` gives the exact variable name).\n\n## Type layout\n\nThree roles — header / body / detail (display / body / mono). Inter carries both sans-serif roles; use dramatic scale and weight for hierarchy. Use Space Mono only for labels, data, code, captions, and eyebrows. Prefer one dominant statement, a 12-column or similarly disciplined grid, short reading measures, and figure captions that identify evidence and state.\n\n## Motion contract\n\nThe rigid frame never wobbles or morphs. Motion belongs inside it and must explain state, continuity, or spatial relationship. Use one liquid easing family; reserve ambient motion for a single focal specimen; provide a complete static state under `prefers-reduced-motion`. If the interface communicates the same thing without the animation, the motion is optional polish, not a dependency.\n\n## Components\n\nThe specimen ships a **shadcn-installable registry** served at `/r/*.json`. Two ways to adopt, depending on the target project:\n\n### Installation gate for agents\n\nBefore making the first UI edit in a target project, run:\n\n```bash\nnpx shadcn@latest add https://structured.glass/r/structured-liquidity-agent.json\n```\n\nVerify that the theme styles and `.agents/skills/structured-liquidity/SKILL.md` landed. Do not spend early iterations approximating the language by hand.\n\n**A. React + Tailwind project (preferred).** Use the shadcn CLI. Install the whole language (tokens + the three stylesheets + the kit script) first, then any component:\n\n```bash\nnpx shadcn@latest add https://structured.glass/r/structured-liquidity.json   # base style — do this first\nnpx shadcn@latest add https://structured.glass/r/button.json                  # then any component\n```\n\nEach `registry:ui` item is a plain React component (no Radix) that emits the SL classes and declares the base style as a `registryDependency`, so the CSS comes along. The registry index lives at `/registry.json`.\n\n**B. Any stack (plain HTML/CSS).** Include `structured-liquidity.css`, `structured-liquidity-components.css`, `structured-liquidity-kit.css`, and `structured-liquidity-kit.js`; load Inter and Space Mono; then use the SL classes directly. Core kit: `sl-btn`, `sl-badge`, `sl-toggle`/`sl-toggle-group`, `sl-switch`, `sl-check`, `sl-radio-item` (inside a `[data-radio-group]`), `sl-input`/`sl-label`, `sl-slider`, `sl-progress`, `sl-ava`, `sl-tabs` (`.tablist` buttons + `.panel` nodes), and overlays (`sl-overlay` + `sl-dialog`/`sl-sheet`). In plain HTML, interactive components are wired by `structured-liquidity-kit.js` via `data-toggle-aria`, `data-toggle-group`, `data-radio-group`, `data-open-overlay`, `data-close-overlay`.\n\n## Anatomy of a rigid container holding glass\n\n```html\n<div class=\"glass kit-cell\">\n  <span class=\"kit-cap\">Title</span>\n  <p>Body copy inside a rigid container holding liquid glass.</p>\n</div>\n```\n\n```css\n/* if you are not using the kit CSS, the container recipe is: */\n.container {\n  border: var(--border-w) solid rgb(var(--edge));\n  border-radius: var(--radius);\n  box-shadow: var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);\n  background: rgba(var(--glass-tint), var(--glass-alpha));\n  backdrop-filter: blur(var(--glass-blur)) saturate(150%);\n}\n```\n",
       "type": "registry:file",
       "target": ".agents/skills/structured-liquidity/SKILL.md"
     }
diff --git a/artifacts/structured-liquidity/public/r/structured-liquidity.json b/artifacts/structured-liquidity/public/r/structured-liquidity.json
index 7038ffc..f84c233 100644
--- a/artifacts/structured-liquidity/public/r/structured-liquidity.json
+++ b/artifacts/structured-liquidity/public/r/structured-liquidity.json
@@ -3,7 +3,7 @@
   "name": "structured-liquidity",
   "type": "registry:style",
   "title": "Structured Liquidity",
-  "description": "The Structured Liquidity design language base: Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks, with Semantic Clarity as the quality gate. Includes theme tokens, three distributable stylesheets, and the kit interaction script. Install this first — every component depends on it.",
+  "description": "The Structured Liquidity design language base: Structured framing, Liquid motion, and Scientific clarity. Includes theme tokens, three distributable stylesheets, and the kit interaction script. Install this first — every component depends on it.",
   "dependencies": [
     "clsx",
     "tailwind-merge",
@@ -53,7 +53,7 @@
   "files": [
     {
       "path": "registry/styles/structured-liquidity.css",
-      "content": "/* ============================================================\n   STRUCTURED LIQUIDITY — Neobrutalist Structure. Liquid Glass\n   Motion. Editorial Modern Frameworks. Semantic Clarity remains the quality\n   gate across all three, not a fourth pillar. This stylesheet IS\n   the specimen.\n   ============================================================ */\n\n:root {\n  /* ---- tunable knobs (driven by Tweaks) ---- */\n  --accent: #a388ee;          /* neobrutalism.dev purple */\n  --accent-ink: #000000;      /* text that sits on accent */\n  --glass-blur: 18px;\n  --glass-tint: 255 255 255;  /* rgb channels for glass fill */\n  --glass-alpha: 0.07;\n  --border-w: 2px;\n  --hard-x: 7px;\n  --hard-y: 7px;\n  --radius: 0px;\n  --shell-w: 1280px;\n  --content-w: var(--shell-w);\n  --viewport-gutter: 4vw;\n  --body-surface: color-mix(in srgb, var(--bg) 94%, var(--ink) 6%);\n  --floating-ui-clearance: 96px;\n\n  /* ---- Editorial Modern Frameworks, informed by editorial scientific modernism ---- */\n  --text-display-xl: clamp(4.5rem, 10vw, 9rem);\n  --text-display-lg: clamp(2.8rem, 6vw, 5.5rem);\n  --measure-reading: 68ch;\n  --measure-caption: 48ch;\n  --grid-gutter: clamp(1rem, 2.5vw, 2.5rem);\n  --section-space: clamp(4rem, 9vw, 9rem);\n  --editorial-gap: clamp(1.25rem, 3vw, 3rem);\n  --rule-hairline: 1px;\n  --diagram-line: color-mix(in srgb, var(--ink) 72%, transparent);\n  --diagram-muted: color-mix(in srgb, var(--ink) 42%, transparent);\n\n  /* ---- fixed palette (neobrutalism.dev) ---- */\n  --bg: #272933;\n  --bg-2: #1f2028;\n  --ink: #e6e6e6;             /* foreground */\n  --ink-dim: #9da0ab;\n  --edge: 0 0 0;              /* neobrutalism black border (rgb) */\n  --hard-shadow: #000000;\n  --neg: #3c3f4b;             /* negative / destructive surface (gray, never red) */\n  --neg-ink: #f0f0f2;\n\n  --display: \"Inter\", \"Helvetica Neue\", system-ui, sans-serif;\n  --body: \"Inter\", \"Helvetica Neue\", system-ui, sans-serif;\n  --mono: \"Space Mono\", ui-monospace, \"SFMono-Regular\", monospace;\n}\n\n/* tighter rhythm — denser, less airy */\n\n[data-mode=\"light\"] {\n  --bg: #dfe5f2;\n  --bg-2: #ffffff;\n  --ink: #000000;\n  --ink-dim: #5b5f6b;\n  --edge: 0 0 0;\n  --hard-shadow: #000000;\n  --neg: #16171c;             /* near-black negative surface in light mode */\n  --neg-ink: #ffffff;\n  --glass-tint: 255 255 255;\n  --glass-alpha: 0.55;\n}\n\n* { box-sizing: border-box; }\n\nhtml { scroll-behavior: auto; background: var(--bg); }\n\nbody {\n  margin: 0;\n  position: relative;\n  background: transparent;\n  color: var(--ink);\n  font-family: var(--display);\n  font-weight: 440;\n  line-height: 1.45;\n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n::selection { background: var(--accent); color: var(--accent-ink); }\n\n/* ============================================================\n   BACKDROP — a full-document-height iridescent field the glass\n   refracts. Not fixed (fixed/attachment:fixed only paint at the\n   document top in capture/print contexts) — it spans the whole\n   page so every section is tinted and nothing renders flat-black.\n   ============================================================ */\n\n.field {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 100%;\n  z-index: -2;\n  overflow: hidden;\n  pointer-events: none;\n  background:\n    radial-gradient(52vw 32vh at 12% 2%,  rgba(124, 60, 255, 0.50), transparent 70%),\n    radial-gradient(46vw 30vh at 90% 10%, rgba(176, 60, 255, 0.42), transparent 70%),\n    radial-gradient(52vw 30vh at 78% 30%, rgba(214, 70, 255, 0.30), transparent 72%),\n    radial-gradient(46vw 28vh at 16% 45%, rgba(91, 60, 255, 0.38), transparent 72%),\n    radial-gradient(50vw 28vh at 84% 60%, rgba(124, 60, 255, 0.34), transparent 72%),\n    radial-gradient(46vw 26vh at 22% 74%, rgba(176, 60, 255, 0.30), transparent 72%),\n    radial-gradient(52vw 30vh at 80% 90%, rgba(214, 70, 255, 0.26), transparent 72%),\n    radial-gradient(46vw 26vh at 18% 98%, rgba(91, 60, 255, 0.34), transparent 72%);\n  background-repeat: no-repeat;\n  animation: fieldshift 30s ease-in-out infinite alternate;\n}\n[data-mode=\"light\"] .field { opacity: 0.55; }\n@keyframes fieldshift {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-3vw); }\n}\n@media (prefers-reduced-motion: reduce) { .field { animation: none; } }\n\n.field .grid {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(var(--edge), 0.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(var(--edge), 0.045) 1px, transparent 1px);\n  background-size: 64px 64px;\n  mask-image: linear-gradient(180deg, #000, #000 40%, rgba(0,0,0,0.25) 75%, transparent);\n  -webkit-mask-image: linear-gradient(180deg, #000, #000 40%, rgba(0,0,0,0.25) 75%, transparent);\n}\n\n.grain {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 100%;\n  z-index: -1;\n  pointer-events: none;\n  opacity: 0.4;\n  mix-blend-mode: overlay;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n\n/* ============================================================\n   GLASS-BRUTAL PRIMITIVE — frosted material + brutal edge\n   ============================================================ */\n\n.glass {\n  position: relative;\n  background:\n    linear-gradient(135deg, rgba(var(--glass-tint), calc(var(--glass-alpha) + 0.06)), rgba(var(--glass-tint), var(--glass-alpha)));\n  backdrop-filter: blur(var(--glass-blur)) saturate(180%);\n  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%);\n  border: var(--border-w) solid rgb(var(--edge));\n  border-radius: var(--radius);\n  box-shadow:\n    var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow),         /* the brutal hard shadow */\n    inset 0 1px 0 rgba(255,255,255,0.45),                        /* top specular */\n    inset 0 -1px 0 rgba(255,255,255,0.06),\n    inset 0 0 40px rgba(255,255,255,0.04);\n}\n/* moving sheen + cursor specular */\n.glass::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background: radial-gradient(\n    180px circle at var(--mx, 50%) var(--my, 0%),\n    rgba(255,255,255,0.22), transparent 60%);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n.glass:hover::before { opacity: 1; }\n.glass::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.10) 45%, transparent 55%);\n  background-size: 250% 250%;\n  background-position: 100% 100%;\n  opacity: 0.7;\n}\n\n.flat {            /* brutalist flat (no glass) — for loud accent blocks */\n  border: var(--border-w) solid rgb(var(--edge));\n  border-radius: var(--radius);\n  box-shadow: var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);\n}\n\n/* ============================================================\n   TYPE\n   ============================================================ */\n\n.eyebrow {\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--ink-dim);\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6em;\n}\n.eyebrow::before {\n  content: \"\";\n  width: 9px; height: 9px;\n  background: var(--accent);\n  display: inline-block;\n}\n\nh1, h2, h3 { font-weight: 800; line-height: 0.98; letter-spacing: -0.02em; margin: 0; text-wrap: balance; }\n\n.section-title {\n  font-size: clamp(1.5rem, 2.8vw, 2.5rem);\n  margin: 0.25em 0 0.3em;\n}\n.lead { font-size: clamp(1rem, 1.3vw, 1.18rem); color: var(--ink-dim); max-width: 60ch; text-wrap: pretty; }\n\n.accent { color: var(--accent); }\n.mono { font-family: var(--mono); }\n\n/* ============================================================\n   LAYOUT\n   ============================================================ */\n\n.wrap,\n.shell { width: min(var(--shell-w), calc(100vw - var(--viewport-gutter))); margin-inline: auto; }\n.sl-site-content,\n.sl-site-shell {\n  width: min(100%, var(--shell-w));\n  max-width: calc(100vw - var(--viewport-gutter));\n  margin-inline: auto;\n}\n.sl-site-body { background: var(--body-surface); }\nsection { padding: clamp(1.5rem, 3.4vh, 2.7rem) 0; position: relative; }\n.section-head { max-width: 70ch; margin-bottom: 1.1rem; }\n\n.reveal { opacity: 0; transform: translateY(26px); transition: opacity 0.7s cubic-bezier(.2,.7,.2,1), transform 0.7s cubic-bezier(.2,.7,.2,1); }\n.reveal.in { opacity: 1; transform: none; }\n\n@media (prefers-reduced-motion: reduce) {\n  .reveal { opacity: 1; transform: none; transition: none; }\n  html { scroll-behavior: auto; }\n}\n\n@media print {\n  .reveal { opacity: 1 !important; transform: none !important; }\n}\n",
+      "content": "/* ============================================================\n   STRUCTURED LIQUIDITY — Structured framing. Liquid motion.\n   Scientific clarity. This stylesheet IS the specimen.\n   ============================================================ */\n\n:root {\n  /* ---- tunable knobs (driven by Tweaks) ---- */\n  --accent: #a388ee;          /* neobrutalism.dev purple */\n  --accent-ink: #000000;      /* text that sits on accent */\n  --glass-blur: 18px;\n  --glass-tint: 255 255 255;  /* rgb channels for glass fill */\n  --glass-alpha: 0.07;\n  --border-w: 2px;\n  --hard-x: 7px;\n  --hard-y: 7px;\n  --radius: 0px;\n  --shell-w: 1280px;\n  --content-w: var(--shell-w);\n  --viewport-gutter: 4vw;\n  --body-surface: color-mix(in srgb, var(--bg) 94%, var(--ink) 6%);\n  --floating-ui-clearance: 96px;\n\n  /* ---- Scientific clarity, informed by Scientific Modernism ---- */\n  --text-display-xl: clamp(4.5rem, 10vw, 9rem);\n  --text-display-lg: clamp(2.8rem, 6vw, 5.5rem);\n  --measure-reading: 68ch;\n  --measure-caption: 48ch;\n  --grid-gutter: clamp(1rem, 2.5vw, 2.5rem);\n  --section-space: clamp(4rem, 9vw, 9rem);\n  --editorial-gap: clamp(1.25rem, 3vw, 3rem);\n  --rule-hairline: 1px;\n  --diagram-line: color-mix(in srgb, var(--ink) 72%, transparent);\n  --diagram-muted: color-mix(in srgb, var(--ink) 42%, transparent);\n\n  /* ---- fixed palette (neobrutalism.dev) ---- */\n  --bg: #272933;\n  --bg-2: #1f2028;\n  --ink: #e6e6e6;             /* foreground */\n  --ink-dim: #9da0ab;\n  --edge: 0 0 0;              /* neobrutalism black border (rgb) */\n  --hard-shadow: #000000;\n  --neg: #3c3f4b;             /* negative / destructive surface (gray, never red) */\n  --neg-ink: #f0f0f2;\n\n  --display: \"Inter\", \"Helvetica Neue\", system-ui, sans-serif;\n  --body: \"Inter\", \"Helvetica Neue\", system-ui, sans-serif;\n  --mono: \"Space Mono\", ui-monospace, \"SFMono-Regular\", monospace;\n}\n\n/* tighter rhythm — denser, less airy */\n\n[data-mode=\"light\"] {\n  --bg: #dfe5f2;\n  --bg-2: #ffffff;\n  --ink: #000000;\n  --ink-dim: #5b5f6b;\n  --edge: 0 0 0;\n  --hard-shadow: #000000;\n  --neg: #16171c;             /* near-black negative surface in light mode */\n  --neg-ink: #ffffff;\n  --glass-tint: 255 255 255;\n  --glass-alpha: 0.55;\n}\n\n* { box-sizing: border-box; }\n\nhtml { scroll-behavior: auto; background: var(--bg); }\n\nbody {\n  margin: 0;\n  position: relative;\n  background: transparent;\n  color: var(--ink);\n  font-family: var(--display);\n  font-weight: 440;\n  line-height: 1.45;\n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n::selection { background: var(--accent); color: var(--accent-ink); }\n\n/* ============================================================\n   BACKDROP — a full-document-height iridescent field the glass\n   refracts. Not fixed (fixed/attachment:fixed only paint at the\n   document top in capture/print contexts) — it spans the whole\n   page so every section is tinted and nothing renders flat-black.\n   ============================================================ */\n\n.field {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 100%;\n  z-index: -2;\n  overflow: hidden;\n  pointer-events: none;\n  background:\n    radial-gradient(52vw 32vh at 12% 2%,  rgba(124, 60, 255, 0.50), transparent 70%),\n    radial-gradient(46vw 30vh at 90% 10%, rgba(176, 60, 255, 0.42), transparent 70%),\n    radial-gradient(52vw 30vh at 78% 30%, rgba(214, 70, 255, 0.30), transparent 72%),\n    radial-gradient(46vw 28vh at 16% 45%, rgba(91, 60, 255, 0.38), transparent 72%),\n    radial-gradient(50vw 28vh at 84% 60%, rgba(124, 60, 255, 0.34), transparent 72%),\n    radial-gradient(46vw 26vh at 22% 74%, rgba(176, 60, 255, 0.30), transparent 72%),\n    radial-gradient(52vw 30vh at 80% 90%, rgba(214, 70, 255, 0.26), transparent 72%),\n    radial-gradient(46vw 26vh at 18% 98%, rgba(91, 60, 255, 0.34), transparent 72%);\n  background-repeat: no-repeat;\n  animation: fieldshift 30s ease-in-out infinite alternate;\n}\n[data-mode=\"light\"] .field {\n  opacity: 1;\n  background:\n    radial-gradient(38vw 24vh at 84% 4%, rgba(163, 136, 238, 0.24), transparent 72%),\n    radial-gradient(34vw 22vh at 10% 58%, rgba(163, 136, 238, 0.12), transparent 74%),\n    linear-gradient(#dfe5f2, #e7ebf4);\n  animation-duration: 46s;\n}\n@keyframes fieldshift {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-3vw); }\n}\n@media (prefers-reduced-motion: reduce) { .field { animation: none; } }\n\n.field .grid {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(var(--edge), 0.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(var(--edge), 0.045) 1px, transparent 1px);\n  background-size: 64px 64px;\n  mask-image: linear-gradient(180deg, #000, #000 40%, rgba(0,0,0,0.25) 75%, transparent);\n  -webkit-mask-image: linear-gradient(180deg, #000, #000 40%, rgba(0,0,0,0.25) 75%, transparent);\n}\n\n.grain {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 100%;\n  z-index: -1;\n  pointer-events: none;\n  opacity: 0.16;\n  mix-blend-mode: overlay;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n\n/* ============================================================\n   GLASS-BRUTAL PRIMITIVE — frosted material + brutal edge\n   ============================================================ */\n\n.glass {\n  position: relative;\n  background:\n    linear-gradient(135deg, rgba(var(--glass-tint), calc(var(--glass-alpha) + 0.06)), rgba(var(--glass-tint), var(--glass-alpha)));\n  backdrop-filter: blur(var(--glass-blur)) saturate(180%);\n  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%);\n  border: var(--border-w) solid rgb(var(--edge));\n  border-radius: var(--radius);\n  box-shadow:\n    var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow),         /* the brutal hard shadow */\n    inset 0 1px 0 rgba(255,255,255,0.45),                        /* top specular */\n    inset 0 -1px 0 rgba(255,255,255,0.06),\n    inset 0 0 40px rgba(255,255,255,0.04);\n}\n/* moving sheen + cursor specular */\n.glass::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background: radial-gradient(\n    180px circle at var(--mx, 50%) var(--my, 0%),\n    rgba(255,255,255,0.22), transparent 60%);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n.glass:hover::before { opacity: 1; }\n.glass::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.10) 45%, transparent 55%);\n  background-size: 250% 250%;\n  background-position: 100% 100%;\n  opacity: 0.7;\n}\n\n.flat {            /* brutalist flat (no glass) — for loud accent blocks */\n  border: var(--border-w) solid rgb(var(--edge));\n  border-radius: var(--radius);\n  box-shadow: var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);\n}\n\n/* ============================================================\n   TYPE\n   ============================================================ */\n\n.eyebrow {\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--ink-dim);\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6em;\n}\n.eyebrow::before {\n  content: \"\";\n  width: 9px; height: 9px;\n  background: var(--accent);\n  display: inline-block;\n}\n\nh1, h2, h3 { font-weight: 800; line-height: 0.98; letter-spacing: -0.02em; margin: 0; text-wrap: balance; }\n\n.section-title {\n  font-size: clamp(1.5rem, 2.8vw, 2.5rem);\n  margin: 0.25em 0 0.3em;\n}\n.lead { font-size: clamp(1rem, 1.3vw, 1.18rem); color: var(--ink-dim); max-width: 60ch; text-wrap: pretty; }\n\n.accent { color: var(--accent); }\n.mono { font-family: var(--mono); }\n\n/* ============================================================\n   LAYOUT\n   ============================================================ */\n\n.wrap,\n.shell { width: min(var(--shell-w), calc(100vw - var(--viewport-gutter))); margin-inline: auto; }\n.sl-site-content,\n.sl-site-shell {\n  width: min(100%, var(--shell-w));\n  max-width: calc(100vw - var(--viewport-gutter));\n  margin-inline: auto;\n}\n.sl-site-body { background: var(--body-surface); }\nsection { padding: clamp(1.5rem, 3.4vh, 2.7rem) 0; position: relative; }\n.section-head { max-width: 70ch; margin-bottom: 1.1rem; }\n\n.reveal { opacity: 0; transform: translateY(26px); transition: opacity 0.7s cubic-bezier(.2,.7,.2,1), transform 0.7s cubic-bezier(.2,.7,.2,1); }\n.reveal.in { opacity: 1; transform: none; }\n\n@media (prefers-reduced-motion: reduce) {\n  .reveal { opacity: 1; transform: none; transition: none; }\n  html { scroll-behavior: auto; }\n}\n\n@media print {\n  .reveal { opacity: 1 !important; transform: none !important; }\n}\n",
       "type": "registry:file",
       "target": "styles/structured-liquidity.css"
     },
diff --git a/artifacts/structured-liquidity/public/registry.json b/artifacts/structured-liquidity/public/registry.json
index 7b3589e..f848d31 100644
--- a/artifacts/structured-liquidity/public/registry.json
+++ b/artifacts/structured-liquidity/public/registry.json
@@ -7,13 +7,13 @@
       "name": "structured-liquidity",
       "type": "registry:style",
       "title": "Structured Liquidity",
-      "description": "The Structured Liquidity design language base: Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks, with Semantic Clarity as the quality gate. Includes theme tokens, three distributable stylesheets, and the kit interaction script. Install this first — every component depends on it."
+      "description": "The Structured Liquidity design language base: Structured framing, Liquid motion, and Scientific clarity. Includes theme tokens, three distributable stylesheets, and the kit interaction script. Install this first — every component depends on it."
     },
     {
       "name": "structured-liquidity-agent",
       "type": "registry:item",
       "title": "Structured Liquidity Agent Bundle",
-      "description": "Install the Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks language plus its persistent local agent skill before the first UI edit."
+      "description": "Install the Structured framing, Liquid motion, and Scientific clarity language plus its persistent local agent skill before the first UI edit."
     },
     {
       "name": "accordion",
diff --git a/artifacts/structured-liquidity/public/structured-liquidity.css b/artifacts/structured-liquidity/public/structured-liquidity.css
index 86db3e6..4bc32c0 100644
--- a/artifacts/structured-liquidity/public/structured-liquidity.css
+++ b/artifacts/structured-liquidity/public/structured-liquidity.css
@@ -1,8 +1,6 @@
 /* ============================================================
-   STRUCTURED LIQUIDITY — Neobrutalist Structure. Liquid Glass
-   Motion. Editorial Modern Frameworks. Semantic Clarity remains the quality
-   gate across all three, not a fourth pillar. This stylesheet IS
-   the specimen.
+   STRUCTURED LIQUIDITY — Structured framing. Liquid motion.
+   Scientific clarity. This stylesheet IS the specimen.
    ============================================================ */
 
 :root {
@@ -22,7 +20,7 @@
   --body-surface: color-mix(in srgb, var(--bg) 94%, var(--ink) 6%);
   --floating-ui-clearance: 96px;
 
-  /* ---- Editorial Modern Frameworks, informed by editorial scientific modernism ---- */
+  /* ---- Scientific clarity, informed by Scientific Modernism ---- */
   --text-display-xl: clamp(4.5rem, 10vw, 9rem);
   --text-display-lg: clamp(2.8rem, 6vw, 5.5rem);
   --measure-reading: 68ch;
@@ -108,7 +106,14 @@ body {
   background-repeat: no-repeat;
   animation: fieldshift 30s ease-in-out infinite alternate;
 }
-[data-mode="light"] .field { opacity: 0.55; }
+[data-mode="light"] .field {
+  opacity: 1;
+  background:
+    radial-gradient(38vw 24vh at 84% 4%, rgba(163, 136, 238, 0.24), transparent 72%),
+    radial-gradient(34vw 22vh at 10% 58%, rgba(163, 136, 238, 0.12), transparent 74%),
+    linear-gradient(#dfe5f2, #e7ebf4);
+  animation-duration: 46s;
+}
 @keyframes fieldshift {
   from { transform: translateX(0); }
   to   { transform: translateX(-3vw); }
@@ -132,7 +137,7 @@ body {
   height: 100%;
   z-index: -1;
   pointer-events: none;
-  opacity: 0.4;
+  opacity: 0.16;
   mix-blend-mode: overlay;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 }
diff --git a/artifacts/structured-liquidity/scripts/build-registry.mjs b/artifacts/structured-liquidity/scripts/build-registry.mjs
index 1342734..8c81081 100644
--- a/artifacts/structured-liquidity/scripts/build-registry.mjs
+++ b/artifacts/structured-liquidity/scripts/build-registry.mjs
@@ -263,7 +263,7 @@ const baseItem = {
   type: "registry:style",
   title: "Structured Liquidity",
   description:
-    "The Structured Liquidity design language base: Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks, with Semantic Clarity as the quality gate. Includes theme tokens, three distributable stylesheets, and the kit interaction script. Install this first — every component depends on it.",
+    "The Structured Liquidity design language base: Structured framing, Liquid motion, and Scientific clarity. Includes theme tokens, three distributable stylesheets, and the kit interaction script. Install this first — every component depends on it.",
   dependencies: ["clsx", "tailwind-merge", "class-variance-authority", "lucide-react"],
   registryDependencies: ["utils"],
   cssVars,
@@ -276,7 +276,7 @@ const agentItem = {
   type: "registry:item",
   title: "Structured Liquidity Agent Bundle",
   description:
-    "Install the Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks language plus its persistent local agent skill before the first UI edit.",
+    "Install the Structured framing, Liquid motion, and Scientific clarity language plus its persistent local agent skill before the first UI edit.",
   registryDependencies: [itemUrl(BASE_NAME)],
   files: [
     {
diff --git a/artifacts/structured-liquidity/src/App.tsx b/artifacts/structured-liquidity/src/App.tsx
index 66b90a1..ba2f205 100644
--- a/artifacts/structured-liquidity/src/App.tsx
+++ b/artifacts/structured-liquidity/src/App.tsx
@@ -4,7 +4,7 @@ import { ToastProvider, Toaster } from "@/components/ui/toast";
 import { Backdrop } from "@/components/site/Backdrop";
 import { Nav } from "@/components/site/Nav";
 import { Hero } from "@/components/site/Hero";
-import { Pillars } from "@/components/site/Pillars";
+import { Tenets } from "@/components/site/Tenets";
 import { Components } from "@/components/site/Components";
 import { Showcase } from "@/components/site/Showcase";
 import { Adopt } from "@/components/site/Adopt";
@@ -22,7 +22,7 @@ export function App() {
       <Backdrop />
       <Nav />
       <Hero />
-      <Pillars />
+      <Tenets />
       <Components />
       <Showcase />
       <Adopt />
diff --git a/artifacts/structured-liquidity/src/adopters.json b/artifacts/structured-liquidity/src/adopters.json
index dcbaa04..a100ecf 100644
--- a/artifacts/structured-liquidity/src/adopters.json
+++ b/artifacts/structured-liquidity/src/adopters.json
@@ -13,7 +13,7 @@
       "shot": "interspace-ventures.png",
       "shotAlt": "Interspace Ventures strategic-finance website using Structured Liquidity",
       "description": "The operating home for Interspace advisory, ventures, portfolio intelligence, and operator networks, using rigid navigation, comparison grids, metric surfaces, and the canonical purple register.",
-      "adoption": ["structured-containment", "liquid-depth", "semantic-clarity"],
+      "adoption": ["structured-containment", "liquid-depth", "scientific-clarity"],
       "absorbedComponents": ["filter-toolbar", "logo-grid", "site-shell", "stat", "testimonial-card", "timeline"],
       "candidatePatterns": ["comparison-grid"]
     },
@@ -29,7 +29,7 @@
       "shot": "cosmograph-space.png",
       "shotAlt": "Cosmograph research universe using a Structured Liquidity cockpit",
       "description": "An immersive research universe with a rigid flight deck, persistent command dock, glass detail surfaces, and square telemetry controls orbiting a live WebGL scene.",
-      "adoption": ["structured-containment", "liquid-depth", "semantic-clarity"],
+      "adoption": ["structured-containment", "liquid-depth", "scientific-clarity"],
       "absorbedComponents": ["detail-panel", "drawer", "filter-toolbar"],
       "candidatePatterns": ["telemetry-cockpit", "target-reticle"]
     },
@@ -45,7 +45,7 @@
       "shot": null,
       "shotAlt": "Exobase website operating system",
       "description": "The multi-tenant website operating system behind Interspace properties, carrying Structured Liquidity through reusable tenant chrome, content blocks, delivery controls, and portfolio surfaces.",
-      "adoption": ["structured-containment", "semantic-clarity"],
+      "adoption": ["structured-containment", "scientific-clarity"],
       "absorbedComponents": ["filter-toolbar", "site-shell"],
       "candidatePatterns": ["tenant-switcher", "release-control-panel"]
     },
@@ -61,7 +61,7 @@
       "shot": "2daysearly.png",
       "shotAlt": "2 Days Early investment-syndicate website built on Structured Liquidity",
       "description": "An operator-led fintech investment syndicate using the structured-containment half of the language with a green accent, sharp portfolio grids, stat rails, and profile-driven storytelling.",
-      "adoption": ["structured-containment", "semantic-clarity"],
+      "adoption": ["structured-containment", "scientific-clarity"],
       "absorbedComponents": ["logo-grid", "marquee", "profile-header", "section-header", "stat"],
       "candidatePatterns": []
     },
@@ -77,7 +77,7 @@
       "shot": "bumblebee-showcase.jpg",
       "shotAlt": "Bumblebee daycare portal for Brooklyn families",
       "description": "A daycare portal for Brooklyn families, using rigid black-bordered navigation, flat shadows, warm editorial cards, caregiver trust signals, and clear paths to program, testimonials, and visits.",
-      "adoption": ["structured-containment", "semantic-clarity"],
+      "adoption": ["structured-containment", "scientific-clarity"],
       "absorbedComponents": ["card", "section-header", "testimonial-card"],
       "candidatePatterns": ["daily-rhythm", "family-faq", "credential-strip", "location-card"]
     },
@@ -93,7 +93,7 @@
       "shot": "universe-audio.png",
       "shotAlt": "Universe audio platform in development",
       "description": "A spectral music platform whose waveform, now-playing surface, and transport controls seeded the media primitives now shipped by the main library.",
-      "adoption": ["structured-containment", "liquid-depth", "semantic-clarity"],
+      "adoption": ["structured-containment", "liquid-depth", "scientific-clarity"],
       "absorbedComponents": ["media-player", "waveform"],
       "candidatePatterns": ["spectral-mixer"]
     },
@@ -109,7 +109,7 @@
       "shot": "observatory-bio.png",
       "shotAlt": "Observatory biology workspace landing page using editorial scientific modernism",
       "description": "A scientific workspace for connected biological evidence, using an editorial research grid, oversized hierarchy, technical labeling, and one continuous visual thread from gene to protein to structure.",
-      "adoption": ["structured-containment", "liquid-depth", "semantic-clarity"],
+      "adoption": ["structured-containment", "liquid-depth", "scientific-clarity"],
       "absorbedComponents": ["detail-panel", "omnibar", "sidebar", "stat"],
       "candidatePatterns": ["scientific-track-viewer", "evidence-report"]
     },
@@ -125,7 +125,7 @@
       "shot": null,
       "shotAlt": "Dropship private media utility in staging",
       "description": "A mobile-first capture library with one universal intake bar, persistent glass dock, media-aware cards, edge detail panels, and context-sensitive export actions.",
-      "adoption": ["structured-containment", "liquid-depth", "semantic-clarity"],
+      "adoption": ["structured-containment", "liquid-depth", "scientific-clarity"],
       "absorbedComponents": ["detail-panel", "mobile-nav", "omnibar", "unit-economics-chart"],
       "candidatePatterns": ["media-action-rail", "payload-chooser"]
     },
diff --git a/artifacts/structured-liquidity/src/components/site/Adopt.tsx b/artifacts/structured-liquidity/src/components/site/Adopt.tsx
index 5edcfd6..7dbd4ab 100644
--- a/artifacts/structured-liquidity/src/components/site/Adopt.tsx
+++ b/artifacts/structured-liquidity/src/components/site/Adopt.tsx
@@ -81,7 +81,7 @@ export function Adopt() {
             llms.txt
           </span>
           <p>
-            The AI-discoverable summary: the three pillars, the hard rules, the tokens, and the font
+            The AI-discoverable summary: the three tenets, the hard rules, the tokens, and the font
             pairings, all in one Markdown file at the site root.
           </p>
           <a className="sl-btn default" href="llms.txt" target="_blank" rel="noopener">
diff --git a/artifacts/structured-liquidity/src/components/site/FooterCta.tsx b/artifacts/structured-liquidity/src/components/site/FooterCta.tsx
index 0edebf8..a8413df 100644
--- a/artifacts/structured-liquidity/src/components/site/FooterCta.tsx
+++ b/artifacts/structured-liquidity/src/components/site/FooterCta.tsx
@@ -12,7 +12,7 @@ export function FooterCta() {
         </h2>
         <p className="lead" style={{ textAlign: "center" }}>
           Structured Liquidity is an open UI language: a complete kit of rigid containers and liquid
-          glass, free to use with visible footer attribution. Adopt the three pillars, set your
+          glass, free to use with visible footer attribution. Adopt the three tenets, set your
           accent, and build something rigorous, tactile, and unmistakably clear.
         </p>
         <div className="hero-cta" style={{ justifyContent: "center" }}>
diff --git a/artifacts/structured-liquidity/src/components/site/Hero.tsx b/artifacts/structured-liquidity/src/components/site/Hero.tsx
index b03a515..e8c751a 100644
--- a/artifacts/structured-liquidity/src/components/site/Hero.tsx
+++ b/artifacts/structured-liquidity/src/components/site/Hero.tsx
@@ -2,7 +2,7 @@ import { Sparkles, Github } from "lucide-react";
 import { LiquidWord, Hypercube } from "./liquid";
 import { InstallButton } from "./InstallButton";
 
-const GITHUB = "https://github.com/heyinterspace/Structured";
+const GITHUB = "https://github.com/Interspace-Ventures/Structured";
 
 export function Hero() {
   return (
@@ -18,21 +18,17 @@ export function Hero() {
             <LiquidWord text="Liquidity" />
           </h1>
           <p className="lead reveal">
-            <em>
-              Neobrutalist Structure. Liquid Glass Motion. Editorial Modern
-              Frameworks.
-            </em>{" "}
-            Structured Liquidity is a trifecta: a physical frame with
-            load-bearing borders and hard shadows; layered glass and motion that
-            make state feel continuous and massive; and editorial systems that
-            compose hierarchy, diagrams, captions, labels, and evidence.
-            Semantic Clarity tests the complete system. This page is both
-            specimen and spec, so retheme it live as you read.
+            <em>Structured framing. Liquid motion. Scientific clarity.</em>{" "}
+            Structured Liquidity gives digital interfaces a rigorous frame,
+            movement that explains state, and an evidence-first editorial
+            system. The result is precise without feeling sterile and expressive
+            without becoming visual noise. This page is both specimen and spec,
+            so retheme it live as you read.
           </p>
           <div className="hero-tags reveal">
-            <span className="tag">Neobrutalist Structure</span>
-            <span className="tag">Liquid Glass Motion</span>
-            <span className="tag">Editorial Modern Frameworks</span>
+            <span className="tag">Structured framing</span>
+            <span className="tag">Liquid motion</span>
+            <span className="tag">Scientific clarity</span>
           </div>
           <div className="hero-cta reveal">
             <InstallButton />
@@ -54,7 +50,7 @@ export function Hero() {
         <div
           className="hero-cube-wrap"
           role="img"
-          aria-label="The Structured Liquidity trifecta shown on the cube's three visible faces: Neobrutalist Structure, Liquid Glass Motion, and Editorial Modern Frameworks."
+          aria-label="The Structured Liquidity trifecta shown on the cube's three visible faces: Structured framing, Liquid motion, and Scientific clarity."
         >
           <Hypercube className="hero-cube" faceLabels={["01", "02", "03"]} />
         </div>
diff --git a/artifacts/structured-liquidity/src/components/site/Pillars.tsx b/artifacts/structured-liquidity/src/components/site/Tenets.tsx
similarity index 59%
rename from artifacts/structured-liquidity/src/components/site/Pillars.tsx
rename to artifacts/structured-liquidity/src/components/site/Tenets.tsx
index 26ff601..c5832c1 100644
--- a/artifacts/structured-liquidity/src/components/site/Pillars.tsx
+++ b/artifacts/structured-liquidity/src/components/site/Tenets.tsx
@@ -1,27 +1,28 @@
-export function Pillars() {
+export function Tenets() {
   return (
     <section id="manifesto" className="wrap">
       <div className="section-head reveal">
-        <span className="eyebrow">Principles · the foundation</span>
+        <span className="eyebrow">Tenets · the foundation</span>
         <h2 className="section-title">
           Three faces. One design language.
         </h2>
         <p className="lead">
-          Neobrutalist Structure defines the physical frame. Liquid Glass Motion
-          makes state, continuity, and mass perceptible. Editorial Modern
-          Frameworks compose hierarchy and evidence. Together they form the
-          Structured Liquidity trifecta; Semantic Clarity tests the complete
-          system rather than competing as a fourth pillar.
+          Structured framing makes hierarchy and action unmistakable. Liquid
+          motion makes state and continuity perceptible. Scientific clarity
+          turns hierarchy, labels, diagrams, and evidence into one legible
+          system. Together, these three tenets form Structured Liquidity.
         </p>
       </div>
 
-      <div className="pillars">
-        <div className="glass pillar reveal">
-          <span className="pnum">Pillar 01</span>
-          <h3>Neobrutalist Structure</h3>
+      <div className="tenets">
+        <div className="glass tenet reveal">
+          <span className="pnum">Tenet 01</span>
+          <h3>Structured framing</h3>
           <p>
             The physical frame: load-bearing borders, hard shadows, square
-            geometry, clear affordances, and tactile interaction.
+            geometry, unmistakable hierarchy, clear affordances, and tactile
+            interaction. Content and action remain understandable before
+            decoration is added.
           </p>
           <ul>
             <li>
@@ -39,12 +40,13 @@ export function Pillars() {
           </ul>
         </div>
 
-        <div className="glass pillar reveal">
-          <span className="pnum">Pillar 02</span>
-          <h3>Liquid Glass Motion</h3>
+        <div className="glass tenet reveal">
+          <span className="pnum">Tenet 02</span>
+          <h3>Liquid motion</h3>
           <p>
             Layered glass, continuity, and purposeful motion that communicate
-            state and give interfaces believable mass.
+            state and give interfaces believable mass without becoming the
+            only carrier of meaning.
           </p>
           <ul>
             <li>
@@ -58,19 +60,20 @@ export function Pillars() {
               <div>
                 <strong className="rule-h">Motion explains change</strong>:
                 liquid settles, connects, and reveals state inside a frame that
-                never wobbles.
+                never wobbles, with a complete reduced-motion state.
               </div>
             </li>
           </ul>
         </div>
 
-        <div className="glass pillar reveal editorial-pillar">
-          <span className="pnum">Pillar 03</span>
-          <h3>Editorial Modern Frameworks</h3>
+        <div className="glass tenet reveal scientific-tenet">
+          <span className="pnum">Tenet 03</span>
+          <h3>Scientific clarity</h3>
           <p>
-            Hierarchy, refined grids, oversized typography, technical diagrams,
-            captions, labeling, and evidence, informed by editorial scientific
-            modernism.
+            Scientific Modernism applied to interfaces: refined grids,
+            decisive typography, technical diagrams, captions, labels, and
+            evidence. Information remains complete and legible without relying
+            on color, glass, or motion.
           </p>
           <ul>
             <li>
@@ -91,11 +94,6 @@ export function Pillars() {
           </ul>
         </div>
       </div>
-      <p className="manifesto-gate reveal">
-        <strong>Quality gate · Semantic Clarity</strong>
-        Every screen must remain complete, legible, and useful without color,
-        glass, or motion.
-      </p>
     </section>
   );
 }
diff --git a/artifacts/structured-liquidity/src/components/site/Tweaker.tsx b/artifacts/structured-liquidity/src/components/site/Tweaker.tsx
index bee8563..fc47806 100644
--- a/artifacts/structured-liquidity/src/components/site/Tweaker.tsx
+++ b/artifacts/structured-liquidity/src/components/site/Tweaker.tsx
@@ -27,7 +27,7 @@ const DEFAULTS: Tweaks = {
   border: 2,
   shadow: 7,
   radius: 0,
-  mode: "dark",
+  mode: "light",
 };
 
 const ACCENTS = ["#a388ee", "#7c9cff", "#3dd7c8", "#ffb454", "#ff7a90"];
diff --git a/artifacts/structured-liquidity/src/index.css b/artifacts/structured-liquidity/src/index.css
index deab317..32133da 100644
--- a/artifacts/structured-liquidity/src/index.css
+++ b/artifacts/structured-liquidity/src/index.css
@@ -10,8 +10,8 @@
 @import "./styles/30-kit.css";
 @import "./styles/40-inline.css";
 
-/* dark is the default (data-mode="dark" on <html>); expose the variant so
-   `dark:` utilities resolve against the same switch the tweaker writes. */
+/* Expose the optional dark variant against the same switch the tweaker writes.
+   Public editorial surfaces default to light mode. */
 @custom-variant dark (&:where([data-mode="dark"], [data-mode="dark"] *));
 
 /* Map the live SL custom properties onto Tailwind theme tokens with `inline`
diff --git a/artifacts/structured-liquidity/src/styles/10-tokens-base.css b/artifacts/structured-liquidity/src/styles/10-tokens-base.css
index 86db3e6..4bc32c0 100644
--- a/artifacts/structured-liquidity/src/styles/10-tokens-base.css
+++ b/artifacts/structured-liquidity/src/styles/10-tokens-base.css
@@ -1,8 +1,6 @@
 /* ============================================================
-   STRUCTURED LIQUIDITY — Neobrutalist Structure. Liquid Glass
-   Motion. Editorial Modern Frameworks. Semantic Clarity remains the quality
-   gate across all three, not a fourth pillar. This stylesheet IS
-   the specimen.
+   STRUCTURED LIQUIDITY — Structured framing. Liquid motion.
+   Scientific clarity. This stylesheet IS the specimen.
    ============================================================ */
 
 :root {
@@ -22,7 +20,7 @@
   --body-surface: color-mix(in srgb, var(--bg) 94%, var(--ink) 6%);
   --floating-ui-clearance: 96px;
 
-  /* ---- Editorial Modern Frameworks, informed by editorial scientific modernism ---- */
+  /* ---- Scientific clarity, informed by Scientific Modernism ---- */
   --text-display-xl: clamp(4.5rem, 10vw, 9rem);
   --text-display-lg: clamp(2.8rem, 6vw, 5.5rem);
   --measure-reading: 68ch;
@@ -108,7 +106,14 @@ body {
   background-repeat: no-repeat;
   animation: fieldshift 30s ease-in-out infinite alternate;
 }
-[data-mode="light"] .field { opacity: 0.55; }
+[data-mode="light"] .field {
+  opacity: 1;
+  background:
+    radial-gradient(38vw 24vh at 84% 4%, rgba(163, 136, 238, 0.24), transparent 72%),
+    radial-gradient(34vw 22vh at 10% 58%, rgba(163, 136, 238, 0.12), transparent 74%),
+    linear-gradient(#dfe5f2, #e7ebf4);
+  animation-duration: 46s;
+}
 @keyframes fieldshift {
   from { transform: translateX(0); }
   to   { transform: translateX(-3vw); }
@@ -132,7 +137,7 @@ body {
   height: 100%;
   z-index: -1;
   pointer-events: none;
-  opacity: 0.4;
+  opacity: 0.16;
   mix-blend-mode: overlay;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 }
diff --git a/artifacts/structured-liquidity/src/styles/20-components.css b/artifacts/structured-liquidity/src/styles/20-components.css
index 4a9bcf9..71a1c61 100644
--- a/artifacts/structured-liquidity/src/styles/20-components.css
+++ b/artifacts/structured-liquidity/src/styles/20-components.css
@@ -227,17 +227,17 @@
 .draggable { cursor: grab; }
 .draggable:active { cursor: grabbing; }
 
-/* ---- PILLARS (the three-pillar manifesto) ---- */
-.pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-items: stretch; }
-@media (max-width: 640px) { .pillars { grid-template-columns: 1fr; } }
-.pillar { padding: 1.15rem 1.2rem; display: flex; flex-direction: column; }
-.pillar .pnum { font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
-.pillar .psub { font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-dim); margin-top: 0.15rem; }
-.pillar h3 { font-size: 1.25rem; margin: 0.6rem 0 0.4rem; }
-.pillar > p { color: var(--ink-dim); font-size: 0.9rem; margin: 0; }
-.pillar ul { list-style: none; padding: 0; margin: 0.9rem 0 0; }
-.pillar li { font-family: var(--mono); font-size: 0.76rem; padding: 0.4rem 0; border-top: 1px solid rgba(var(--edge),0.15); color: var(--ink-dim); display: flex; gap: 0.5rem; }
-.pillar li::before { content: ""; flex: none; width: 8px; height: 8px; margin-top: 0.35em; background: var(--accent); }
+/* ---- TENETS (the three-tenet manifesto) ---- */
+.tenets { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-items: stretch; }
+@media (max-width: 640px) { .tenets { grid-template-columns: 1fr; } }
+.tenet { padding: 1.15rem 1.2rem; display: flex; flex-direction: column; }
+.tenet .pnum { font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
+.tenet .psub { font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-dim); margin-top: 0.15rem; }
+.tenet h3 { font-size: 1.25rem; margin: 0.6rem 0 0.4rem; }
+.tenet > p { color: var(--ink-dim); font-size: 0.9rem; margin: 0; }
+.tenet ul { list-style: none; padding: 0; margin: 0.9rem 0 0; }
+.tenet li { font-family: var(--mono); font-size: 0.76rem; padding: 0.4rem 0; border-top: 1px solid rgba(var(--edge),0.15); color: var(--ink-dim); display: flex; gap: 0.5rem; }
+.tenet li::before { content: ""; flex: none; width: 8px; height: 8px; margin-top: 0.35em; background: var(--accent); }
 
 /* ---- PRINCIPLES GRID ---- */
 .principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
diff --git a/artifacts/structured-liquidity/src/styles/40-inline.css b/artifacts/structured-liquidity/src/styles/40-inline.css
index 1e934ff..4d800eb 100644
--- a/artifacts/structured-liquidity/src/styles/40-inline.css
+++ b/artifacts/structured-liquidity/src/styles/40-inline.css
@@ -182,19 +182,11 @@
   /* "Structured" / "Liquidity" wordmark lines sat too tight (line-height .84) */
   .wordmark{line-height:0.96;}
 
-  /* pillar rule rows: the six operating rules folded into the three pillars */
-  .pillar li > div{flex:1;min-width:0;}
-  .pillar .rule-h{color:var(--ink);font-weight:700;}
+  /* tenet rule rows: the six operating rules folded into the three tenets */
+  .tenet li > div{flex:1;min-width:0;}
+  .tenet .rule-h{color:var(--ink);font-weight:700;}
   /* larger, more legible bullet copy (was 0.76rem dim mono) */
-  .pillar li{font-size:0.9rem;line-height:1.55;color:color-mix(in srgb, var(--ink) 55%, var(--ink-dim));}
-
-  /* Editorial Modern Frameworks, informed by editorial scientific modernism: evidence-first hierarchy and technical figures. */
-  .manifesto-gate{display:grid;grid-template-columns:minmax(190px,.55fr) 1fr;gap:var(--editorial-gap);
-    margin:1.35rem 0 0;padding:1rem 1.1rem;border-top:var(--border-w) solid rgb(var(--edge));
-    border-bottom:var(--rule-hairline) solid var(--diagram-muted);font-size:.9rem;color:var(--ink-dim);}
-  .manifesto-gate strong{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;
-    text-transform:uppercase;color:var(--ink);}
-  @media(max-width:700px){.manifesto-gate{grid-template-columns:1fr;gap:.55rem;}}
+  .tenet li{font-size:0.9rem;line-height:1.55;color:color-mix(in srgb, var(--ink) 55%, var(--ink-dim));}
 
   /* section eyebrow labels: larger, tighter tracking, higher contrast (was 0.72rem, 0.22em, dim) */
   .eyebrow{font-size:0.84rem;letter-spacing:0.15em;color:color-mix(in srgb, var(--ink) 78%, var(--ink-dim));}
@@ -495,11 +487,11 @@
 
   /* A little more breathing room between the navbar and the hero */
   .hero{padding-top:clamp(6.5rem,12vh,8.5rem);}
-  /* Closing CTA heading: pillar nouns picked out in the accent. */
+  /* Closing CTA heading: tenet nouns picked out in the accent. */
   .cta-panel h2 b{font-weight:inherit;color:var(--accent);}
 
-  /* Pillar body copy: larger & more approachable */
-  .pillar > p{font-size:1.02rem;line-height:1.55;}
+  /* Tenet body copy: larger & more approachable */
+  .tenet > p{font-size:1.02rem;line-height:1.55;}
 
   /* ── shadcn coverage: additional component opinions (all styling lives here) ── */
   .sl-sep{height:var(--border-w);background:rgb(var(--edge));border:none;width:100%;margin:0;}
diff --git a/docs/design-ethos-v2.md b/docs/design-ethos-v2.md
index 6528df4..886da0c 100644
--- a/docs/design-ethos-v2.md
+++ b/docs/design-ethos-v2.md
@@ -2,24 +2,23 @@
 
 ## The operating model
 
-**Neobrutalist Structure. Liquid Glass Motion. Editorial Modern Frameworks.**
+**Structured Framing. Liquid Motion. Scientific Clarity.**
 
-Structured Liquidity is a trifecta of three orthogonal design dimensions, represented by the three visible faces of its cube:
+Structured Liquidity is defined by three orthogonal design tenets, represented by the three visible faces of its cube:
 
-1. **Neobrutalist Structure:** The physical frame—load-bearing borders, hard shadows, square geometry, clear affordances, and tactile interaction.
-2. **Liquid Glass Motion:** Layered glass, continuity, and purposeful motion that communicate state and give interfaces believable mass.
-3. **Editorial Modern Frameworks:** Hierarchy, refined grids, oversized typography, technical diagrams, captions, labeling, and evidence, informed by editorial scientific modernism.
+1. **Structured Framing:** Neobrutalist physical and informational structure—load-bearing borders, hard shadows, square geometry, unmistakable hierarchy, clear affordances, and tactile interaction. The structure must make content and action understandable before decoration is added.
+2. **Liquid Motion:** Layered glass, continuity, and purposeful motion that communicate state and give interfaces believable mass. Motion must explain change without becoming the only carrier of meaning, and every interaction must have a complete reduced-motion state.
+3. **Scientific Clarity:** Scientific Modernism applied to interfaces through rational grids, decisive typography, technical diagrams, captions, labels, evidence, and restraint. Information must remain complete, legible, and useful without reliance on color, glass, or motion.
 
-Semantic Clarity remains the quality gate across all three, not a fourth pillar: every screen must remain complete, legible, and useful without color, glass, or motion.
+The tenets are complete as a set. Clarity is not a separate gate: each tenet is responsible for making its part of the interface understandable.
 
 ## Decision ownership
 
-| Question                                            | Owner                 |
-| --------------------------------------------------- | --------------------- |
-| What contains this information?                     | Neobrutalist Structure       |
-| How does state change or mass become perceptible?   | Liquid Glass Motion          |
-| How is the information composed and evidenced?      | Editorial Modern Frameworks  |
-| Is the result understandable in its simplest state? | Semantic Clarity gate        |
+| Question                                          | Owner              |
+| ------------------------------------------------- | ------------------ |
+| What contains this information and clarifies action? | Structured Framing |
+| How does state change become perceptible and remain understandable? | Liquid Motion |
+| How is the information composed, labeled, and evidenced? | Scientific Clarity |
 
 ## Expression rules
 
@@ -32,6 +31,6 @@ Semantic Clarity remains the quality gate across all three, not a fourth pillar:
 
 ## Short language
 
-Primary phrase: **Neobrutalist Structure. Liquid Glass Motion. Editorial Modern Frameworks.**
+Primary phrase: **Structured Framing. Liquid Motion. Scientific Clarity.**
 
 Manifesto phrase: **Three faces. One design language.**
diff --git a/replit.md b/replit.md
index 1acdddb..58c60d5 100644
--- a/replit.md
+++ b/replit.md
@@ -1,6 +1,6 @@
 # Structured Liquidity
 
-A live, deployable specimen + landing page for **Structured Liquidity** — **Neobrutalist Structure. Liquid Glass Motion. Editorial Modern Frameworks.** Neobrutalist Structure is the physical frame: load-bearing borders, hard shadows, square geometry, clear affordances, and tactile interaction. Liquid Glass Motion is layered glass, continuity, and purposeful motion that communicate state and give interfaces believable mass. Editorial Modern Frameworks compose hierarchy, refined grids, oversized typography, technical diagrams, captions, labeling, and evidence; they are informed by editorial scientific modernism. Together they form the Structured Liquidity trifecta, represented by the cube's three visible faces. Semantic Clarity remains the quality gate across all three, not a fourth pillar. The page is both the specimen and the documentation of the language, with a live in-page theme tweaker, and it **dogfoods its own React components**. It also publishes those components as a **shadcn-installable registry** at `/r/*.json`. Structured Liquidity is an Interspace Venture (est. 2026); the source is on GitHub at https://github.com/heyinterspace/Structured.
+A live, deployable specimen + landing page for **Structured Liquidity** — **Structured Framing. Liquid Motion. Scientific Clarity.** Structured Framing supplies the neobrutalist physical and informational frame: load-bearing borders, hard shadows, square geometry, unmistakable hierarchy, clear affordances, and tactile interaction. Liquid Motion uses layered glass, continuity, and purposeful movement to communicate state while preserving a complete reduced-motion experience. Scientific Clarity applies rational grids, decisive typography, technical diagrams, captions, labels, evidence, and restraint so information remains complete and legible without relying on decoration. Together these three tenets form the Structured Liquidity trifecta, represented by the cube's three visible faces. The page is both the specimen and the documentation of the language, with a live in-page theme tweaker, and it **dogfoods its own React components**. It also publishes those components as a **shadcn-installable registry** at `/r/*.json`. Structured Liquidity is an Interspace Venture (est. 2026); the source is on GitHub at https://github.com/heyinterspace/Structured.
 
 ## Run & Operate
 
@@ -20,7 +20,7 @@ A live, deployable specimen + landing page for **Structured Liquidity** — **Ne
 ## Where things live
 
 - `artifacts/structured-liquidity/index.html` — minimal React shell (`<div id="root">` + `<script src="/src/main.tsx">`)
-- `artifacts/structured-liquidity/src/main.tsx`, `src/App.tsx` — entry + page composition (Nav, Hero, Pillars, Components/gallery, Templates, Showcase, Adopt, FooterCta, Footer, Tweaker, Toaster, overlays)
+- `artifacts/structured-liquidity/src/main.tsx`, `src/App.tsx` — entry + page composition (Nav, Hero, Tenets, Components/gallery, Templates, Showcase, Adopt, FooterCta, Footer, Tweaker, Toaster, overlays)
 - `artifacts/structured-liquidity/src/index.css` — Tailwind entry: `@theme` + imports of the SL styles in `src/styles/` (`10-tokens-base.css`, `20-components.css`, `30-kit.css`, `40-inline.css`)
 - `artifacts/structured-liquidity/src/components/ui/*` — ~64 shadcn-style SL components (Button, Badge, Input, Select, Tabs, Accordion, Dialog, …). **Plain React + `lucide-react`, no Radix** — each emits SL classes and uses `cn()` from `src/lib/utils.ts`.
 - `artifacts/structured-liquidity/src/components/templates/*` — installable page structures distilled from the production portfolio: marketing site, data dashboard, guided flow, and immersive app.
@@ -59,7 +59,7 @@ Cross-item URLs use `REGISTRY_BASE_URL` (default `https://structured.glass`). Th
 
 ## Product
 
-A single-page specimen + reference for the Structured Liquidity design language: it explains the trifecta in order—Neobrutalist Structure as frame, Liquid Glass Motion as state, Editorial Modern Frameworks as composition—demonstrates a full component kit, lets visitors retheme it live, and lets them install it via shadcn. The cube's three visible faces represent the trifecta. Semantic Clarity tests the complete system and is not a fourth pillar.
+A single-page specimen + reference for the Structured Liquidity design language: it explains the three tenets in order—Structured Framing as physical and informational structure, Liquid Motion as state and continuity, and Scientific Clarity as composition and evidence—demonstrates a full component kit, lets visitors retheme it live, and lets them install it via shadcn. The cube's three visible faces represent the three-tenet system; clarity responsibilities are encoded directly in each tenet rather than treated as a separate gate.
 
 ## Design language tokens (the knobs the page reads)