.about-hero { background:var(--ink); color:var(--paper); padding-block:64px; }
.about-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:72px; align-items:center; }
.about-hero .eyebrow { color:var(--lime); margin-bottom:26px; }
.about-hero h1 { margin-bottom:26px; }
.about-hero h1 em { color:var(--lime); }
.about-hero .public-lead { color:#dce5d7; max-width:50ch; }
.about-hero .text-link { color:var(--paper); margin-top:24px; }
.about-focus { list-style:none; padding:0; border-top:1px solid #698170; }
.about-focus li { display:grid; grid-template-columns:32px 1fr; gap:16px; padding-block:24px; border-bottom:1px solid #698170; }
.about-focus li > span { color:var(--lime); font-size:12px; padding-top:7px; }
.about-focus strong { display:block; font:400 30px/1.2 var(--serif); margin-bottom:6px; }
.about-focus p { color:#dce5d7; font-size:14px; }
.about-team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.about-person { display:flex; flex-direction:column; min-width:0; border:1px solid var(--border); background:#fffefa; }
.about-portrait { width:calc(100% - 48px); max-width:280px; aspect-ratio:1; margin:24px auto 0; border-radius:18px; background:var(--soft); overflow:hidden; flex-shrink:0; }
.about-portrait img { width:100%; height:100%; object-fit:cover; object-position:center; }
.about-portrait-simone img { object-position:center 15%; }
.about-person-copy { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:28px; flex:1; }
.about-person h3 { font-size:var(--public-h3,38px); line-height:1.1; }
.about-person .eyebrow { font-size:10px; letter-spacing:.08em; }
.about-person p:not(.eyebrow) { color:var(--muted); font-size:14px; }
.about-person .about-role { color:var(--green); font-weight:600; }
.about-person .text-link { margin-top:auto; padding-top:8px; font-size:13px; gap:12px; }
.about-story { background:var(--soft); border-block:1px solid var(--border); }
.about-story p + p { margin-top:18px; }
.about-story .text-link { margin-top:20px; }
@media(max-width:1000px) {
  .about-hero-grid { gap:40px; }
  .about-team-grid { grid-template-columns:1fr; }
  .about-person { display:grid; grid-template-columns:280px minmax(0,1fr); }
  .about-portrait { align-self:start; margin-bottom:24px; }
}
@media(max-width:700px) {
  .about-hero { padding-block:40px; }
  .about-hero-grid { grid-template-columns:1fr; gap:36px; }
  .about-focus li { padding-block:18px; }
  .about-focus strong { font-size:26px; }
  .about-person { display:flex; }
  .about-portrait { margin-bottom:0; }
  .about-person-copy { padding:24px; }
  .about-person h3 { font-size:var(--public-h3,34px); }
}