{
  "stage": "green",
  "result": "passed",
  "reviewer": "Codex",
  "reviewedCommit": "d093f51daf86f131a4702e76d38549f1ce278526",
  "captures": {
    "desktop": "captures/header13/desktop-light-open.png",
    "mobile": "captures/header13/mobile-light-open.png"
  },
  "capturesFresh": true,
  "cascadeInspection": "Independent comparison of the reference brief, acceptance contract, DOM, CSS, JavaScript, focused test, and all 12 cache-busted captures confirmed the exact Header13 anatomy: one full-svh hero, one flexible full-cover poster trigger, one scrim, one play affordance, one native modal, one loading owner/spinner, one titled iframe with owned playable media, one close control, one h1, one lede, and exactly two real CTA links. The lower band changes cleanly from stacked to two columns at the documented seam. Ren10 dialog, spinner, button, frame, cover, center, switcher, stack, and cluster contracts remain intact; the CSS cascade produces no duplicate icons, clipped surfaces, overflow, hardcoded chroma, framework leakage, or extra affordances.",
  "runtimeInspection": "Fresh Playwright execution verified deterministic loading-to-iframe transition, playable owned WebM media, explicit close, Escape, backdrop dismissal, repeated forward and reverse keyboard focus containment, trigger focus restoration, media unloading, JavaScript-disabled fallback, reduced motion, light/dark themes, axe WCAG 2.1 AA, 44px targets, visible focus, real destinations, and horizontal integrity at 320, 390, 767, 768, and 1280 pixels.",
  "checklist": {
    "total": 36,
    "passed": 36,
    "controls": [
      { "id": "A1", "result": "passed", "description": "Reference brief and acceptance contract were independently compared with the public implementation." },
      { "id": "A2", "result": "passed", "description": "Reference, mapped, and genuine RED evidence remain valid in the packet lineage." },
      { "id": "A3", "result": "passed", "description": "Implementation remains limited to the declared Header13 block and focused spec." },
      { "id": "A4", "result": "passed", "description": "No protected Relume code, class names, dependencies, remote media, or copied content ships publicly." },
      { "id": "A5", "result": "passed", "description": "All 12 PNG/JSON states trace captured commit ab5d4e90e9f2613164437f2c2b991a866d49e8f3." },
      { "id": "A6", "result": "passed", "description": "The captured block is byte-identical at reviewed commit d093f51daf86f131a4702e76d38549f1ce278526." },
      { "id": "B1", "result": "passed", "description": "Exactly one labelled full-svh hero root exists." },
      { "id": "B2", "result": "passed", "description": "Exactly one flexible upper media region owns one cover image, scrim, play icon, and full-cover button." },
      { "id": "B3", "result": "passed", "description": "Exactly one native dialog owns one title, one close button, one busy stage, one spinner, and one iframe." },
      { "id": "B4", "result": "passed", "description": "Exactly one lower band owns one h1, one lede, and exactly two distinct CTA anchors." },
      { "id": "B5", "result": "passed", "description": "No form, navigation, logo, dropdown, background video, third CTA, or second play affordance exists." },
      { "id": "B6", "result": "passed", "description": "No pseudo-element, inherited glyph, or nested control adds duplicate close or chevron chrome." },
      { "id": "C1", "result": "passed", "description": "Implementation is vanilla semantic HTML/CSS/JS in Light DOM." },
      { "id": "C2", "result": "passed", "description": "Dialog, spinner, button, frame, and foundation usage follows the colocated Ren10 contracts." },
      { "id": "C3", "result": "passed", "description": "Cover, center, switcher, stack, and cluster primitives own the available layout skeleton." },
      { "id": "C4", "result": "passed", "description": "Custom positioning and flex behavior are limited to the unique full-cover media composition." },
      { "id": "C5", "result": "passed", "description": "Consumer CSS uses semantic/component tokens without primitive palette tokens or hardcoded chroma." },
      { "id": "C6", "result": "passed", "description": "Real button, dialog, iframe, anchors, heading, and image preserve native semantics." },
      { "id": "D1", "result": "passed", "description": "Upper media flexes to the viewport remainder and meets the lower band without gap or overlap." },
      { "id": "D2", "result": "passed", "description": "Wide layout aligns heading left and support copy/actions right in two coherent columns." },
      { "id": "D3", "result": "passed", "description": "Narrow layout stacks heading, copy, and actions in logical source order." },
      { "id": "D4", "result": "passed", "description": "The 767/768 breakpoint changes composition without clipping, collision, or overflow." },
      { "id": "D5", "result": "passed", "description": "Widths 320, 390, 767, 768, and 1280 remain readable and free of horizontal overflow." },
      { "id": "D6", "result": "passed", "description": "Desktop modal and mobile sheet preserve a usable aspect-video surface and singular aligned close control." },
      { "id": "E1", "result": "passed", "description": "All interactive elements have accessible names, logical order, and visible focus in light/dark themes." },
      { "id": "E2", "result": "passed", "description": "Media trigger, close button, CTAs, and fallback link satisfy the 44px target minimum." },
      { "id": "E3", "result": "passed", "description": "Modal open moves focus inside and repeated Tab/Shift+Tab remains contained." },
      { "id": "E4", "result": "passed", "description": "Explicit close, Escape, and backdrop dismissal all close cleanly and restore the invoking trigger." },
      { "id": "E5", "result": "passed", "description": "Loading owns aria-busy, reveals one titled playable iframe, and closing unloads the media." },
      { "id": "E6", "result": "passed", "description": "Axe WCAG 2.1 A/AA reports zero violations in closed and open light/dark states." },
      { "id": "F1", "result": "passed", "description": "JavaScript-disabled rendering keeps poster, copy, two CTAs, and one resolvable video alternative." },
      { "id": "F2", "result": "passed", "description": "Reduced-motion rendering disables custom transition and spinner animation without losing content." },
      { "id": "F3", "result": "passed", "description": "Both CTA destinations are distinct, non-placeholder, local, and return success." },
      { "id": "F4", "result": "passed", "description": "Fresh focused Playwright suite passes 34 of 34 tests across light and dark projects." },
      { "id": "F5", "result": "passed", "description": "npm run lint exits zero; 29 pre-existing warnings and no errors were reported." },
      { "id": "F6", "result": "passed", "description": "agent:check, evals, workflow validation, 19/26/8 counts, stale-contract scan, and diff checks pass." }
    ]
  },
  "applicableEvalsChecklist": "All applicable RenDS self-check items pass: semantic HTML, component contracts, layout primitives, token policy, light/dark contrast, focus, modal keyboard behavior, loading and playable media, JavaScript fallback, reduced motion, responsive/browser coverage, lint, eval, and workflow controls. Migration and new-component exemption items are not applicable."
}
