.about-intro h1 { max-width:22ch; }
.about-intro .about-lead { font-size:19px; max-width:55ch; }
.about-purpose { max-width:850px; font-size:18px; }
.about-person { display:grid; grid-template-columns:320px minmax(0,1fr); gap:48px; align-items:start; }
.about-portrait { margin:0; width:100%; max-width:320px; aspect-ratio:4/3; border:1px solid var(--rule); border-radius:12px; overflow:hidden; }
.about-portrait img { display:block; width:100%; height:100%; object-fit:cover; }
.about-portrait--taj img { object-position:50% 54%; }
.about-portrait--raleigh img { object-position:center top; }
.about-portrait--gerard img { object-position:center top; }
.about-bio { max-width:65ch; }
.about-bio h2 { margin-bottom:6px; }
.about-bio .about-role { color:var(--accent); font-weight:600; margin-bottom:24px; }
.about-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:28px 0; }
.about-principles article { border-top:2px solid var(--accent); padding-top:12px; }
.about-principles p { color:var(--ink-soft); }
@media (max-width:800px) {
  .about-person, .about-principles { grid-template-columns:1fr; gap:24px; }
  .about-intro .about-lead, .about-purpose { font-size:17px; }
}
@media print { .about-person { break-inside:avoid; } }

.about-supplements { border-top:1px solid var(--rule); }
.about-person-text { padding-top:8px; }
.about-specialty { border-top:3px solid var(--accent); padding-top:22px; }
.about-specialty .eyebrow { margin-bottom:20px; }
.about-specialty-line { font-size:clamp(21px,2.2vw,29px); font-weight:600; line-height:1.35; letter-spacing:-.025em; margin:0 0 24px; }
.about-specialty a { font-size:14px; line-height:1.5; text-underline-offset:4px; }
@media (max-width:700px) { .about-specialty { max-width:100%; } .about-specialty-line { font-size:24px; } .about-person-text { gap:36px; } }