fix(registry): edge-to-edge grid eliminates background bleed

Cards 360×340 with 30px gap = exactly 1920×1080. No body background
visible at any frame. Focus scale drops from 9 to 6 (360×6 = 2160,
still overshoots viewport by 240px).

Co-authored-by: Kanyini <onebenson@gmail.com>

Author: miguel-heygen

registry/components/parallax-unzoom/demo.html

@@ -39,9 +39,9 @@
 
       .parallax-unzoom-grid {
         display: grid;
-        grid-template-columns: repeat(5, 240px);
-        grid-template-rows: repeat(3, 320px);
-        gap: 24px;
+        grid-template-columns: repeat(5, 360px);
+        grid-template-rows: repeat(3, 340px);
+        gap: 30px;
       }
 
       .parallax-unzoom-card {
@@ -148,7 +148,7 @@
 
       .parallax-unzoom-grid {
         --pu-progress: 0;
-        --pu-focus-scale: 9;
+        --pu-focus-scale: 6;
         --pu-sibling-push: 900px;
         --pu-sibling-fade: 0;
         position: relative;

registry/components/parallax-zoom/demo.html

@@ -39,9 +39,9 @@
 
       .parallax-zoom-grid {
         display: grid;
-        grid-template-columns: repeat(5, 240px);
-        grid-template-rows: repeat(3, 320px);
-        gap: 24px;
+        grid-template-columns: repeat(5, 360px);
+        grid-template-rows: repeat(3, 340px);
+        gap: 30px;
       }
 
       .parallax-zoom-card {
@@ -149,7 +149,7 @@
 
       .parallax-zoom-grid {
         --pz-progress: 0;
-        --pz-focus-scale: 9;
+        --pz-focus-scale: 6;
         --pz-sibling-push: 900px;
         --pz-sibling-fade: 1;
         position: relative;