.about-page .article-main { max-width:1180px; }
.about-page .article-intro { max-width:720px; }
.about-introduction { display:grid; gap:28px; }
.about-photo { margin:0; }
.about-photo img { display:block; width:100%; max-height:480px; height:auto; object-fit:cover; object-position:50% 25%; border-radius:16px; }
.about-photo figcaption { font-size:12px; margin-top:10px; color:var(--muted); }
.about-page .about-story h2 { margin-top:12px; }
.about-page .about-story>.eyebrow { font-size:11px; margin-top:0; }
.about-credentials,.about-conversation,.about-next { margin-top:48px; }
.about-page .about-credentials { padding:24px; background:var(--pale); border-radius:16px; }
.about-page .about-credentials>.eyebrow,.about-page .about-conversation>.eyebrow { font-size:11px; margin-top:0; }
.about-page .about-credentials>h2,.about-page .about-conversation>h2 { margin-top:12px; }
.about-license-grid { display:grid; gap:24px; margin:24px 0; }
.about-license-grid h3 { font-size:22px; }
.about-page .about-license-grid p { font-size:15px; }
.about-answer { border-top:1px solid var(--line); padding:24px 0 8px; }
.about-answer h3 { font-size:23px; line-height:1.3; letter-spacing:-.035em; }
.about-page .about-answer p { max-width:760px; }
.about-next { border-top:2px solid var(--red); padding-top:4px; }
@media(min-width:700px) {
 .about-introduction { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:40px; align-items:start; }
 .about-license-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
 .about-page .about-credentials { padding:32px; }
 .about-credentials,.about-conversation,.about-next { margin-top:64px; }
 .about-answer h3 { font-size:27px; }
}

.about-principle { margin-top:40px; padding:28px; border-left:4px solid var(--red); background:var(--pale); border-radius:0 16px 16px 0; }
.about-page .about-principle>.eyebrow { font-size:11px; margin-top:0; }
.about-principle blockquote { margin:16px 0; font-size:clamp(27px,4vw,42px); line-height:1.15; font-weight:800; letter-spacing:-.04em; }
.about-page .about-principle>p:last-child { margin-bottom:0; max-width:750px; }
.about-page .about-answer .small { font-size:14px; line-height:1.65; }