@tryvitris/website-harness 0.0.0-stage → 0.1.0-beta.5

package/design-system/compositions/v2/dock-radio/site.json

@@ -0,0 +1,7 @@
+{
+  "name": "Dock Radio / listening desk \u2014 fictional teaching study",
+  "slug": "dock-radio",
+  "motion": {
+    "strength": "off"
+  }
+}

package/design-system/compositions/v2/dock-radio/study.json

@@ -0,0 +1,288 @@
+{
+  "id": "dock-radio",
+  "revision": 1,
+  "title": "Dock Radio / listening desk",
+  "primaryFamily": "retro",
+  "assetMinimum": "none",
+  "fitSignals": [
+    "product-ui",
+    "collection",
+    "type-content",
+    "real-copy",
+    "action",
+    "sparse-media"
+  ],
+  "visitorTasks": [
+    "explore-product",
+    "read-deeply"
+  ],
+  "organizingIdea": "Desktop window chrome groups a functioning native player and guide; the episode interior develops original audio credits and notes without changing the listening metaphor.",
+  "brief": {
+    "fictional": true,
+    "facts": {
+      "name": "Dock Radio",
+      "offer": "Fictional tiny listening desk",
+      "episode": "Evening Interval",
+      "duration": "8 seconds",
+      "media": "Original synthesized tone sequence; no external recording",
+      "restriction": "No broadcast, live schedule or catalogue of actual musicians"
+    },
+    "factsHash": "cafad57633f67d86bd40bbae0b4cc6071cc262904176bd348021ca0b962f7825",
+    "mediaHash": "e7dfaa456108ecc17bfa04542f5b1146053292d087ab7b4fd65ef05210d6858d"
+  },
+  "provenance": {
+    "content": "Original fictional Vitris teaching brief and copy; no customer claims.",
+    "media": "Original inline cassette SVG and locally synthesized eight-second sine-wave sequence. No external samples, music or photographs.",
+    "rights": "Original Vitris teaching material; factual adaptation required for customer use."
+  },
+  "storyboard": {
+    "homepage": [
+      "listening desk identity",
+      "player window beside guide",
+      "taskbar"
+    ],
+    "interior": [
+      "episode player",
+      "original credits and notes",
+      "desk return"
+    ],
+    "mobile": "Windows stack with complete native audio controls; guide/credits follow listening content. No draggable chrome or tiny emulated controls required."
+  },
+  "designDecisions": "Desktop window chrome groups a functioning native player and guide; the episode interior develops original audio credits and notes without changing the listening metaphor.",
+  "lessonIds": [
+    "cmp-interactive-explanation",
+    "cmp-surfaces-motifs",
+    "cmp-contextual-action"
+  ],
+  "referenceIds": [
+    "poolsuite",
+    "beats-in-space"
+  ],
+  "sourcePath": "dock-radio",
+  "homepage": "/",
+  "interior": "/detail",
+  "status": "compiled and automated/assistant visually reviewed; human preference pending",
+  "humanPreference": null,
+  "renderEvidence": [
+    {
+      "route": "/",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T18:45:00.637Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/dock-radio-home-1440.png",
+        "sha256": "7589e4c06ded1a7c4032d113a9259f4b9708ecf39bb420753b90d5f2cc2e9854"
+      },
+      "compiledHash": "cf0c7972530c890db0b3549a282a880e292861f16206fca474cf1759c1d4ee94",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/media/teaching/original-tone-study.wav",
+            "/detail",
+            "/detail#notes",
+            "/",
+            "/detail"
+          ]
+        },
+        "audio": [
+          {
+            "source": "http://127.0.0.1:62139/media/teaching/original-tone-study.wav",
+            "readyState": 4,
+            "duration": 8,
+            "paused": true
+          }
+        ],
+        "captureGeometry": {
+          "beforeCaptureHeight": 994,
+          "afterCaptureHeight": 993,
+          "finalCaptureHeight": 993
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:47:03.298021+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views inspected and latest stable-capture contact sheet re-inspected. Native audio desk/player window and guide have different chrome from other studies; narrow stacks player, guide, taskbar and complete teaching footer. Interior player precedes recording notes. Initial Chromium full-page capture changed document height and clipped the narrow home footer; two-capture stabilization now retains complete footer with geometry recorded. Native CUA desktop play and narrow interior play/pause exercised (2026-10-05T18:30:54.837Z, 18:31:30.723Z, 18:31:36.473Z); narrow pause returned paused true at 5.667883 seconds of 8. No audible-quality, seek or volume exercise claimed. Audio is original synthesized tone study; no third-party sample or broadcast."
+      }
+    },
+    {
+      "route": "/",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T18:45:16.804Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/dock-radio-home-390.png",
+        "sha256": "e25822428259529afc3fad1aae111b60b8ddee31ff6b4106c4ae236a23b8f446"
+      },
+      "compiledHash": "cf0c7972530c890db0b3549a282a880e292861f16206fca474cf1759c1d4ee94",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/media/teaching/original-tone-study.wav",
+            "/detail",
+            "/detail#notes",
+            "/",
+            "/detail"
+          ]
+        },
+        "audio": [
+          {
+            "source": "http://127.0.0.1:62139/media/teaching/original-tone-study.wav",
+            "readyState": 4,
+            "duration": 8,
+            "paused": true
+          }
+        ],
+        "captureGeometry": {
+          "beforeCaptureHeight": 1180,
+          "afterCaptureHeight": 1239,
+          "finalCaptureHeight": 1239
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:47:03.298021+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views inspected and latest stable-capture contact sheet re-inspected. Native audio desk/player window and guide have different chrome from other studies; narrow stacks player, guide, taskbar and complete teaching footer. Interior player precedes recording notes. Initial Chromium full-page capture changed document height and clipped the narrow home footer; two-capture stabilization now retains complete footer with geometry recorded. Native CUA desktop play and narrow interior play/pause exercised (2026-10-05T18:30:54.837Z, 18:31:30.723Z, 18:31:36.473Z); narrow pause returned paused true at 5.667883 seconds of 8. No audible-quality, seek or volume exercise claimed. Audio is original synthesized tone study; no third-party sample or broadcast."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T18:45:33.102Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/dock-radio-interior-1440.png",
+        "sha256": "cc55732e747b8a32e3d21d5933c9966de977a65e52af47e9ba2565f440bb4b52"
+      },
+      "compiledHash": "216def017e7b53500680c24867a2cd24629ce899e740356e9684b3cbbb7d7e2a",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/media/teaching/original-tone-study.wav",
+            "/"
+          ]
+        },
+        "audio": [
+          {
+            "source": "http://127.0.0.1:62139/media/teaching/original-tone-study.wav",
+            "readyState": 4,
+            "duration": 8,
+            "paused": true
+          }
+        ],
+        "captureGeometry": {
+          "beforeCaptureHeight": 1626,
+          "afterCaptureHeight": 1624,
+          "finalCaptureHeight": 1624
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:47:03.298021+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views inspected and latest stable-capture contact sheet re-inspected. Native audio desk/player window and guide have different chrome from other studies; narrow stacks player, guide, taskbar and complete teaching footer. Interior player precedes recording notes. Initial Chromium full-page capture changed document height and clipped the narrow home footer; two-capture stabilization now retains complete footer with geometry recorded. Native CUA desktop play and narrow interior play/pause exercised (2026-10-05T18:30:54.837Z, 18:31:30.723Z, 18:31:36.473Z); narrow pause returned paused true at 5.667883 seconds of 8. No audible-quality, seek or volume exercise claimed. Audio is original synthesized tone study; no third-party sample or broadcast."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T18:45:49.219Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/dock-radio-interior-390.png",
+        "sha256": "ec6f7a5a0dddab2a3803204b893dd37944fbd285dacc76069cbb9ef98b13a410"
+      },
+      "compiledHash": "216def017e7b53500680c24867a2cd24629ce899e740356e9684b3cbbb7d7e2a",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/media/teaching/original-tone-study.wav",
+            "/"
+          ]
+        },
+        "audio": [
+          {
+            "source": "http://127.0.0.1:62139/media/teaching/original-tone-study.wav",
+            "readyState": 4,
+            "duration": 8,
+            "paused": true
+          }
+        ],
+        "captureGeometry": {
+          "beforeCaptureHeight": 1424,
+          "afterCaptureHeight": 1422,
+          "finalCaptureHeight": 1422
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T18:47:03.298021+00:00",
+        "scope": "desktop/mobile homepage/interior full-page contact-sheet review; batch comparison",
+        "assessment": "All four full-page views inspected and latest stable-capture contact sheet re-inspected. Native audio desk/player window and guide have different chrome from other studies; narrow stacks player, guide, taskbar and complete teaching footer. Interior player precedes recording notes. Initial Chromium full-page capture changed document height and clipped the narrow home footer; two-capture stabilization now retains complete footer with geometry recorded. Native CUA desktop play and narrow interior play/pause exercised (2026-10-05T18:30:54.837Z, 18:31:30.723Z, 18:31:36.473Z); narrow pause returned paused true at 5.667883 seconds of 8. No audible-quality, seek or volume exercise claimed. Audio is original synthesized tone study; no third-party sample or broadcast."
+      }
+    }
+  ]
+}

