/* ═══════════════════════════════════════════════════════════════════
   About — advising property. Loads system.css + consulting.css first,
   so it inherits the warmed editorial register (Newsreader serif,
   sentence case, warm ground) and adds only what this page needs.
   ═══════════════════════════════════════════════════════════════════ */

.ab-hero{border-bottom:1px solid var(--line);overflow-x:clip}
.ab-hero .wrap{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(28px,5vw,72px);align-items:center;
  padding-top:clamp(44px,7vh,84px);padding-bottom:clamp(40px,6vh,72px);
}
.ab-hero h1{
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  font-weight:400;font-size:clamp(32px,5.4vw,62px);line-height:1.06;
  letter-spacing:-.02em;text-transform:none;margin:14px 0 0;max-width:15ch;
}
.ab-hero h1 i{font-style:italic;color:var(--dim)}
.ab-hero .lede{margin-top:24px;max-width:46ch}
@media(max-width:860px){
  .ab-hero .wrap{grid-template-columns:1fr}
  .ab-portrait{max-width:400px;order:-1}
}

.ab-portrait{margin:0}
.ab-portrait img{
  width:100%;height:auto;display:block;
  border:1px solid var(--line);
}
.ab-portrait figcaption{
  margin-top:12px;font:400 var(--t-micro)/1.6 var(--mono);
  letter-spacing:.1em;text-transform:uppercase;color:var(--dim);
}

/* prose measure — warmer and wider than the lab register.
   Keep the wrap at full width so the reading column stays left-aligned with
   the hero; constrain the children instead of centring a narrow wrap. */
.ab-prose{max-width:var(--maxw)}
.ab-prose > *{max-width:720px}
.ab-prose h2{
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  font-weight:400;font-size:clamp(23px,3.1vw,36px);line-height:1.14;
  letter-spacing:-.018em;text-transform:none;margin:0 0 18px;color:var(--bone);
}
.ab-prose p{font-size:16.5px;line-height:1.76;color:var(--mid);max-width:64ch;margin:0 0 1.1em}
.ab-prose p strong{color:var(--bone);font-weight:600}

/* full-bleed statement band — the one place the page raises its voice */
.ab-band{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--panel);
}
.ab-band p{
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
  font-weight:400;font-style:italic;
  font-size:clamp(21px,3vw,34px);line-height:1.28;letter-spacing:-.015em;
  color:var(--bone);max-width:26ch;margin:0;
}