/* ==========================================================================
   Masera & Co — about page additions to site.css (body.about-page.v2 only):
   spacing for the chapters, the B-style industry numerals, text-only
   next-step rows, and per-photo focal points.
   ========================================================================== */

/* Page head: keep the Prudential and the river in frame */
body.v2 .about-head .mc-pagehead-media img { object-position: 50% 62%; }
body.v2 .about-head .mc-h1 { max-width: 16em; }
/* clear the fixed header on short, very wide viewports */
body.v2 .about-head { padding-top: clamp(160px, 11vw, 260px); }

/* 01 Who we are */
body.v2 .about-who .mc-split { align-items: center; }
body.v2 .about-who .mc-lead { margin-top: clamp(24px, 2.6vw, 40px); }
body.v2 .about-who .mc-body { margin-top: 20px; }
/* deeper scrim so the place label reads over the busy street edge */
body.v2 .about-who .mc-tag {
  padding-top: 72px;
  background: linear-gradient(180deg, rgba(11, 25, 44, 0) 0%, rgba(11, 25, 44, 0.6) 50%, rgba(11, 25, 44, 0.88) 100%);
}

/* 02 Our approach: navy chapter opened by the harbour band */
body.v2 .about-approach .mc-band img { object-position: 50% 46%; }
body.v2 .about-approach-body { padding-top: clamp(40px, 4vw, 64px); }
body.v2 .about-approach .mc-statement { margin-top: clamp(24px, 2.6vw, 40px); }
body.v2 .about-approach .mc-actions { margin-top: clamp(32px, 3.4vw, 48px); }
body.v2 .about-gains .mc-h3 { max-width: 16em; }

/* 03 Industries: oversized numerals on a crisp four-column grid */
body.v2 .about-sectors .mc-num {
  font-size: clamp(2.75rem, 2rem + 1.5vw, 4rem);
  line-height: 0.85;
}
body.v2 .about-sectors .mc-entry-text { margin-top: 0; padding-top: clamp(24px, 2.2vw, 36px); border-top-color: var(--mc-hair-strong); }
body.v2 .about-sectors .mc-entry-text .mc-h3 { margin-top: clamp(20px, 2vw, 32px); }
body.v2 .about-sectors .mc-h3 { font-size: clamp(1.2rem, 1rem + .45vw, 1.55rem); }

/* 04 Operating model */
body.v2 .about-scale-split { margin-top: 32px; }
body.v2 .about-scale-plate .op-scale { object-position: 58% 45%; }

@media (min-width: 1200px) {
  body.v2 .about-scale-split { align-items: stretch; }
  body.v2 .about-scale-plate { display: flex; }
  body.v2 .about-scale-plate .mc-frame { aspect-ratio: auto; flex: 1; min-height: 420px; }
}

/* 05 The firm: text-only rows (no thumbnails on this page) */
body.v2 .about-next .mc-nav-list { margin-top: clamp(32px, 3.4vw, 56px); }
body.v2 .about-next .mc-nav-row { grid-template-columns: minmax(0, 1fr) auto; }

@media (min-width: 1200px) {
  body.v2 .about-next .mc-nav-row { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) auto; }
}

/* Closing CTA: the Hancock tower and the harbour stay right of the copy */
body.v2 .about-cta .mc-cta-media img { object-position: 70% 50%; }

@media (min-width: 768px) {
  /* every description starts on the same line, even when a title wraps */
  body.v2 .about-sectors .mc-entry-text .mc-h3 { min-height: calc(2 * 1.25em); min-height: 2lh; }
}

@media (max-width: 1199px) {
  body.v2 .about-sectors .mc-entry-text .mc-body { max-width: 30em; }
}

@media (max-width: 767px) {
  /* tower sits right of the copy; a steadier shade under the eyebrow and title */
  body.v2 .about-head .mc-pagehead-media img { object-position: 27% 60%; }
  body.v2 .about-head .mc-pagehead-shade {
    background: linear-gradient(180deg, rgba(11, 25, 44, 0.78) 0%, rgba(11, 25, 44, 0.6) 45%, rgba(11, 25, 44, 0.62) 70%, rgba(11, 25, 44, 0.85) 100%);
  }
  body.v2 .about-approach .mc-band img { object-position: 48% 46%; }
  body.v2 .about-sectors .mc-num { font-size: 2rem; }
  body.v2 .about-sectors .mc-entry-text .mc-h3 { margin-top: 0; }
  body.v2 .about-next .mc-nav-row { grid-template-columns: minmax(0, 1fr); }
  body.v2 .about-cta .mc-cta-media img { object-position: 72% 50%; }
}