From 157cd622247bf7e3b6165a726f1bc0f09f844ad8 Mon Sep 17 00:00:00 2001
From: Sabuj Chandra Bhowmick <sabuj606@gmail.com>
Date: Tue, 1 Sep 2026 16:29:49 +0300
Subject: [PATCH 1/2] fix: add compact portrait frame structure

---
 _layouts/portfolio-home.liquid | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/_layouts/portfolio-home.liquid b/_layouts/portfolio-home.liquid
index 2591b6d..81551ad 100644
--- a/_layouts/portfolio-home.liquid
+++ b/_layouts/portfolio-home.liquid
@@ -20,14 +20,16 @@ layout: default
     </div>
 
     <div class="academic-portrait">
-      <img
-        src="{{ '/assets/img/sabuj.jpg' | relative_url }}"
-        width="1200"
-        height="1599"
-        alt="Portrait of Sabuj C. Bhowmick"
-        loading="eager"
-        decoding="async"
-      >
+      <div class="academic-portrait-frame">
+        <img
+          src="{{ '/assets/img/sabuj.jpg' | relative_url }}"
+          width="1200"
+          height="1599"
+          alt="Portrait of Sabuj C. Bhowmick"
+          loading="eager"
+          decoding="async"
+        >
+      </div>
     </div>
   </section>
 

From 1a8375ebce7e2ccf61aa8b09f52892f4c918b4b9 Mon Sep 17 00:00:00 2001
From: Sabuj Chandra Bhowmick <sabuj606@gmail.com>
Date: Tue, 1 Sep 2026 16:29:59 +0300
Subject: [PATCH 2/2] fix: constrain headshot inside portrait frame

---
 _sass/_academic.scss | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/_sass/_academic.scss b/_sass/_academic.scss
index 96fea94..1df82e8 100644
--- a/_sass/_academic.scss
+++ b/_sass/_academic.scss
@@ -372,8 +372,8 @@ html[data-theme="dark"] .cv-action-primary {
   position: relative;
   align-self: center;
   justify-self: end;
-  width: clamp(13.5rem, 22vw, 17.5rem);
-  height: clamp(17rem, 27.5vw, 21.875rem);
+  width: clamp(14rem, 22vw, 17rem);
+  height: auto !important;
   padding: 0.55rem;
   border: 1px solid var(--academic-border-strong);
   border-radius: 1.5rem 1.5rem 0.75rem 1.5rem;
@@ -392,15 +392,26 @@ html[data-theme="dark"] .cv-action-primary {
     content: "";
     opacity: 0.16;
   }
+}
+
+.academic-portrait-frame {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  aspect-ratio: 1;
+  border-radius: 1.1rem 1.1rem 0.5rem 1.1rem;
 
   img {
+    position: absolute;
+    inset: 0;
     display: block;
-    width: 100%;
+    width: 100% !important;
     height: 100% !important;
-    max-height: 100%;
+    max-width: none;
+    max-height: none;
     border-radius: 1.1rem 1.1rem 0.5rem 1.1rem;
     object-fit: cover;
-    object-position: center;
+    object-position: center 44%;
   }
 }
 
@@ -682,8 +693,7 @@ footer {
 
   .academic-portrait {
     justify-self: start;
-    width: min(68vw, 15rem);
-    height: min(85vw, 18.75rem);
+    width: min(58vw, 14rem);
   }
 
   .academic-closing {