Same HTML. One CSS block.

Drag the handle to move the seam, or use the arrow keys. Scroll inside a box to move down the page; both sides scroll together. The left side is the flat page, the right side is the same file with the unflat block appended. Nothing else changed; the diff under each demo is the entire change.

Solder — terminal agent

material: platewarm charcoal, amber accent, animated hero on the ground

Ash & Iron — forge workshop

material: platewarm brown-black, ember accent, photographs

Ferro & Grain — dark workshop

material: platewarm dark, brass accent

Margin — light editorial

material: paperpaper white, vermilion accent

Cartograph — dark SaaS

material: glassnavy black, periwinkle accent

HALOGEN — backlit brand

material: backlitviolet black, hot pink accent