/* about.html: small page additions on top of site.css (same tokens only; layout rules, no boxes) */

/* hero: the values statement typeset in the site's own type, one value per hairline row */
.values__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--rule); }
.values__list li { padding: 0.75rem 0; border-bottom: 1px solid var(--rule); font-family: var(--font-heading); font-size: var(--fs-h4); line-height: 1.3; letter-spacing: -0.01em; color: var(--ink); }
.values__list li:last-child { border-bottom: 0; }
.values__list em { font-style: italic; }
.values .script { color: var(--accent-text); }
.values .caption { margin-top: var(--s-6); }
/* phones: the hero columns stack, so give the values block a chapter's worth of air after Mission */
@media (max-width: 900px) { .page-hero .values { margin-top: var(--s-8); } }

/* founders: section head set as a magazine standfirst (eyebrow + heading left, lead right, on the 12-col grid) */
.founders-head { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--grid-gap); align-items: end; max-width: none; }
.founders-head__title { grid-column: 1 / span 6; }
.founders-head h2 { max-width: 22ch; }
.founders-head .lead { grid-column: 8 / span 5; align-self: end; max-width: none; margin-top: 0; }
@media (max-width: 900px) {
  .founders-head { gap: var(--s-4); }
  .founders-head__title, .founders-head .lead { grid-column: 1 / -1; }
}

/* keep the chapter numeral on one line */
.chapter .numeral { white-space: nowrap; }