diff --git a/app/globals.css b/app/globals.css
index 6cb7a72..4f5f13c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -460,7 +460,10 @@ input,
   width: 100%;
   height: auto;
   display: block;
-  aspect-ratio: 1 / 1;
+  /* The portrait's drawn frame is part of the artwork, so it must not be
+     cropped — a square crop cuts the frame's top and bottom and clips the
+     head. Matches the source's 2:3 ratio. */
+  aspect-ratio: 2 / 3;
   object-fit: cover;
 }
 .hero-portrait-cap {
diff --git a/components/landing/Hero.tsx b/components/landing/Hero.tsx
index 8584794..d6dbf84 100644
--- a/components/landing/Hero.tsx
+++ b/components/landing/Hero.tsx
@@ -22,10 +22,10 @@ export function Hero() {
         </div>
         <div className="hero-portrait">
           <Image
-            src="/images/cartoon-headshot.jpg"
+            src="/images/portrait-skyline.webp"
             alt="Dom Mangonon"
-            width={320}
-            height={320}
+            width={640}
+            height={960}
             priority
           />
           <span className="hero-portrait-cap">Dom · NJ → NYC · 2026</span>
diff --git a/public/images/cartoon-headshot.jpg b/public/images/cartoon-headshot.jpg
deleted file mode 100644
index 44f43f6..0000000
Binary files a/public/images/cartoon-headshot.jpg and /dev/null differ
diff --git a/public/images/portrait-skyline.webp b/public/images/portrait-skyline.webp
new file mode 100644
index 0000000..fc78718
Binary files /dev/null and b/public/images/portrait-skyline.webp differ
diff --git a/public/images/portrait_skyline.png b/public/images/portrait_skyline.png
deleted file mode 100644
index 501e533..0000000
Binary files a/public/images/portrait_skyline.png and /dev/null differ