The three-pane redesign, in nine phases

I started this week with a spec (docs: add three-pane redesign spec) and then worked through it phase by phase.

The phases

1. A three-axis token architecture for theming.
2. A three-pane layout shell.
3. Rail 3: live stats, ambient ASCII and a theme accordion.
4. Cursor: mix-blend-mode: difference.
5. A data-bound, two-paragraph About with a masked line rise.
6. A computed, self-ranking Stack section with a Work filter.
7. and 8. An editorial work feed and a live telemetry nav.
8. A playable Snake on the contribution grid.

After the phases: character images in the theme accordion panels, and the portrait tinted per character theme.

The cursor, again

The cursor is the part I reworked most. It ended up as a square difference-blend cursor. Grid snapping and the idle blink were dropped, and the blend moved to the outer wrapper so nav items invert instead of vanishing.

Salonjaa

One commit on the client site: an SEO overhaul with service landing pages and real project screenshots.