feat: finish portfolio title, navigation, and destination effects

Add the approved name animation, rounded docking navigation, localized keyboard focus cue, unified builds card, and destination copy hierarchy.

Introduce lightweight one-shot meteors and a sun ring that repeats every three seconds at Contact. Open the email action in a separate browsing context. Preserve reduced-motion behavior and keep private handoff and visual-check artifacts out of version control.

Validation: 649 tests passed; all 20 failures in world-models and SceneCanvas reproduce on baseline 103427f. Typecheck, artifact verification, and transfer budgets passed. Client/SSR preview build passed before this commit. Existing baseline test failures remain unchanged.

src/components/HeroJourney.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import type { PortfolioContent } from '@/content/types';
+import NameParticles from './NameParticles.vue';
 
-defineProps<{
+withDefaults(defineProps<{
   identity: Readonly<PortfolioContent['identity']>;
-}>();
+  allowMotion?: boolean;
+}>(), { allowMotion: false });
 
 const emit = defineEmits<{
   explore: [event: MouseEvent];
@@ -14,7 +16,7 @@ const emit = defineEmits<{
 <template>
   <section id="start" class="hero-journey" data-layout="hero" aria-labelledby="start-heading">
     <div class="hero-journey__content">
-      <h1 id="start-heading" tabindex="-1">{{ identity.name }}</h1>
+      <h1 id="start-heading" class="hero-name" tabindex="-1"><span class="hero-name__text">{{ identity.name }}</span><NameParticles :allow-motion="allowMotion" :name="identity.name" /></h1>
       <p class="hero-journey__role">{{ identity.role }}</p>
       <p class="hero-journey__value">{{ identity.valueProposition }}</p>
       <p class="hero-journey__availability">{{ identity.availability }}</p>