/* ============================================================
   ABOUT PHOTO — kwizzbit/about-photo
   Full-bleed image segment. The Leeds terraced houses sit below
   the mission headline as a standalone visual statement.
   object-position keeps the lit doorway (horizontal centre of
   the 1400×706 image) always visible at every viewport width.
   ============================================================ */
.about-photo {
  display: block;
  margin: 0;
  padding: 0;
  /* Height: tall enough to feel cinematic without dominating the page.
     Scales between 55vw (wide desktop) and 80vw (mobile) so it always
     shows the full width of the terrace. */
  height: clamp(280px, 55vw, 680px);
  overflow: hidden;
}
.about-photo__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Centre horizontally on the lit doorway (roughly 50% from left);
     keep the roofline visible at the top — slightly above centre. */
  object-position: center 40%;
}

/* ── Mobile ≤640 ─────────────────────────────────────────── */
@media (max-width: 640px) {
  /* On narrow viewports the image naturally zooms in since we're
     showing a landscape crop in a narrower frame. The centre anchor
     keeps the house always in frame; a taller section lets more of
     the vertical composition breathe. */
  .about-photo { height: clamp(260px, 80vw, 400px); }
}