{
  "stage": "green",
  "result": "passed",
  "reviewer": "Codex",
  "reviewedCommit": "4f8dca2250ac5defefeb6f762ba6eaf60132e5d7",
  "captures": {
    "desktop": "captures/header21/desktop-light-closed.png",
    "desktopOpen": "captures/header21/desktop-light-open.png",
    "mobile": "captures/header21/mobile-390-closed.png",
    "mobileOpen": "captures/header21/mobile-390-open.png",
    "dark": "captures/header21/desktop-dark-open.png",
    "reducedMotion": "captures/header21/reduced-motion-open.png",
    "noJavaScript": "captures/header21/mobile-js-disabled.png"
  },
  "capturesFresh": true,
  "cascadeInspection": "Compared the authenticated Header21 facts with the final DOM, CSS cascade, module behavior, focused suite, and twelve fresh captures. One content-height Ren10 split preserves mobile copy-first source order and desktop media-left/copy-right visual order. Exactly one h1, one description, two CTA anchors, one truthful landscape poster trigger, one scrim, one play affordance, and one native Ren10 dialog/loader/iframe/video lifecycle exist. Focus trap/restore, Escape, explicit close, backdrop, loading, teardown, no-JavaScript fallback, reduced motion, light/dark, 44px targets, and 320/390/767/768/1280 overflow all pass. The root-scoped ES module ignores unrelated composition siblings. No excluded structure, framework leakage, raw layout skeleton, forbidden palette token, or chromatic literal remains.",
  "checklist": {
    "total": 36,
    "passed": 36,
    "controls": [
      {"id":"A1","result":"passed","description":"Authenticated complete Header21 source facts and exact anatomy verified."},
      {"id":"A2","result":"passed","description":"Reference brief persists sanitized facts without protected source output."},
      {"id":"A3","result":"passed","description":"Packet, acceptance criteria, mapping, and allowed scope validate at green."},
      {"id":"A4","result":"passed","description":"Real RED failed 2/2 on the absent block before implementation."},
      {"id":"A5","result":"passed","description":"Twelve present cache-busted states trace functional commit 4f8dca2."},
      {"id":"A6","result":"passed","description":"Implementation is limited to Header21 block, focused suite, and packet-local evidence."},
      {"id":"B1","result":"passed","description":"One labelled content-height section owns one constrained split."},
      {"id":"B2","result":"passed","description":"Copy owns one h1, one description, and exactly two CTA anchors."},
      {"id":"B3","result":"passed","description":"Media owns one poster image, one scrim, one play affordance, and one trigger."},
      {"id":"B4","result":"passed","description":"One dialog owns one close, loader, titled iframe, and video lifecycle."},
      {"id":"B5","result":"passed","description":"No form, nav, logo, background video, third CTA, or duplicate structure exists."},
      {"id":"B6","result":"passed","description":"CTA and no-JavaScript alternative destinations are real and resolvable."},
      {"id":"C1","result":"passed","description":"Vanilla semantic HTML, CSS, ES modules, and Light DOM only."},
      {"id":"C2","result":"passed","description":"Documented Ren10 button, spinner, and dialog contracts and imports are used."},
      {"id":"C3","result":"passed","description":"Center, switcher, stack, cluster, frame, and cover primitives own layout."},
      {"id":"C4","result":"passed","description":"Semantic/component tokens only; no palette primitives or chromatic literals."},
      {"id":"C5","result":"passed","description":"Real section, heading, paragraph, anchors, button, figure, dialog, and iframe preserve semantics."},
      {"id":"C6","result":"passed","description":"Inline module selects one root and scopes every descendant query."},
      {"id":"D1","result":"passed","description":"Mobile logical and visual order is copy then media."},
      {"id":"D2","result":"passed","description":"Desktop media is left of equally sized top-aligned copy."},
      {"id":"D3","result":"passed","description":"Section remains content-height without viewport forcing."},
      {"id":"D4","result":"passed","description":"320, 390, 767, 768, and 1280 renders are overflow-free."},
      {"id":"D5","result":"passed","description":"Trigger and dialog stages preserve 16:9 landscape geometry."},
      {"id":"D6","result":"passed","description":"Truthful owned 1280x900 poster metadata matches natural dimensions."},
      {"id":"E1","result":"passed","description":"Actions, trigger, and close have accessible names and visible focus."},
      {"id":"E2","result":"passed","description":"All interactive targets meet the 44px touch geometry baseline."},
      {"id":"E3","result":"passed","description":"Focus remains trapped with forward and reverse keyboard traversal."},
      {"id":"E4","result":"passed","description":"Escape, close, and backdrop restore focus to the invoking trigger."},
      {"id":"E5","result":"passed","description":"Loader hands off to one playable owned video and close tears media down."},
      {"id":"E6","result":"passed","description":"Axe WCAG 2.1 A/AA passes closed and open in light and dark."},
      {"id":"F1","result":"passed","description":"No-JavaScript copy, two actions, poster, and alternative remain usable."},
      {"id":"F2","result":"passed","description":"Reduced motion retains interaction with contract-safe gentle loading feedback."},
      {"id":"F3","result":"passed","description":"Unrelated composition siblings remain untouched by Header21 behavior."},
      {"id":"F4","result":"passed","description":"All twelve responsive, theme, modal, fallback, and motion captures are coherent."},
      {"id":"F5","result":"passed","description":"Focused Playwright passes 38/38 across Desktop Light and Desktop Dark."},
      {"id":"F6","result":"passed","description":"Lint, agent checks, workflow validation, counts, stale scan, and diff checks pass."}
    ]
  },
  "applicableEvalsChecklist": "All applicable Ren10 checks pass: vanilla Light DOM, semantic elements, documented tokens/layouts/components, real destinations, truthful owned image, dialog focus lifecycle, accessible controls, reduced motion, no-JavaScript fallback, light/dark rendering, browser verification, lint, and evals. Form, data table, migration, and new-component checks are not applicable."
}