package/design-system/compositions/v2/dock-radio/theme/defaults.json

@@ -0,0 +1,16 @@
+{
+  "colorBg": "#fff8d7",
+  "colorText": "#252943",
+  "colorMuted": "#4e5069",
+  "colorAccent": "#252943",
+  "colorAccentText": "#fff8d7",
+  "colorSurface": "#fff8d7",
+  "colorSurface2": "#dedcbf",
+  "colorBorder": "#607f8b",
+  "colorFocus": "#a23848",
+  "fontBody": "ui-sans-serif, system-ui, sans-serif",
+  "fontDisplay": "ui-monospace,monospace",
+  "radius": "0px",
+  "radiusLg": "0px",
+  "maxWidth": "1180px"
+}

package/design-system/compositions/v2/fen-repair/components/study-fen-repair/styles.css

@@ -0,0 +1,2 @@
+.c-study-fen-repair{color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere}.c-study-fen-repair h1,.c-study-fen-repair h2,.c-study-fen-repair h3{font-family:var(--font-display);color:inherit}.c-study-fen-repair p,.c-study-fen-repair li{line-height:1.6}.c-study-fen-repair a{color:inherit;text-underline-offset:.2em}.c-study-fen-repair a:focus-visible,.c-study-fen-repair summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.c-study-fen-repair img,.c-study-fen-repair svg{max-width:100%;height:auto}.c-study-fen-repair table{border-collapse:collapse;width:100%}.c-study-fen-repair th,.c-study-fen-repair td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.c-study-fen-repair .teaching{font-size:.85rem;line-height:1.5}.c-study-fen-repair nav a{display:inline-flex;align-items:center;min-height:44px}
+.c-study-fen-repair header{display:flex;justify-content:space-between;gap:2rem;padding:1.2rem 2rem;border-bottom:1px solid var(--color-border)}.c-study-fen-repair nav{display:flex;gap:2rem;flex-wrap:wrap}.c-study-fen-repair .opening{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;padding:3rem 2rem}.c-study-fen-repair h1{font-size:clamp(2.4rem,4vw,4rem);line-height:1.08;max-width:8ch}.c-study-fen-repair figure{margin:0}.c-study-fen-repair figure img{width:100%;object-fit:cover}.c-study-fen-repair .work{grid-column:2/4;grid-row:1/3}.c-study-fen-repair .work img{aspect-ratio:1.6}.c-study-fen-repair .finished{grid-column:1/2;margin-top:1.5rem}.c-study-fen-repair figcaption{font-size:.8rem;margin-top:.5rem}.c-study-fen-repair .scope{margin:3rem 2rem 5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:4px solid var(--color-text);padding-top:2rem}.c-study-fen-repair .scope p{max-width:50ch}.c-study-fen-repair aside{background:var(--color-surface-2);padding:2rem;max-width:60rem}.c-study-fen-repair .record-title{padding:3rem 2rem}.c-study-fen-repair .record-title h1{max-width:22ch}.c-study-fen-repair .record{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;padding:0 2rem 3rem}.c-study-fen-repair .record li{margin-bottom:2rem}.c-study-fen-repair .after{grid-column:1/3}.c-study-fen-repair .after img{max-height:36rem}.c-study-fen-repair .closing{grid-column:2/3}@media(max-width:750px){.c-study-fen-repair header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem}.c-study-fen-repair nav{gap:1rem}.c-study-fen-repair .opening,.c-study-fen-repair .scope,.c-study-fen-repair .record{display:block;padding:1.5rem 1rem;margin:0}.c-study-fen-repair .opening figure,.c-study-fen-repair .record section,.c-study-fen-repair .record figure{margin-top:2rem}.c-study-fen-repair .record-title{padding:2rem 1rem}.c-study-fen-repair aside{margin-top:2rem;padding:1rem}}

