Redesign the resume site as a 3D-editor viewport

New design: studio backdrop with a perspective floor and X/Z axis lines, an
orientation gizmo that orbits on scroll, Bricolage Grotesque and Instrument
Sans (bundled, no build-time network). Projects are laid out as plates by a
row planner that keeps every row full for any count; a demo image from the
repo root is shown when present, otherwise a generated voxel sculpture.
Text and projects still come live from Gitea.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XtcZtnG4GQA1d6mW5PNrS9

components/gizmo.module.css

@@ -0,0 +1,38 @@
+.gizmo {
+  position: fixed;
+  z-index: 40;
+  top: 84px;
+  right: max(16px, calc((100vw - 1240px) / 2 - 8px));
+  width: 88px;
+  height: 88px;
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+  background: rgba(244, 246, 248, 0.62);
+  box-shadow: 0 0 0 1px rgba(21, 24, 29, 0.08);
+  -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: blur(8px);
+  cursor: pointer;
+}
+
+.gizmo svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.letter {
+  fill: #fff;
+  font: 700 10.5px var(--font-body);
+  pointer-events: none;
+}
+
+@media (max-width: 760px) {
+  .gizmo {
+    top: auto;
+    bottom: 16px;
+    right: 16px;
+    width: 64px;
+    height: 64px;
+  }
+}