Merge nucleic/bold-umber-marten-igah into main

Mirrored from corpo 33a35bc.

src/pages/index.astro

@@ -112,6 +112,17 @@ const canonical = new URL('/', Astro.site);
                       <span class="card-rule" aria-hidden="true"></span>
                     </a>
 
+                    {/* TEMPORARILY REMOVED: narOS + nash. An Astro comment rather than
+                        an HTML one, deliberately — an HTML comment survives the build
+                        and would keep shipping this card's copy in the page source of a
+                        site it is meant to be absent from.
+
+                        The stack is count-coupled, so putting it back means undoing
+                        every edit tagged "narOS + nash removal" in this file, not just
+                        restoring this card: the third [data-technology-step] span, the
+                        total in .technology-index, the index on the Hydrangea card
+                        below, and the step bands and scroll lengths in the CSS.
+
                     <a
                       id="technology-naros-nash"
                       class="product-card product-card-next"
@@ -125,6 +136,7 @@ const canonical = new URL('/', Astro.site);
                       </span>
                       <span class="card-rule" aria-hidden="true"></span>
                     </a>
+                    */}
 
                     <a
                       id="technology-hydrangea"
@@ -132,7 +144,8 @@ const canonical = new URL('/', Astro.site);
                       data-technology-card
                       href="https://hydrangea.blakeslee.xyz"
                     >
-                      <span class="card-index">03 / Machine fabric</span>
+                      {/* narOS + nash removal: 03 while that card is out. */}
+                      <span class="card-index">02 / Machine fabric</span>
                       <span class="product-name">Hydrangea <span aria-hidden="true">↗</span></span>
                       <span class="product-description">
                         Alive everywhere — one living thing, whole wherever you meet it.
@@ -158,7 +171,8 @@ const canonical = new URL('/', Astro.site);
                     <div class="technology-index" role="status" aria-live="polite" aria-atomic="true">
                       <span class="technology-index-current" data-technology-progress-current>01</span>
                       <span aria-hidden="true">/</span>
-                      <span>03</span>
+                      {/* narOS + nash removal: 03 while that card is out. */}
+                      <span>02</span>
                     </div>
                   </div>
                 </div>
@@ -167,7 +181,9 @@ const canonical = new URL('/', Astro.site);
               <div class="technology-steps" aria-hidden="true">
                 <span data-technology-step="0"></span>
                 <span data-technology-step="1"></span>
+                {/* narOS + nash removal: one step box per card.
                 <span data-technology-step="2"></span>
+                */}
               </div>
             </div>
           </div>
@@ -549,7 +565,8 @@ const canonical = new URL('/', Astro.site);
      clear the tallest viewport by enough to still be a scroll. */
   .hero-lead.has-scroll-stack {
     position: relative;
-    min-height: clamp(66rem, 178svh, 140rem);
+    /* narOS + nash removal: three-beat length was clamp(66rem, 178svh, 140rem). */
+    min-height: clamp(46rem, 124svh, 98rem);
     align-items: stretch;
   }
 
@@ -585,8 +602,9 @@ const canonical = new URL('/', Astro.site);
   .is-stacked-stack .technology-stack {
     width: min(100%, 28rem);
     min-width: 0;
-    /* Same per-beat rule as the two-column stack above, at this fallback's own pace. */
+    /* Same per-beat rule as the two-column stack above, at this fallback's own pace.
-    min-height: 130svh;
+       narOS + nash removal: three-beat length was 130svh. */
+    min-height: 91svh;
     margin-top: clamp(3.25rem, 9vh, 6rem);
     margin-left: auto;
   }
@@ -1000,7 +1018,8 @@ const canonical = new URL('/', Astro.site);
      product for within ~30% of the same distance, most sizes within ~10%. */
   .is-scroll-stack .technology-steps {
     display: grid;
-    grid-template-rows: 40% 18% 42%;
+    /* narOS + nash removal: three-beat bands were 40% 18% 42%. */
+    grid-template-rows: 56% 44%;
   }
 
   /* The wrapped fallback pins its card near the top of the viewport rather than at
@@ -1008,7 +1027,8 @@ const canonical = new URL('/', Astro.site);
      the smallest share here, not the largest. Declared after the rule above because
      the two selectors weigh the same. */
   .is-stacked-stack .technology-steps {
-    grid-template-rows: 20% 32% 48%;
+    /* narOS + nash removal: three-beat bands were 20% 32% 48%. */
+    grid-template-rows: 29% 71%;
   }
 
   .footer {
@@ -1177,7 +1197,8 @@ const canonical = new URL('/', Astro.site);
        beats need more of it than two did: at 90svh the last product held the stage
        for under 60px, which is inside a single flick. */
     .has-scroll-stack .technology-stack {
-      min-height: 110svh;
+      /* narOS + nash removal: three-beat length was 110svh. */
+      min-height: 77svh;
     }
 
     /* The script pins this at the card's own resting offset. The clamp is the fallback
@@ -1197,7 +1218,8 @@ const canonical = new URL('/', Astro.site);
        rather than the largest. Measured across 640–932px tall, at ordinary and
        enlarged text, these keep the three products within ~65% of one another. */
     .is-scroll-stack .technology-steps {
-      grid-template-rows: 13% 25% 62%;
+      /* narOS + nash removal: three-beat bands were 13% 25% 62%. */
+      grid-template-rows: 30% 70%;
     }
 
     /* One line each: side by side these two need ~360px of tracking-heavy mono, which