/* ── Portfolio shared components ────────────────────────────────────────────── Structure that is genuinely the same on more than one page lives HERE, once. Pages keep only their own layout/composition/colour on top (CLAUDE.md → Conventions → Shared components). Loaded byte-identical in every page's (same rule as tokens.css and the Swup vendor tags) at `?v=1`, immediately AFTER tokens.css — so every var() below resolves — and BEFORE research-insights.css and each page's inline