feat(portfolio): add manifesto and numbered capability rows

components/portfolio/HeroCanvas.tsx

@@ -53,6 +53,7 @@ export function HeroCanvas() {
     let dpr = 1;
     let frameId = 0;
     let isMounted = true;
+    let resizeObserver: ResizeObserver | null = null;
 
     const resize = () => {
       const rect = canvas.getBoundingClientRect();
@@ -175,6 +176,8 @@ export function HeroCanvas() {
     };
 
     resize();
+    resizeObserver = new ResizeObserver(resize);
+    resizeObserver.observe(canvas);
     window.addEventListener("resize", resize, { passive: true });
 
     if (!shouldReduceMotion) {
@@ -183,6 +186,7 @@ export function HeroCanvas() {
 
     return () => {
       isMounted = false;
+      resizeObserver?.disconnect();
       window.removeEventListener("resize", resize);
       if (frameId) {
         window.cancelAnimationFrame(frameId);