{
  "stage": "green",
  "result": "passed",
  "reviewer": "Codex",
  "reviewedCommit": "b89ad08103c9b1857512836308f76ab52019afbd",
  "captures": {
    "desktop": "captures/header9/desktop-light.png",
    "mobile": "captures/header9/mobile-390.png",
    "dark": "captures/header9/desktop-dark.png",
    "tablet": "captures/header9/tablet-768.png",
    "seam": "captures/header9/seam-767.png",
    "narrow": "captures/header9/narrow-320.png",
    "reducedFocus": "captures/header9/reduced-focus.png",
    "noJavaScript": "captures/header9/mobile-js-disabled.png"
  },
  "capturesFresh": true,
  "cascadeInspection": "Independent review compared the authenticated Header9 MCP anatomy against the complete DOM, scoped CSS, computed geometry, focused tests, and all eight cache-busted captures. One ren-cover owns the 100svh column; one flexing ren-frame media region consumes the remaining top height and clips exactly one cover image; one bottom band contains one ren-center and one ren-switcher with the h1 first and a single ren-stack containing description then a two-link ren-cluster. Primitive Zero margins are neutralized only on direct cover children, heading, and description. At 767px the peers stack in source order; at 768px they become equal-width, top-aligned columns. No bespoke display flex/grid skeleton, duplicate tree, scrim, overlay, navigation, form, logo, video, generated icon, framework leakage, hardcoded color, primitive palette token, or Shadow DOM exists. Both CTA destinations return HTTP 200, remain functional without JavaScript, retain Ren10 focus chrome and 44px targets, and are not clipped by the cover. Light, dark, 320, 390, 767, 768, 1280, reduced-motion, and JavaScript-disabled states show no overflow, overlap, stale-pixel drift, or extra affordance. Captures trace functional commit 8c10f025386f7533c78d5925a8c2919e9da46270; current reviewed commit b89ad08103c9b1857512836308f76ab52019afbd adds only that capture evidence.",
  "checklist": {
    "total": 36,
    "passed": 36,
    "controls": [
      { "id": "A1", "result": "passed", "description": "Authenticated complete Header9 Relume MCP source evidence is recorded with a sanitized SHA-256." },
      { "id": "A2", "result": "passed", "description": "Reference brief records only factual anatomy and excludes Relume runtime, source utilities, placeholder content, and transport data." },
      { "id": "A3", "result": "passed", "description": "Reference, mapped, RED, render, and capture evidence form a valid green-stage lineage." },
      { "id": "A4", "result": "passed", "description": "Functional scope is limited to the declared Header9 block and focused test; workflow artifacts are packet-local." },
      { "id": "A5", "result": "passed", "description": "Eight cache-busted captures trace the latest functional commit and the review commit changes no production pixels." },
      { "id": "B1", "result": "passed", "description": "Exactly one labelled full-svh hero section and one root marker exist." },
      { "id": "B2", "result": "passed", "description": "Exactly one flexible top media region and one cover image exist." },
      { "id": "B3", "result": "passed", "description": "Exactly one bottom copy band and one constrained inner container exist." },
      { "id": "B4", "result": "passed", "description": "Exactly one h1, one description, and one action group exist in source order." },
      { "id": "B5", "result": "passed", "description": "Exactly two distinct CTA anchors exist, with primary then outline treatment." },
      { "id": "B6", "result": "passed", "description": "No unintended navigation, brand, logo, form, scrim, overlay, video, dialog, or third action exists." },
      { "id": "C1", "result": "passed", "description": "Implementation is vanilla semantic HTML/CSS in Light DOM with no framework dependency." },
      { "id": "C2", "result": "passed", "description": "Ren10 foundation, component, theme, and component-token imports match documented contracts." },
      { "id": "C3", "result": "passed", "description": "The skeleton uses ren-cover, ren-frame, ren-center, ren-switcher, ren-stack, and ren-cluster." },
      { "id": "C4", "result": "passed", "description": "No bespoke display flex/grid skeleton duplicates a Ren10 layout primitive." },
      { "id": "C5", "result": "passed", "description": "Consumer styling uses semantic/public tokens without hardcoded colors or primitive palette tokens." },
      { "id": "C6", "result": "passed", "description": "CTA classes are documented ren-button selectors applied to real destination anchors." },
      { "id": "D1", "result": "passed", "description": "At 767px and below the band stacks heading, description, then actions in one semantic tree." },
      { "id": "D2", "result": "passed", "description": "At 768px and wider the band forms two equal-width, top-aligned peers." },
      { "id": "D3", "result": "passed", "description": "The media remains first and consumes all height left above the bottom band." },
      { "id": "D4", "result": "passed", "description": "Widths 320, 390, 767, 768, and 1280 fill the viewport without horizontal overflow." },
      { "id": "D5", "result": "passed", "description": "The image covers its media frame and the action cluster wraps cleanly without clipping." },
      { "id": "E1", "result": "passed", "description": "Semantic labels, accessible link names, and DOM/focus order are correct." },
      { "id": "E2", "result": "passed", "description": "Both CTA hrefs resolve to distinct Ren10 destinations with HTTP 200 responses." },
      { "id": "E3", "result": "passed", "description": "Visible Ren10 focus styling remains present in light and dark themes." },
      { "id": "E4", "result": "passed", "description": "Both CTA targets meet the 44px minimum." },
      { "id": "E5", "result": "passed", "description": "The image has intrinsic dimensions, meaningful alternative text, cover fitting, and no layout shift." },
      { "id": "E6", "result": "passed", "description": "Axe WCAG 2.1 A/AA, reduced motion, and JavaScript-disabled completeness pass." },
      { "id": "F1", "result": "passed", "description": "Desktop light and dark captures preserve a coherent media-first hero and flush bottom band." },
      { "id": "F2", "result": "passed", "description": "Mobile, narrow, 767, and 768 captures are aligned, readable, and unclipped." },
      { "id": "F3", "result": "passed", "description": "No duplicate affordance, generated icon, overlap, unexpected stacking, or stale pixel is visible." },
      { "id": "F4", "result": "passed", "description": "Intentional Ren10 spacing, typography, paint, and button differences preserve the exact source anatomy and behavior." },
      { "id": "G1", "result": "passed", "description": "Focused Playwright suite passes 28 of 28 tests across light and dark projects." },
      { "id": "G2", "result": "passed", "description": "npm run lint exits zero with no errors and 29 pre-existing warnings." },
      { "id": "G3", "result": "passed", "description": "npm run agent:check exits zero, including smoke, doctor, evals, and knowledge checks." },
      { "id": "G4", "result": "passed", "description": "Workflow validation, contract counts 19/26/8, stale-reference scan, scope audit, and git diff checks pass." }
    ]
  },
  "testResults": {
    "header9Focused": "28 passed, 0 failed across Desktop Light and Desktop Dark; axe WCAG 2.1 AA clean",
    "lint": "exit 0; 0 errors and 29 pre-existing warnings",
    "agentCheck": "exit 0; smoke, skill, v0 adapter, doctor, evals, and knowledge checks passed",
    "workflow": "valid at green before review transition",
    "contracts": "19 primitives, 26 composites, and 8 patterns",
    "diffCheck": "clean"
  },
  "blockPath": "templates/blocks/hero-fullscreen-media-top-copy-band-dual-cta.html",
  "applicableEvalsChecklist": "All applicable RenDS self-check items pass. Form, dialog, migration, custom-element upgrade, and new-component lint-exemption controls are not applicable because Header9 contains no such parts."
}