Surface the international career arc

Add a quiet mono route line (Munich → Shanghai → Hamburg → Bergen →
Dresden → Bern) above the experience timeline, echoing the pipeline
motif, and a short profile line on working across three countries with a
research stint in Shanghai.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/assets/style.css

@@ -198,6 +198,15 @@ a { color: inherit; }
 
 /* ---------- experience timeline (the signature) ---------- */
 
+.experience__route {
+	font-family: var(--font-mono);
+	font-size: 0.72rem;
+	letter-spacing: 0.05em;
+	line-height: 1.9;
+	color: var(--graphite-2);
+	margin: 0 0 2.5rem;
+}
+
 .roles { list-style: none; margin: 0; padding: 0; }
 
 .role {

src/pages/index.js

@@ -159,12 +159,20 @@ const IndexPage = () => (
             AWS. What I care about most is <strong>automation and reliability</strong>: systems that
             run themselves, recover on their own, and don&apos;t page anyone at 3&nbsp;a.m.
           </p>
+          <p>
+            That path has taken me across three countries, with a research stint in Shanghai along
+            the way, so distributed, cross-border teams are familiar ground.
+          </p>
         </div>
       </section>
 
       <section className="section">
         <h2 className="section__label">Experience</h2>
-        <ol className="roles">
+        <div className="experience">
+          <p className="experience__route">
+            Munich → Shanghai → Hamburg → Bergen → Dresden → Bern
+          </p>
+          <ol className="roles">
           {ROLES.map((role) => (
             <li className={`role${role.live ? ' role--live' : ''}`} key={role.company}>
               <div className="role__rail" aria-hidden="true">
@@ -181,7 +189,8 @@ const IndexPage = () => (
               </div>
             </li>
           ))}
-        </ol>
+          </ol>
+        </div>
       </section>
 
       <section className="section">