diff --git a/src/pages/index.astro b/src/pages/index.astro index c9296d0..70776cc 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -112,6 +112,17 @@ const canonical = new URL('/', Astro.site); + {/* 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. + + */} - 03 / Machine fabric + {/* narOS + nash removal: 03 while that card is out. */} + 02 / Machine fabric Hydrangea Alive everywhere — one living thing, whole wherever you meet it. @@ -158,7 +171,8 @@ const canonical = new URL('/', Astro.site);
01 - 03 + {/* narOS + nash removal: 03 while that card is out. */} + 02
@@ -167,7 +181,9 @@ const canonical = new URL('/', Astro.site); @@ -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. */ - min-height: 130svh; + /* Same per-beat rule as the two-column stack above, at this fallback's own pace. + 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