package/design-system/compositions/v2/fen-repair/components/study-fen-repair/template.html

@@ -0,0 +1 @@
+<div class="c-study-fen-repair"><slot></slot></div>

package/design-system/compositions/v2/fen-repair/media/teaching/slate-roof-finished.webp.provenance.json

@@ -0,0 +1,9 @@
+{
+  "kind": "synthetic-teaching-image",
+  "created": "2026-09-22",
+  "generator": "Codex imagegen built-in tool",
+  "sourceSha256": "3895ee1a2230c9aac6159aeb08143a2e7b8b59eb0c334f2d2d3646f3497782f6",
+  "artifactSha256": "263431d71685757fecd164e3f56fb87fbc64c836eae2e8dbf0ab641fd8191298",
+  "rights": "Original generated image for Vitris teaching examples",
+  "restriction": "Never treat as proof of a real customer project or copy into customer media inventory automatically."
+}

package/design-system/compositions/v2/fen-repair/media/teaching/slate-roof-work.webp.provenance.json

@@ -0,0 +1,9 @@
+{
+  "kind": "synthetic-teaching-image",
+  "created": "2026-09-22",
+  "generator": "Codex imagegen built-in tool",
+  "sourceSha256": "3835e66557ffd9dbfe9ddc271dfe51e0b275a651da3fba2a4fd9ff36975c66d2",
+  "artifactSha256": "b7975143d0fbd1e55363b0571c8d7f2284c16b576759ce17f7230d541168a29c",
+  "rights": "Original generated image for Vitris teaching examples",
+  "restriction": "Never treat as proof of a real customer project or copy into customer media inventory automatically."
+}

