the scroll‑inside effect

Every panel lives at a fixed Z, and scrolling just adds one number to all of them at once.

The scene never moves. The page is just tall, and the scroll position becomes a dial.

A single CSS property turns flat boxes into a corridor that recedes into the screen.

Each panel only lights up during its own slice of the scroll, so you read one at a time.

Oversized pseudo‑elements flank every frame so the stack reads as a continuous hallway.

A requestAnimationFrame loop eases toward the scroll position, so momentum scrolling stays fluid on phones.

Using dvh units keeps the layout stable while the mobile address bar shows and hides.

JavaScript does almost nothing: it copies scroll into a CSS variable and the styles do the rest.

A floating link surfaces the piece you have scrolled up to, so you can step inside it.

If you prefer less motion, the tunnel flattens into a calm vertical list of cards.

That is the whole trick. Plain HTML, a little CSS calc, one tiny script — on every screen.