/* About. A port of 14 About.dc.html: its inline styles as classes, its <helmet> media rules as written.
   Breakpoints: phone <= 640px. Tokens, .wrap and the header/footer live in site.css. */

.ab-sec{position:relative;border-top:1px solid #e3ecf4;padding-block:clamp(56px,8vw,112px) clamp(72px,9vw,128px)}
.ab-art{max-width:700px;margin-inline:auto;display:flex;flex-direction:column}
.ab-h1{margin:0 0 28px;font:500 15px/1 var(--font);color:#0872b0}
.ab-lede{margin:0;font:440 clamp(24px,3vw,30px)/1.38 var(--font);letter-spacing:-.015em;color:#0b2239;text-wrap:pretty}
.ab-body{display:flex;flex-direction:column;gap:22px;margin-top:48px;padding-top:48px;border-top:1px solid #e3ecf4;font:440 18px/1.7 var(--font);color:#33475e}
.ab-body p{margin:0;text-wrap:pretty}
.ab-body a{color:#0872b0;text-decoration:underline;text-decoration-color:#b7d9f0;text-underline-offset:3px}
.ab-body a:hover{color:#065f93;text-decoration-color:#0872b0}
.ab-sign{margin:48px 0 0;font:500 22px/1.3 var(--font);letter-spacing:-.01em;color:#0b2239}
.ab-team{margin:32px 0 0;font:440 18px/1.4 var(--font);color:#4d5f75}

@media (max-width:640px){
.ab-sec{padding-block:40px 64px}
.ab-lede{font-size:22px;line-height:1.4}
.ab-body{font-size:16px;line-height:1.65}
}