/* About: an editorial company profile, using the existing site's design tokens. */
.about-head{padding:28px 0 36px;border-bottom:1px solid var(--line)}
.about-crumb{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-bottom:30px}
.about-crumb a:hover{color:var(--blue)}
.about-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:12px}
.about-head h1{font-size:clamp(32px,3.5vw,46px);line-height:1.25}
.about-profile{display:grid;grid-template-columns:196px minmax(0,1fr);gap:56px;padding-top:48px;padding-bottom:44px}
.about-label h2{font-size:21px;line-height:1.5;margin-bottom:8px}
.about-label p{font-size:11px;color:var(--muted);letter-spacing:.04em}
.about-copy{max-width:880px;min-width:0}
.about-copy>p{font-size:16px;line-height:2.05;color:var(--ink2);margin:0 0 22px;text-align:left;overflow-wrap:break-word}
.about-copy>p.about-intro{font-size:21px;line-height:1.9;color:var(--ink);font-weight:500;margin-bottom:28px}
.about-related{display:flex;flex-wrap:wrap;gap:18px 32px;border-top:1px solid var(--line);padding-top:22px;margin-top:32px}
.about-related a{display:inline-flex;gap:12px;align-items:center;font-size:13px;color:var(--blue);font-weight:500;padding:4px 0}
.about-related a:hover{text-decoration:underline;text-underline-offset:4px}
.about-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:28px 32px;margin-bottom:56px}
.about-contact h2{font-size:22px;line-height:1.5;margin-bottom:7px}
.about-contact p{font-size:13px;color:var(--muted)}
.about-contact-button{background:var(--blue);color:#fff;font-size:14px;padding:12px 22px}
.about-contact-button:hover{background:#004db5}
@media(max-width:1050px){.about-profile{grid-template-columns:150px minmax(0,1fr);gap:32px}.about-copy>p.about-intro{font-size:20px}}
@media(max-width:760px){
 .about-head{padding:20px 0 28px}.about-crumb{margin-bottom:24px}.about-head h1{font-size:30px}
 .about-profile{grid-template-columns:1fr;gap:22px;padding-top:30px;padding-bottom:30px}.about-label{display:flex;gap:16px;align-items:baseline}.about-label h2{font-size:18px;margin:0}
 .about-copy>p{font-size:15px;line-height:1.95;margin-bottom:20px}.about-copy>p.about-intro{font-size:18px;line-height:1.95;margin-bottom:24px}
 .about-related{gap:12px 22px;margin-top:24px;padding-top:18px}.about-related a{font-size:12px;gap:8px}
 .about-contact{display:block;padding:22px;margin-bottom:36px}.about-contact h2{font-size:20px}.about-contact-button{margin-top:18px}
}