dommango · dommango · Jul 15, 2026 · Jul 15, 2026
diff --git 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
@@ -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
diff --git a/public/images/portrait-skyline.webp b/public/images/portrait-skyline.webp
diff --git a/public/images/portrait_skyline.png b/public/images/portrait_skyline.png