package/design-system/compositions/v2/fen-repair/pages/detail/index.html

@@ -0,0 +1,5 @@
+---
+title: Fen Repair / documentary record Detail
+description: Lead with related work and finished-area views; the interior turns them into a documented process.
+---
+<study-fen-repair><header><a href="/">Fen Repair</a><a href="mailto:fen@example.test">Discuss a repair</a></header><div class="record-title"><p>Repair record / teaching sequence</p><h1>From the affected area<br>to a clear handover.</h1></div><div class="record"><figure><img src="/media/teaching/slate-roof-work.webp" alt="Synthetic slate repair illustration"><figcaption>Teaching illustration. This is not evidence of a real project.</figcaption></figure><section><h2>Inspection sets the scope.</h2><ol><li><strong>Inspect.</strong> Identify the affected area and record what can be seen.</li><li><strong>Agree.</strong> Discuss the proposed repair before work begins.</li><li><strong>Repair.</strong> Replace affected slates within the agreed scope.</li><li><strong>Handover.</strong> Document the completed area for the owner.</li></ol></section><figure class="after"><img src="/media/teaching/slate-roof-finished.webp" alt="Synthetic view of completed slate repair"><figcaption>Completed-area teaching illustration.</figcaption></figure><section class="closing"><h2>Keep the record with the building.</h2><p>A clear handover relates the agreed scope to the documented area. It does not promise that unseen parts of a roof are sound.</p><a href="mailto:fen@example.test">Discuss a repair →</a><p class="teaching">Fictional Vitris teaching study. Names, offers and project details are invented; no customer outcomes are implied.</p></section></div></study-fen-repair>

package/design-system/compositions/v2/fen-repair/pages/index.html

@@ -0,0 +1,5 @@
+---
+title: Fen Repair / documentary record Home
+description: Lead with related work and finished-area views; the interior turns them into a documented process.
+---
+<study-fen-repair><header><a href="/">Fen Repair</a><nav aria-label="Main"><a href="/detail">Repair record</a><a href="mailto:fen@example.test">Discuss a repair</a></nav></header><div class="opening"><div class="label"><h1>Read the roof.</h1><p>Slate repairs for small buildings.</p><a href="/detail">Follow a repair from inspection to handover →</a></div><figure class="work"><img src="/media/teaching/slate-roof-work.webp" alt="Synthetic teaching view of slates being repaired"><figcaption>01 / At work. Synthetic teaching image.</figcaption></figure><figure class="finished"><img src="/media/teaching/slate-roof-finished.webp" alt="Synthetic teaching view of a finished slate roof"><figcaption>02 / After repair. Synthetic teaching image.</figcaption></figure></div><section class="scope"><h2>A repair begins with a closer look.</h2><p>Inspect the affected area, agree the scope, replace damaged slates and document the completed area. The repair record shows how those stages relate.</p></section><aside><p>Before a conversation: gather a view of the roof and a short description of the concern.</p><a href="mailto:fen@example.test">Discuss your building →</a><p class="teaching">Fictional Vitris teaching study. Names, offers and project details are invented; no customer outcomes are implied.</p></aside></study-fen-repair>

