Restore sticky card stack: stepped top + z-index, fix scroll runway.

Reverts broken is-stuck body hiding and same-top layout from recent fixes.
Each layer sticks lower (L0–L6); higher z covers previous card on scroll.
Scroll pull was ~2.75rem (page only 1060px) — now 70vh per layer (~4k scroll).

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-05-21 09:36:36 -04:00
co-authored by Cursor
parent 7b54b47443
commit f65e8c7018
7 changed files with 79 additions and 110 deletions
+1 -17
View File
@@ -1,4 +1,3 @@
/* Overlapping scroll slots — each layer covers the one below via z-index */
.scroll-section {
height: var(--stack-slot);
position: relative;
@@ -10,7 +9,7 @@
.scroll-section--final {
height: var(--stack-slot-last);
min-height: 260px;
min-height: 280px;
}
.stack-stop,
@@ -18,18 +17,3 @@
height: 2rem;
margin-bottom: 3rem;
}
/* Body visible only when card is stuck on the stack — next card covers previous */
.scroll-section:not(.is-stuck) .body,
.scroll-section:not(.is-stuck) .layer-inner,
.scroll-section:not(.is-stuck) .frame-body,
.scroll-section:not(.is-stuck) .unit-body {
visibility: hidden;
min-height: 0;
height: 0;
padding-top: 0;
padding-bottom: 0;
border: none;
box-shadow: none;
overflow: hidden;
}