{
  "entry": {
    "id": "landing-scroll-light-shop-block-to-dark-hero",
    "title": "Scroll a launch page so the light shop block slides up and the dark hero seats under the fixed nav",
    "kind": "Artifacts & handoffs",
    "status": "Rendered draft",
    "verification": "rendered-draft",
    "source": {
      "title": "Use ChatGPT Work to build custom creative tools",
      "id": "D-QteDHdHes",
      "url": "https://www.youtube.com/watch?v=D-QteDHdHes",
      "start": 139.75,
      "end": 141.33333333333334
    },
    "preview": "/videos/examples/rebuilds/landing-scroll-light-shop-block-to-dark-hero/remake.mp4",
    "sourcePreview": "/videos/examples/rebuilds/landing-scroll-light-shop-block-to-dark-hero/source.mp4",
    "adaptationPreview": "/videos/examples/rebuilds/landing-scroll-light-shop-block-to-dark-hero/adaptation.mp4",
    "download": "/videos/examples/rebuilds/landing-scroll-light-shop-block-to-dark-hero/package.zip",
    "svg": "/videos/examples/rebuilds/landing-scroll-light-shop-block-to-dark-hero/editable.svg",
    "resolve": null,
    "limitations": [
      "Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.",
      "Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch."
    ],
    "bindingLevel": "full-render-manifest",
    "bytes": 149572,
    "packageSha256": "66961b4a72b099204b548157134b167b2390e03723f8c24f430f0737a0c83a36",
    "poster": "/videos/examples/posters/landing-scroll-light-shop-block-to-dark-hero.jpg",
    "render": {
      "width": 1920,
      "height": 1080,
      "fps": "60/1",
      "frames": 95,
      "audioStreams": 0
    },
    "originalRecord": "/videos/examples/rebuilds/landing-scroll-light-shop-block-to-dark-hero/item.json",
    "observation": "A product launch site sits in a browser: white nav (brand, COLORS/SOUND/FILMS links, a black Build yours pill), a wide sky-blue product image left with a swatch grid, Sky Blue / $99 and a grey Add to cart button right; the white block ends around y=780 where a dark navy section begins. From local 18 (master 8403) the page scrolls upward and by local 31 (8416) the dark hero is seated directly under the nav: eyebrow, two-line 56px headline, paragraph, three feature rows with hairline dividers, a grey headphone render on the right and a DRAG TO ROTATE label. The nav never moves; the hero then holds to the end of the interval.",
    "mechanism": "A fast eased page scroll under a fixed navigation bar that swaps the field from light commerce block to dark hero in about a fifth of a second.",
    "phases": [
      {
        "frame": 0,
        "label": "Light shop block holds"
      },
      {
        "frame": 18,
        "label": "Scroll begins"
      },
      {
        "frame": 31,
        "label": "Dark hero seated under the nav"
      },
      {
        "frame": 32,
        "label": "Hold on the hero"
      }
    ]
  },
  "repair": {
    "id": "landing-scroll-light-shop-block-to-dark-hero",
    "reason": "Packaged Scene.tsx filters unrevealed characters before laying out the caret; prior preview used the earlier runtime.",
    "originalPackageSha256": "ff7a17f0cfc4da372ffcd493a398cbc043f5cf06db0fe34fa653355df1a883bf"
  },
  "original": {
    "id": "landing-scroll-light-shop-block-to-dark-hero",
    "title": "Scroll a launch page so the light shop block slides up and the dark hero seats under the fixed nav",
    "family": "transition",
    "status": "rendered-draft",
    "edition": "studies-300",
    "gaps": [
      "Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution."
    ],
    "intervalKey": [
      "D-QteDHdHes",
      "559/4",
      "424/3"
    ],
    "source": {
      "filmId": "D-QteDHdHes",
      "film": "Use ChatGPT Work to build custom creative tools",
      "url": "https://www.youtube.com/watch?v=D-QteDHdHes",
      "frames": [
        8385,
        8480
      ],
      "fps": {
        "numerator": 60,
        "denominator": 1
      },
      "startSeconds": 139.75,
      "endSeconds": 141.33333333333334,
      "publicationDate": "2026-09-04",
      "masterSha256": "9d7cc1493cbd4d495f8cffce7b8af906a5cc5fde2128f0c7f6c73f72a08f80df",
      "clockBasis": "Downloaded 1920x1080 rendition at 60/1 fps; excerpt frame i = master frame 8385+i, re-encoded to 960x540 without omitted positions."
    },
    "sourceHash": "4dba880db544d6aa69f215da81ca91f02ff0ab8ffeda7e40fc1e69ae9d4ef3af",
    "classification": "vector-code-approximation",
    "bindingLevel": "full-render-manifest",
    "observation": "A product launch site sits in a browser: white nav (brand, COLORS/SOUND/FILMS links, a black Build yours pill), a wide sky-blue product image left with a swatch grid, Sky Blue / $99 and a grey Add to cart button right; the white block ends around y=780 where a dark navy section begins. From local 18 (master 8403) the page scrolls upward and by local 31 (8416) the dark hero is seated directly under the nav: eyebrow, two-line 56px headline, paragraph, three feature rows with hairline dividers, a grey headphone render on the right and a DRAG TO ROTATE label. The nav never moves; the hero then holds to the end of the interval.",
    "mechanism": "A fast eased page scroll under a fixed navigation bar that swaps the field from light commerce block to dark hero in about a fifth of a second.",
    "phases": [
      {
        "frame": 0,
        "label": "Light shop block holds"
      },
      {
        "frame": 18,
        "label": "Scroll begins"
      },
      {
        "frame": 31,
        "label": "Dark hero seated under the nav"
      },
      {
        "frame": 32,
        "label": "Hold on the hero"
      }
    ],
    "checks": {
      "recipeSha256": "e3e60103951a6c183d1cd0c42bddf0db724f975925a2e8b873b68cd586881c22",
      "renderManifestSha256": "a5f5aa3a3c061f52ca94926e8c8bb43f421cd739f31a636accad96504ddc62cb",
      "adaptationManifestSha256": "f12cc6a48fe960a204a992ebb996077bc919e036bbe2caaff7d949ca8a76bf39",
      "implementationFiles": 15,
      "movies": {
        "source": {
          "sha256": "4dba880db544d6aa69f215da81ca91f02ff0ab8ffeda7e40fc1e69ae9d4ef3af",
          "bytes": 153778,
          "width": 960,
          "height": 540,
          "fps": "60/1",
          "frames": 95,
          "duration": 1.583333,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "original": {
          "sha256": "6cc0df4d419382349096473489102563f214e57e63239a5457cec70272bf912e",
          "bytes": 194359,
          "width": 1920,
          "height": 1080,
          "fps": "60/1",
          "frames": 95,
          "duration": 1.583333,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        },
        "adaptation": {
          "sha256": "8f886dd3de6d351958993b2ad4d21665b0c880767898fed5998e0dad2c269a76",
          "bytes": 170201,
          "width": 1920,
          "height": 1080,
          "fps": "60/1",
          "frames": 95,
          "duration": 1.583333,
          "codec": "h264",
          "pixelFormat": "yuv420p",
          "audioStreams": 0
        }
      },
      "preparedArchive": {
        "sha256": "ff7a17f0cfc4da372ffcd493a398cbc043f5cf06db0fe34fa653355df1a883bf",
        "bytes": 151720,
        "members": 20,
        "crc": "pass"
      },
      "selectedSvg": {
        "sha256": "92302a35189b4bf5e33a3baca5bba9daea8cce1e7eed8f4504782259ad295252",
        "bytes": 9706,
        "drawableElements": 64,
        "rasterEmbedded": false,
        "frame": 71,
        "meaningful": true
      },
      "contentDiffers": true,
      "renderSeconds": 31.7
    },
    "assets": {
      "source.mp4": {
        "path": "items/landing-scroll-light-shop-block-to-dark-hero/source.mp4",
        "sha256": "4dba880db544d6aa69f215da81ca91f02ff0ab8ffeda7e40fc1e69ae9d4ef3af",
        "bytes": 153778
      },
      "remake.mp4": {
        "path": "items/landing-scroll-light-shop-block-to-dark-hero/remake.mp4",
        "sha256": "6cc0df4d419382349096473489102563f214e57e63239a5457cec70272bf912e",
        "bytes": 194359
      },
      "adaptation.mp4": {
        "path": "items/landing-scroll-light-shop-block-to-dark-hero/adaptation.mp4",
        "sha256": "8f886dd3de6d351958993b2ad4d21665b0c880767898fed5998e0dad2c269a76",
        "bytes": 170201
      },
      "editable.svg": {
        "path": "items/landing-scroll-light-shop-block-to-dark-hero/editable.svg",
        "sha256": "92302a35189b4bf5e33a3baca5bba9daea8cce1e7eed8f4504782259ad295252",
        "bytes": 9706
      },
      "resolve.txt": {
        "path": "items/landing-scroll-light-shop-block-to-dark-hero/resolve.txt",
        "sha256": "614d2c86a80e469c34caebc35b085e49865d37dfee55f171a1f83c4cb95f4fa9",
        "bytes": 9434
      },
      "package.zip": {
        "path": "items/landing-scroll-light-shop-block-to-dark-hero/package.zip",
        "sha256": "ff7a17f0cfc4da372ffcd493a398cbc043f5cf06db0fe34fa653355df1a883bf",
        "bytes": 151720
      },
      "recipe.json": {
        "path": "items/landing-scroll-light-shop-block-to-dark-hero/recipe.json",
        "sha256": "e3e60103951a6c183d1cd0c42bddf0db724f975925a2e8b873b68cd586881c22",
        "bytes": 16082
      }
    },
    "builtAt": "2026-09-18T05:09:14Z"
  }
}