package/design-system/compositions/v2/fen-repair/site.json

@@ -0,0 +1,7 @@
+{
+  "name": "Fen Repair / documentary record \u2014 fictional teaching study",
+  "slug": "fen-repair",
+  "motion": {
+    "strength": "off"
+  }
+}

package/design-system/compositions/v2/fen-repair/study.json

@@ -0,0 +1,236 @@
+{
+  "id": "fen-repair",
+  "revision": 1,
+  "title": "Fen Repair / documentary record",
+  "primaryFamily": "documentary",
+  "assetMinimum": "multiple-images",
+  "fitSignals": [
+    "real-copy",
+    "type-content",
+    "action",
+    "approved-image",
+    "multiple-images",
+    "proof",
+    "professional-service",
+    "process"
+  ],
+  "visitorTasks": [
+    "inspect-work",
+    "understand-process"
+  ],
+  "organizingIdea": "Lead with related work and finished-area views; the interior turns them into a documented process.",
+  "brief": {
+    "fictional": true,
+    "facts": {
+      "name": "Fen Repair",
+      "offer": "Slate roof repairs for small buildings",
+      "project": "A teaching repair sequence",
+      "scope": [
+        "Inspect the damaged area",
+        "Agree the repair scope",
+        "Replace affected slates",
+        "Document the completed area"
+      ],
+      "contact": "fen@example.test",
+      "restriction": "Synthetic teaching images; no actual customer work or performance claims"
+    },
+    "factsHash": "95b5b04b8b53b73b50d3047c653fbc92ce40955aeab4ad6b5a345c0e4095c23f",
+    "mediaHash": "7ecd23d3447a10474807e823bfd0a329f017f8ca7fe14e8d6a0e5fe3cb76bf7f"
+  },
+  "provenance": {
+    "content": "Original fictional Vitris teaching brief and copy; no customer claims.",
+    "media": "Existing original Vitris synthetic teaching roof images, with source provenance copied; never actual customer proof.",
+    "rights": "Original Vitris teaching material; factual adaptation required for customer use."
+  },
+  "storyboard": {
+    "homepage": [
+      "work/finished relationship",
+      "repair scope",
+      "conversation preparation"
+    ],
+    "interior": [
+      "scope title",
+      "inspection/photo/process",
+      "completed area",
+      "handover"
+    ],
+    "mobile": "At narrow width, the repair-stage sequence stays intact while the photo mosaic and offset handover become document flow."
+  },
+  "designDecisions": "Lead with related work and finished-area views; the interior turns them into a documented process.",
+  "lessonIds": [
+    "cmp-image-sequence",
+    "cmp-process",
+    "cmp-proof-adjacency"
+  ],
+  "referenceIds": [
+    "studio-gerosa",
+    "baggu"
+  ],
+  "sourcePath": "fen-repair",
+  "homepage": "/",
+  "interior": "/detail",
+  "status": "compiled and automated/assistant visually reviewed; human preference pending",
+  "humanPreference": null,
+  "renderEvidence": [
+    {
+      "route": "/",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T16:48:35.472Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/fen-repair-home-1440.png",
+        "sha256": "9ae1f1bb988411134b0a590711b538b3c590853c8d9bb6c5ee69f512e0d1875f"
+      },
+      "compiledHash": "508d55108be5e945500bf7fb885dada6b9f948d11bbf8889b2d5521d14f3d656",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T16:49:42.892180+00:00",
+        "scope": "desktop/mobile homepage/interior full-page render review; batch contact-sheet comparison",
+        "assessment": "Full-page desktop/mobile contact sheets inspected. Work/finished photo relationship and sequential mobile process are readable. Repaired mobile header spacing re-inspected at full resolution. Synthetic images remain explicitly teaching-only."
+      }
+    },
+    {
+      "route": "/",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T16:48:36.565Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/fen-repair-home-390.png",
+        "sha256": "a180d9ec0eb67df2d1d5f9d852753f6d50f8dd6ebfda80aa41376ac15adbcabb"
+      },
+      "compiledHash": "508d55108be5e945500bf7fb885dada6b9f948d11bbf8889b2d5521d14f3d656",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/",
+            "/detail",
+            "/detail"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T16:49:42.892180+00:00",
+        "scope": "desktop/mobile homepage/interior full-page render review; batch contact-sheet comparison",
+        "assessment": "Full-page desktop/mobile contact sheets inspected. Work/finished photo relationship and sequential mobile process are readable. Repaired mobile header spacing re-inspected at full resolution. Synthetic images remain explicitly teaching-only."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 1440,
+        "height": 900
+      },
+      "capturedAt": "2026-10-05T16:48:37.916Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/fen-repair-interior-1440.png",
+        "sha256": "ae39e22c046db9eebf5ec67172777ba64aaefd26d002ca88bd256dc3ade86e31"
+      },
+      "compiledHash": "9101751ea03be6de05b1fb555d0f9fc50af0deeb9fd7d263767889dfe5b5667f",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T16:49:42.892180+00:00",
+        "scope": "desktop/mobile homepage/interior full-page render review; batch contact-sheet comparison",
+        "assessment": "Full-page desktop/mobile contact sheets inspected. Work/finished photo relationship and sequential mobile process are readable. Repaired mobile header spacing re-inspected at full resolution. Synthetic images remain explicitly teaching-only."
+      }
+    },
+    {
+      "route": "/detail",
+      "viewport": {
+        "width": 390,
+        "height": 844
+      },
+      "capturedAt": "2026-10-05T16:48:39.017Z",
+      "browser": "153.0.8010.12",
+      "preview": {
+        "path": "previews/fen-repair-interior-390.png",
+        "sha256": "c397fde8afb5e009104f3f324c7111454f5464ada9216c49d9947b52e50b7412"
+      },
+      "compiledHash": "9101751ea03be6de05b1fb555d0f9fc50af0deeb9fd7d263767889dfe5b5667f",
+      "automated": {
+        "errors": [],
+        "axeViolations": [],
+        "metrics": {
+          "overflow": false,
+          "h1": 1,
+          "brokenImages": [],
+          "internalLinks": [
+            "/"
+          ]
+        },
+        "firstFocus": {
+          "tag": "A",
+          "text": "Skip to content",
+          "outline": "solid",
+          "width": "2px"
+        },
+        "disclosures": []
+      },
+      "visualReview": {
+        "assessor": "assistant",
+        "reviewedAt": "2026-10-05T16:49:42.892180+00:00",
+        "scope": "desktop/mobile homepage/interior full-page render review; batch contact-sheet comparison",
+        "assessment": "Full-page desktop/mobile contact sheets inspected. Work/finished photo relationship and sequential mobile process are readable. Repaired mobile header spacing re-inspected at full resolution. Synthetic images remain explicitly teaching-only."
+      }
+    }
+  ]
+}

