From ba9674935f262e0993f7f1572293f6512e2a6a48 Mon Sep 17 00:00:00 2001
From: Dennis Thiessen <dennis@thiessen.io>
Date: Mon, 29 Jun 2026 09:57:44 +0200
Subject: [PATCH] Surface the international career arc
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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 |  9 +++++++++
 src/pages/index.js   | 13 +++++++++++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/assets/style.css b/src/assets/style.css
index 46700a4..29795ca 100644
--- a/src/assets/style.css
+++ b/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 {
diff --git a/src/pages/index.js b/src/pages/index.js
index 8281731..ae528e2 100644
--- a/src/pages/index.js
+++ b/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">