Stacking process

Where it earns its place

A process or pricing section that has to be read in order: engagement phases, onboarding steps, a product's setup flow.

What we changed

• Kept the core idea: each card shrinks about its top edge by a fixed step per card that lands on it, so the pile always shows its history.
• Replaced CSS sticky positioning with positions computed from one progress value, so the same scene runs from the panel's own scroll or from a timeline in the grid card.
• Each card lands in the first 70% of its scroll segment and then holds, and buried cards darken as well as shrink, so depth reads even when only one card covers another.
• Recast as the studio's real engagement: four phases whose weeks add up to eight, with a week meter that fills as they land.
• Reduced motion swaps the travel for an instant change of card at the same scroll points.