hero: fix blurry full-bleed product image — guard full-bleed to >=2000px + wire 2x2 hero-4grid (crisp quarter-cells)

7d77a5a3c0a76cc0530ca231a9a61649c8bbb602 · 2026-06-01 13:21:08 -0700 · Steve

Files touched

M public/index.html

Diff

commit 7d77a5a3c0a76cc0530ca231a9a61649c8bbb602
Author: Steve <steve@designerwallcoverings.com>
Date:   Mon Jun 1 13:21:08 2026 -0700

    hero: fix blurry full-bleed product image — guard full-bleed to >=2000px + wire 2x2 hero-4grid (crisp quarter-cells)
---
 public/index.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/public/index.html b/public/index.html
index 03d754d..d61259e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -215,6 +215,11 @@ textarea:focus-visible,
    scraped-site chrome / banner overlays. */
 .cinema-bg, .hero4-cell, .cell { background-position: center 12% !important; }
 .card img, .product img { object-position: center 12% !important; }
+/* 2×2 hero grid (hero-4grid.js) — product images are too small for a crisp
+   full-bleed hero, so quarter-cells keep them sharp (Steve's rule: high-res OR 4 squares). */
+.cinema-grid { position:absolute; inset:0; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:0; z-index:0; }
+.hero4-cell { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; }
+[data-hero-mode="four-square"] .cinema-bg { display:none !important; }
 </style>
 <!-- Meta Pixel — INERT until set-fb-pixel.sh is run (does NOT load fbevents.js or hit Meta until flipped) -->
 <script>
@@ -1184,5 +1189,8 @@ loadGridPage();
 
 <script src="/corner-nav.js" defer></script>
 <script src="/sku-redact.js" defer></script>
+<!-- 2×2 rotating hero (crisp quarter-cells from catalog imagery; replaces the
+     low-res full-bleed product hero). Falls back to static /hero-bg.jpg if it can't load. -->
+<script src="/hero-4grid.js" defer></script>
 </body>
 </html>

← c261642 Remove Big Red voice widget — never UX-worked (stuck connect · back to 1890swallpaper · fleet rebuild: dw-header (hamburgers UL + centered name) + u ed477d1 →