package/design-system/compositions/v2/fen-repair/theme/defaults.json

@@ -0,0 +1,16 @@
+{
+  "colorBg": "#edf1ed",
+  "colorText": "#1c302b",
+  "colorMuted": "#3f514b",
+  "colorAccent": "#1c302b",
+  "colorAccentText": "#ffffff",
+  "colorSurface": "#edf1ed",
+  "colorSurface2": "#d8e2dc",
+  "colorBorder": "#9baea3",
+  "colorFocus": "#b43d15",
+  "fontBody": "ui-sans-serif, system-ui, sans-serif",
+  "fontDisplay": "ui-sans-serif, system-ui, sans-serif",
+  "radius": "0px",
+  "radiusLg": "0px",
+  "maxWidth": "1180px"
+}

package/design-system/compositions/v2/hearth-plane/components/study-hearth-plane/styles.css

@@ -0,0 +1,2 @@
+.c-study-hearth-plane{color:var(--color-text);font-family:var(--font-body);overflow-wrap:anywhere}.c-study-hearth-plane h1,.c-study-hearth-plane h2,.c-study-hearth-plane h3{font-family:var(--font-display);color:inherit}.c-study-hearth-plane p,.c-study-hearth-plane li{line-height:1.6}.c-study-hearth-plane a{color:inherit;text-underline-offset:.2em}.c-study-hearth-plane a:focus-visible,.c-study-hearth-plane summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.c-study-hearth-plane img,.c-study-hearth-plane svg{max-width:100%;height:auto}.c-study-hearth-plane table{border-collapse:collapse;width:100%}.c-study-hearth-plane th,.c-study-hearth-plane td{text-align:left;padding:.8rem;border-bottom:1px solid var(--color-border)}.c-study-hearth-plane .teaching{font-size:.85rem;line-height:1.5}.c-study-hearth-plane nav a{display:inline-flex;align-items:center;min-height:44px}
+.c-study-hearth-plane .practice{width:22%;position:absolute;left:0;padding:2rem 1.5rem}.c-study-hearth-plane .name{font-size:2.4rem;font-weight:800;line-height:.95;text-decoration:none;display:block}.c-study-hearth-plane .practice p{margin:2rem 0;font-size:.9rem}.c-study-hearth-plane .practice nav{display:grid}.c-study-hearth-plane .project-field{margin-left:24%;padding:2rem 2rem 0 0}.c-study-hearth-plane figure{margin:0}.c-study-hearth-plane svg{width:100%;display:block}.c-study-hearth-plane figcaption{padding:.6rem 0;font-size:.8rem}.c-study-hearth-plane .project-caption{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem 3rem;padding:2rem 0 4rem}.c-study-hearth-plane h1{font-size:clamp(2rem,4vw,4rem);line-height:1.08;grid-row:1/3;margin:0}.c-study-hearth-plane .project-caption a{grid-column:2}.c-study-hearth-plane .index{margin-left:24%;border-top:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:2rem 2rem 4rem 0}.c-study-hearth-plane .index h2{font-size:1rem}.c-study-hearth-plane footer{margin-left:24%;padding:2rem 2rem 2rem 0;border-top:1px solid var(--color-border)}.c-study-hearth-plane footer p{max-width:60ch}.c-study-hearth-plane .project-nav{display:flex;justify-content:space-between;padding:1rem 2rem;gap:1rem}.c-study-hearth-plane .project-head{display:grid;grid-template-columns:2fr 1fr;padding:4rem 6% 2rem;gap:2rem}.c-study-hearth-plane .project-head>p{grid-column:1/3}.c-study-hearth-plane dl{margin:0}.c-study-hearth-plane dt{font-size:.8rem;text-transform:uppercase}.c-study-hearth-plane dd{margin:0 0 1rem}.c-study-hearth-plane .elevation{margin:0 6%;max-width:75rem}.c-study-hearth-plane .decisions{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;padding:4rem 6%}.c-study-hearth-plane .decisions p{max-width:55ch}@media(max-width:700px){.c-study-hearth-plane .practice{position:static;width:auto;padding:1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.c-study-hearth-plane .name{font-size:1.8rem}.c-study-hearth-plane .practice p{margin:0;font-size:.85rem}.c-study-hearth-plane .practice nav{grid-column:1/3;display:flex;gap:1.5rem}.c-study-hearth-plane .project-field,.c-study-hearth-plane .index,.c-study-hearth-plane footer{margin-left:0;padding:1.2rem}.c-study-hearth-plane .project-caption,.c-study-hearth-plane .index,.c-study-hearth-plane .project-head,.c-study-hearth-plane .decisions{display:block}.c-study-hearth-plane .project-caption{padding:1.5rem 0}.c-study-hearth-plane .project-caption h1{margin-bottom:1rem}.c-study-hearth-plane .index>div{margin-top:1.5rem}.c-study-hearth-plane .project-head,.c-study-hearth-plane .decisions{padding:2rem 1.2rem}.c-study-hearth-plane .project-head dl{margin-top:1.5rem}.c-study-hearth-plane .project-nav{padding:1rem;flex-wrap:wrap}.c-study-hearth-plane .elevation{margin:0 1.2rem}}

package/design-system/compositions/v2/hearth-plane/components/study-hearth-plane/template.html

@@ -0,0 +1 @@
+<div class="c-study-hearth-plane"><slot></slot></div>