Tighten portfolio card layout with uniform images and spacing.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/app/globals.css

@@ -1747,36 +1747,57 @@ textarea {
 .catalog-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
-  gap: 28px;
+  column-gap: 28px;
+  row-gap: 12px;
 }
 
 .catalog-card {
   display: grid;
   color: #fff;
+  margin-bottom: 28px;
 }
 
 .catalog-card .zoom-frame {
-  min-height: 280px;
+  aspect-ratio: 4 / 3;
+  min-height: 0;
+  height: auto;
+}
+
+.catalog-card .zoom-frame img {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  aspect-ratio: 4 / 3;
+  object-fit: cover;
+  display: block;
 }
 
 .catalog-copy {
   display: grid;
-  gap: 8px;
-  padding-top: 18px;
+  gap: 2px;
+  padding-top: 14px;
+}
+
+.catalog-copy .eyebrow {
+  margin-bottom: 0;
+  line-height: 1.3;
 }
 
 .catalog-copy strong {
   font-size: 22px;
   font-weight: 500;
+  line-height: 1.2;
 }
 
 .catalog-copy span:last-child {
   color: var(--medium-gray);
+  line-height: 1.35;
 }
 
 .catalog-fallback {
   display: block;
-  min-height: 280px;
+  aspect-ratio: 4 / 3;
+  min-height: 0;
   background: var(--nero-grey);
 }