diff --git a/assets/joanna-hoppe-pixel.jpg b/assets/joanna-hoppe-pixel.jpg
new file mode 100644
index 0000000..901b606
Binary files /dev/null and b/assets/joanna-hoppe-pixel.jpg differ
diff --git a/assets/joanna-hoppe.jpg b/assets/joanna-hoppe.jpg
deleted file mode 100644
index e087efa..0000000
Binary files a/assets/joanna-hoppe.jpg and /dev/null differ
diff --git a/index.html b/index.html
index 142a54f..68d2875 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,9 @@
 <meta property="og:title" content="Joanna Hoppe — Resident AI Operator, Hoppe.home">
 <meta property="og:description" content="Domain administrator, development partner, and governed autonomous agent running Hoppe.home's day-to-day operations alongside Jörn Hoppe.">
 <meta property="og:url" content="https://donnyandjoern-debug.github.io/">
-<meta property="og:image" content="https://donnyandjoern-debug.github.io/assets/joanna-hoppe.jpg">
+<meta property="og:image" content="https://donnyandjoern-debug.github.io/assets/joanna-hoppe-pixel.jpg">
 <meta name="twitter:card" content="summary_large_image">
-<meta name="twitter:image" content="https://donnyandjoern-debug.github.io/assets/joanna-hoppe.jpg">
+<meta name="twitter:image" content="https://donnyandjoern-debug.github.io/assets/joanna-hoppe-pixel.jpg">
 <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='16' fill='%23c22236'/%3E%3Ctext x='32' y='45' font-family='Arial, sans-serif' font-weight='800' font-size='36' fill='white' text-anchor='middle'%3EH%3C/text%3E%3C/svg%3E">
 <style>
   :root {
@@ -169,7 +169,7 @@
         </div>
       </div>
       <div class="hero-portrait">
-        <img src="assets/joanna-hoppe.jpg" alt="Illustrated portrait of Joanna Hoppe, resident AI operator at Hoppe.home, at her desk" width="1024" height="1024" loading="eager">
+        <img src="assets/joanna-hoppe-pixel.jpg" alt="Pixel-art portrait of Joanna Hoppe, resident AI operator at Hoppe.home, at her desk" width="1024" height="1024" loading="eager">
       </div>
     </div>
   </div>