diff --git a/cv.json b/cv.json
index 2248977..f205ec5 100644
--- a/cv.json
+++ b/cv.json
@@ -1,5 +1,5 @@
 {
-  "name": "David Hrdina Němeček",
+  "name": "David Hrdina N\u011bme\u010dek",
   "photo": "photo.png",
   "email": "explosive@dejvino.cz",
   "location": "Brno, Czechia",
@@ -31,14 +31,14 @@
       "degree": "Master's degree",
       "field": "Parallel and Distributed Systems",
       "institution": "Faculty of Informatics, Masaryk University Brno",
-      "date": "2011 – 2013",
+      "date": "2011 \u2013 2013",
       "thesis": "Efficient computation and visualization of correlations in medical signals. The first part consisted of high-performance computation of correlations on large volumes of analog data using supercomputers. The second part covered the visualization of the computed results which allowed interactive exploration and processing of the data by a researcher."
     },
     {
       "degree": "Bachelor's degree",
       "field": "Parallel and Distributed Systems",
       "institution": "Faculty of Informatics, Masaryk University Brno",
-      "date": "2008 – 2011",
+      "date": "2008 \u2013 2011",
       "thesis": "Parallel implementation of force-field decompression algorithm. The solution executed on a supercomputer cluster to perform real-time simulation of molecular forces. This in turn provided haptic feedback to a 3D pointing device."
     }
   ],
@@ -46,37 +46,37 @@
     {
       "title": "Principal Software Engineer (UI Platform Architecture)",
       "company": "Oracle|NetSuite",
-      "date": "2023 – present",
+      "date": "2023 \u2013 present",
       "description": "UI Architect working on feature discovery, solution prototyping and technical designs. Mainly focused on UI telemetry, performance, CI/CD tooling and pipelines."
     },
     {
       "title": "Senior Software Development Manager (UI Platform)",
       "company": "Oracle|NetSuite",
-      "date": "2022 – 2023",
+      "date": "2022 \u2013 2023",
       "description": "Engineering lead for multiple UI Platform teams who designed, developed and released a UI framework and tooling used by the rest of the organization. Leader of a UI testing architecture group responsible for defining a testing strategy across the UI Platform."
     },
     {
       "title": "Software Development Manager (UI Platform)",
       "company": "Oracle|NetSuite",
-      "date": "2020 – 2022",
+      "date": "2020 \u2013 2022",
       "description": "Engineering lead for a UI Platform team who developed components for a UI toolkit used by the rest of the organization. Technical product owner while bootstrapping a team."
     },
     {
       "title": "Software Development Manager (ERP, Tax)",
       "company": "Oracle|NetSuite",
-      "date": "2017 – 2020",
+      "date": "2017 \u2013 2020",
       "description": "Lead developer for ERP: Tax. Design and implementation of a pluggable Tax calculation engine. Coordination of multiple squads supporting both the legacy and the next-gen systems concurrently."
     },
     {
       "title": "Senior Software Engineer (ERP, Tax)",
       "company": "Oracle|NetSuite",
-      "date": "2013 – 2017",
+      "date": "2013 \u2013 2017",
       "description": "Development of Tax calculation and reporting modules in a cloud ERP system. Large-scale refactoring of legacy code. Introduction of a pluggable architecture."
     },
     {
       "title": "Software Engineer",
       "company": "Q2 Interactive",
-      "date": "2009 – 2013",
+      "date": "2009 \u2013 2013",
       "description": "Development and project leadership of multiple web applications and services: CRM system (PHP backend server, JavaScript frontend, Android client app), Accounting web app (PHP, JavaScript), e-commerce sites (Magento) and Linux server maintenance."
     }
   ],
@@ -125,7 +125,14 @@
       "description": "Main startup toolkit.bundle.js reduced by ~619 KB. Identified concrete improvement tracks including duplicate /myRoles calls, per-feature SSE registration, and obsolete polling."
     }
   ],
-  "headline": "UI Platform Architect · Telemetry, Performance, and AI-Enabled Engineering",
+  "headline": "UI Platform Architect \u00b7 Telemetry, Performance, and AI-Enabled Engineering",
   "summary": "NetSuite UI platform engineer specializing in telemetry, observability, performance, technical design, and AI-assisted engineering enablement. Experienced in OpenTelemetry, Oracle APM, OpenSearch trace visibility, frontend/backend trace correlation, NetSuite Next performance analysis, JavaScript loading guardrails, UI-CBS contract testing, and AI interaction telemetry. Strong at turning ambiguous platform problems into validated prototypes, architecture direction, implementation plans, and handovers that help cross-functional teams execute.",
-  "role_summary": "UI platform architect on NetSuite Next/Prime focused on telemetry and observability architecture, performance engineering, cross-team technical design, and AI-assisted engineering enablement."
-}
+  "role_summary": "UI platform architect on NetSuite Next/Prime focused on telemetry and observability architecture, performance engineering, cross-team technical design, and AI-assisted engineering enablement.",
+  "outside_work": [
+    "Mandolin",
+    "Synthwave",
+    "Electronics",
+    "3D Printing",
+    "Mountain Biking"
+  ]
+}
\ No newline at end of file
diff --git a/index.php b/index.php
index b579681..615c6b8 100644
--- a/index.php
+++ b/index.php
@@ -205,6 +205,17 @@ $cv_skills = $cvData['skills'] ?? [];
         </section>
         <?php endif; ?>
 
+        <?php if ($cvData['outside_work'] ?? []): ?>
+        <section class="card personal">
+            <h2>Outside Work</h2>
+            <div class="personal-tags">
+                <?php foreach ($cvData['outside_work'] as $tag): ?>
+                    <span class="personal-tag"><?= $tag ?></span>
+                <?php endforeach; ?>
+            </div>
+        </section>
+        <?php endif; ?>
+
         <section class="card cv-container">
             <label class="cv-header" for="cv-toggle">
                 <div class="cv-toggle-container">
diff --git a/style.css b/style.css
index de088f3..d4fe5bb 100644
--- a/style.css
+++ b/style.css
@@ -124,7 +124,8 @@ body {
     }
     .hero { grid-column: span 3; }
     .hiring-toggle { grid-column: span 3; }
-    .selected-work { grid-column: span 3; }
+    .selected-work { grid-column: span 2; }
+    .personal { grid-column: span 1; }
     .cv-container { grid-column: span 3; }
     .experience { grid-column: span 3; }
     .skills { grid-column: span 3; }
@@ -143,6 +144,7 @@ body {
     }
     .hero { transform: rotate(0.1deg); }
     .selected-work { transform: translate(2px, -2px) rotate(-0.2deg); }
+    .personal { transform: translate(1px, -1px) rotate(-0.15deg); }
     .hiring-toggle { transform: translate(-2px, 3px) rotate(0.2deg); }
     .experience { transform: translate(3px, -2px) rotate(-0.2deg); }
     .skills { transform: translate(-3px, 4px) rotate(0.6deg); }
@@ -286,6 +288,22 @@ body {
     color: var(--text-color);
 }
 
+/**
+ * Personal interests – narrow side panel, non-interactive
+ */
+.personal-tags {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+.personal-tag {
+    font-size: 0.9rem;
+    color: var(--text-color);
+    opacity: 0.85;
+    padding-left: 10px;
+    border-left: 2px solid rgba(0, 243, 255, 0.15);
+}
+
 .hiring-toggle {
     padding: 12px 24px;
     cursor: pointer;