Research photos centered + fixed width; mobile tab aspect ratio; home callouts bold/middle

- Research-row images: explicit width: 240px with display:block + margin
  auto so the (variable-natural-width) photos all render at the same
  fixed size and are centered within the column. Eterna at 660px no
  longer dominates the layout vs puzzle (259) and mapping (274).
- .page-hero-tab on mobile/landscape: width:auto + height:50% (drop the
  fighting width:80% / max-height:50% combo) so the tab keeps its
  natural 349:111 aspect ratio at all phone widths and orientations.
- Home page callouts: align-items: start -> center on .home-callouts so
  'what we do' / 'we strive…' sit vertically centered within the row
  alongside the mission paragraph. Drop the per-element align-self
  end/start. Bump font-weight 400 -> 700 (bold).

Author: rhiju

assets/css/style.scss

@@ -195,9 +195,13 @@ hr { border: 0; border-top: 1px dotted $text-faint; margin: 2rem 0; }
     background-position: 0% 50% !important;
   }
   .page-hero-tab {
-    width: 80%;
+    /* Fix the height so the tab keeps its natural 349:111 aspect ratio
+       on phone & landscape. width:80% + max-height:50% used to fight
+       each other, squishing the artwork. */
+    width: auto;
+    height: 50%;
     max-height: 50%;
-    bottom: 18%;
+    bottom: 15%;
     right: -2%;
   }
 }
@@ -214,19 +218,16 @@ hr { border: 0; border-top: 1px dotted $text-faint; margin: 2rem 0; }
 }
 .home-callout-left {
   font-size: 2rem;
-  font-weight: 400;
+  font-weight: 700;
   text-align: left;
   letter-spacing: -0.02em;
   color: $text;
-  align-self: end;
-  .home-callout-left-accent { color: $accent-hover; }
 }
 .home-callout-right {
   font-size: 1.05rem;
-  font-weight: 400;
+  font-weight: 700;
   text-align: left;
-  align-self: start;
-  strong { color: $accent-hover; font-weight: 500; }
+  strong { color: $accent-hover; font-weight: 800; }
 }
 
 .word-research-1,
@@ -322,7 +323,7 @@ hr { border: 0; border-top: 1px dotted $text-faint; margin: 2rem 0; }
   display: grid;
   grid-template-columns: auto 1fr auto;
   gap: 1.5rem;
-  align-items: start;
+  align-items: center;
   max-width: 1022px;
   margin: 0 auto 2.5rem;
   padding: 0 1rem;
@@ -718,7 +719,17 @@ details.show-more {
     text-align: justify;
   }
   > a { text-align: center; }
-  img { max-width: 100%; border-radius: 4px; }
+  /* Fixed-width photos, centered within their column. Also normalises
+     across the three images, whose natural widths range from 259 to
+     660px. */
+  img {
+    display: block;
+    width: 240px;
+    max-width: 100%;
+    height: auto;
+    margin: 0 auto;
+    border-radius: 4px;
+  }
 }
 @media (max-width: $bp-phone) {
   .research-row {