The portfolio is part of the portfolio.

The topology is a structured 2D system: seven nodes, their connections and a path out. SVG gives exact geometry, text that scales and stays selectable, and a graphic that works without a rendering stack. GSAP animates the same elements: the intro timeline, a scroll-scrubbed line toward Selected Work and a quiet pointer parallax.

Visual complexity alone would not improve the story enough to justify the runtime and maintenance cost. A 3D scene would add a dependency chain, a fallback problem and a mobile cost, for an idea that reads clearly in two dimensions.

Authentic screenshots were not available, and fabricated interface screenshots would misrepresent the projects. Each graphic is a deliberately abstract diagram drawn from the project's documented subject, generated as SVG on the server.

The portfolio does not need a CMS. Profile, projects, skills, journey and résumé data are typed TypeScript modules in content/, and Lab notes are Markdown files with frontmatter. Components never contain biography, so a fact is edited in one place.

It is a secondary way to navigate. A tiny loader listens for Ctrl/Cmd+K and imports cmdk only on first use, so no page pays for it up front. Opening it does not shift the layout, and focus returns to the element that opened it.

Motion is part of the visual language, but never more important than usability. With prefers-reduced-motion the intro, parallax, magnetic buttons, travelling signal and reveal offsets are removed, and the page keeps its full final composition.

Almost every page is static content. Server components are the default, and client components are limited to what needs the browser: the hero, navigation, palette, project index, security pipeline, contact form, filters and scroll helpers. Pages are prerendered at build time.