/* Distill Works design system, ABOUT page. Loaded with ds-core. Scoped to body.page-about. */

body.page-about .about-hero{padding:64px 0 48px; text-align:center;}
body.page-about .about-hero h1{font-size:clamp(34px,4.6vw,54px); line-height:1.06; max-width:22ch; margin:0 auto 22px;}
body.page-about .about-hero .hero-subtitle{font-size:18.5px; color:var(--ink-soft); max-width:60ch; margin:0 auto;}

body.page-about .about-section{border-top:1px solid var(--hair); padding:62px 0;}
body.page-about .about-section h2{font-size:clamp(23px,2.7vw,30px); margin-bottom:22px; max-width:26ch;}
body.page-about .about-content{max-width:76ch;}
body.page-about .about-content p{font-size:16.5px; color:var(--ink-soft); margin:0 0 18px;}
body.page-about .about-content p:last-child{margin-bottom:0;}
body.page-about .about-content strong a,body.page-about .about-content strong{color:var(--ink);}

/* credentials stats */
body.page-about .credentials-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:38px;}
body.page-about .credential-card{border:1px solid var(--hair); border-radius:6px; padding:26px 20px; text-align:center; background:var(--card);}
body.page-about .credential-number{display:block; font-family:'Spectral',serif; font-size:34px; color:var(--green); line-height:1;}
body.page-about .credential-label{display:block; font-size:13px; color:var(--muted); margin-top:8px;}

/* businesses */
body.page-about .business-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:34px;}
body.page-about .business-card{border:1px solid var(--hair); border-radius:6px; padding:28px 26px; background:var(--card);}
body.page-about .business-card h4{font-size:17px; margin-bottom:12px;}
body.page-about .business-card p{font-size:14.5px; color:var(--ink-soft); margin-bottom:14px;}
body.page-about .business-card a{font-size:14px; font-weight:600;}

/* manifesto quote (hairline + evergreen mark, no side-stripe) */
body.page-about .quote-block{margin-top:34px; padding-left:30px; border-left:1px solid var(--hair);}
body.page-about .quote-block blockquote{font-family:'Spectral',serif; font-style:italic; font-weight:500; font-size:clamp(20px,2.4vw,27px); line-height:1.4; color:var(--ink); margin:0; max-width:48ch;}
body.page-about .quote-block blockquote::before{content:"\201C"; color:var(--green); font-size:1.4em; line-height:0; vertical-align:-.15em; margin-right:.04em;}

body.page-about .about-cta{margin-top:30px;}

@media (max-width:880px){
  body.page-about .credentials-grid{grid-template-columns:1fr 1fr;}
  body.page-about .business-cards{grid-template-columns:1fr;}
}