levkin.ca/shared/stack-vars.css
ilia f65e8c7018 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>
2026-05-21 09:36:36 -04:00

13 lines
445 B
CSS

/* Sticky card stack — enough scroll per layer for cover effect */
:root {
--stack-nav: 2.5rem;
--stack-stick: 3rem;
--stack-step: 2.75rem;
--stack-slot: 100vh;
--stack-slot-last: 55vh;
/* ~70vh scroll per layer before the next card slides over */
--stack-scroll-step: 70vh;
--stack-pull: calc(var(--stack-slot) - var(--stack-scroll-step));
--stack-body-h: calc(100dvh - var(--stack-stick) - var(--stack-step) * 6 - 3rem);
}