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);
+ {/* narOS + nash removal: one step box per card.
+ */}
@@ -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