{
  "schemaVersion": 1,
  "recordVersion": "1.0.1",
  "experiment": "Homepage layout immediately below, at, and above the 800 CSS-pixel breakpoint",
  "question": "What changes when the Bright Field Notes homepage viewport moves from 800 to 801 CSS pixels?",
  "recordedDate": "2026-09-16",
  "canonicalSourceUrl": "https://brightfieldnotes.com/",
  "recordedAgainst": "http://localhost:3000/",
  "environment": {
    "browserFamily": "Google Chrome desktop",
    "browserVersion": "not independently recorded",
    "operatingSystem": "not independently recorded",
    "viewportHeightCssPx": 900,
    "devicePixelRatio": "not independently recorded",
    "zoom": "not independently recorded"
  },
  "method": [
    "Start the local Bright Field Notes development preview from the recorded source files.",
    "Open the homepage in one Chrome desktop tab.",
    "Set the viewport to 799 by 900 CSS pixels, wait 300 milliseconds for layout to settle, and record the named computed styles and element rectangles.",
    "Repeat the same observation at 800 by 900 CSS pixels and capture the visible viewport.",
    "Repeat at 801 by 900 CSS pixels and capture the visible viewport.",
    "Compare document clientWidth and scrollWidth to report document-level horizontal overflow."
  ],
  "observations": [
    {
      "id": "below-boundary-799",
      "recordedAt": "2026-09-16T21:33:00.113Z",
      "viewport": {"innerWidth": 799, "innerHeight": 900, "documentClientWidth": 799, "documentScrollWidth": 799},
      "media": {"maxWidth800Matches": true},
      "documentHasHorizontalOverflow": false,
      "layout": {"pageSidePaddingPx": 24, "heroGridTemplateColumns": "751px", "heroGapPx": 38, "heroHeightPx": 1042.5078125, "headlineFontSizePx": 72, "productWindowWidthPx": 751}
    },
    {
      "id": "at-boundary-800",
      "recordedAt": "2026-09-16T21:33:00.463Z",
      "viewport": {"innerWidth": 800, "innerHeight": 900, "documentClientWidth": 800, "documentScrollWidth": 800},
      "media": {"maxWidth800Matches": true},
      "documentHasHorizontalOverflow": false,
      "layout": {"pageSidePaddingPx": 24, "heroGridTemplateColumns": "752px", "heroGapPx": 38, "heroHeightPx": 1042.5078125, "headlineFontSizePx": 72, "productWindowWidthPx": 752}
    },
    {
      "id": "above-boundary-801",
      "recordedAt": "2026-09-16T21:33:00.832Z",
      "viewport": {"innerWidth": 801, "innerHeight": 900, "documentClientWidth": 801, "documentScrollWidth": 801},
      "media": {"maxWidth800Matches": false},
      "documentHasHorizontalOverflow": false,
      "layout": {"pageSidePaddingPx": 54, "heroGridTemplateColumns": "331.773px 296.227px", "heroGapPx": 65, "heroHeightPx": 702.7734375, "headlineFontSizePx": 48, "productWindowWidthPx": 296.2265625}
    }
  ],
  "images": [
    {"file": "home-800.png", "condition": "at-boundary-800", "widthPx": 800, "heightPx": 900, "mimeType": "image/png", "sha256": "894cf7c9305eb47b9eb6a19a22621227b69434a4d662cda862120a547d75a178"},
    {"file": "home-801.png", "condition": "above-boundary-801", "widthPx": 801, "heightPx": 900, "mimeType": "image/png", "sha256": "93c74fae166e485905ef555bd03355ba15c5236615c2327f11eb36c7785e399b"}
  ],
  "sourceSHA256": {
    "app/page.tsx": "689210d5730273d66062484ce1c463722b22dce5105e336c6fe4eeaaa0a0ecb8",
    "app/globals.css": "9ae202205b92d17d1a61836845e3187a5d13475dfd71eed64d4aba41d159e8ce",
    "components/Chrome.tsx": "ea2f3bac9dc8c2acbbdfe7814e9993fc502e3190659ada59638576e9daf81260"
  },
  "license": {
    "name": "CC0 1.0 Universal",
    "url": "https://creativecommons.org/publicdomain/zero/1.0/",
    "scopeUrl": "https://brightfieldnotes.com/terms#evidence-data-license",
    "appliesTo": [
      "observations.json original factual measurements and data fields",
      "observations.csv original factual measurements and data fields"
    ],
    "excludes": [
      "screenshots and photographs",
      "page design and guide prose",
      "source code and quoted material",
      "names, logos, trademarks and third-party content"
    ]
  },
  "limitations": [
    "One local Chrome desktop session; no cross-browser comparison.",
    "Browser version, operating system, device pixel ratio, and zoom were not independently recorded.",
    "The run covers the initial homepage state only and screenshots crop content below 900 pixels.",
    "The observation does not test physical-device behavior, browser zoom, translated text, assistive technology, or accessibility conformance.",
    "The source hashes identify the final combined pre-publication working-tree files measured in this record."
  ],
  "revisionHistory": [
    {"version": "1.0.0", "date": "2026-09-16", "note": "Initial final-source record with three viewport observations and two screenshots."},
    {"version": "1.0.1", "date": "2026-09-16", "note": "Added explicit CC0 1.0 metadata for original JSON and CSV evidence data; measurements unchanged."}
  ],
  "termsUrl": "https://brightfieldnotes.com/terms#evidence-data-license",
  "privacyUrl": "https://brightfieldnotes.com/privacy"
}