From 98a7de4af76c4e4d7a1e4ec7f7464024b4b93a3f Mon Sep 17 00:00:00 2001 From: Jacob Stephens Date: Sat, 26 Sep 2026 15:58:50 +0000 Subject: [PATCH] Give each press step a little more scroll The stepped press track grows from 380vh to 440vh, so each step takes 85vh of scrolling instead of 70vh. Co-Authored-By: Claude Opus 5.5 --- site/styles.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/site/styles.css b/site/styles.css index d4b7d778f..10db1a71e 100644 --- a/site/styles.css +++ b/site/styles.css @@ -168,8 +168,9 @@ body::after { /* scanlines */ /* The stepped version (main.js adds .is-stepped). The stage sticks while the track scrolls past it; the four step markers split the track between the viewport-centre positions where the stage is stuck, so each step gets an equal - share of the scroll. No snapping, no scroll-linked animation: only short transitions between steps. */ -.press.is-stepped .press-track { position: relative; height: 380vh; } + share of the scroll: (440vh - 100vh) / 4 = 85vh a step. No snapping, no scroll-linked animation: only short + transitions between steps. */ +.press.is-stepped .press-track { position: relative; height: 440vh; } .press.is-stepped .press-steps { position: absolute; inset: 50vh 0; display: grid; grid-template-rows: repeat(4, 1fr); pointer-events: none; } .press.is-stepped .press-stage { position: sticky; top: 0; min-height: 100svh; padding-block: 16px;