/* One centered column for every section (56rem, the founder card's width and the article title width).
   About is text only, so the 72rem column used on Home and Pricing left the right side empty (2026-10-08). */
.about-page > section > div {
    width: 100%;
    max-width: 56rem !important;
    margin-left: auto;
    margin-right: auto;
}
.about-page .about-shell > div { max-width: 100%; }
/* The founder card fills the column, so it shares the same left and right edges. */
.about-page .founder-story-card { width: 100%; max-width: 56rem !important; margin-left: 0 !important; }
@media (min-width: 768px) {
    .about-page .founder-story-card .founder-image { width: 10rem !important; height: 10rem !important; }
}
.about-page .founder-story-card .content-wrapper { align-items: flex-start; }
.about-page .founder-text-content { min-width: 0; }
.about-page .founder-image-container { max-width: 100%; }
.about-page .founder-story-card .founder-image { max-width: 100%; }
.about-page .about-team, .about-page .about-cta { text-align: left; }
.about-page .about-team > p { margin-left: 0 !important; margin-right: 0 !important; }
.about-page .about-cta-actions { justify-content: flex-start; }
/* Adjacent espresso sections share one gap instead of adding two large paddings. */
#page-container .about-page > section { padding-block: clamp(2rem, 4vw, 3rem) !important; }
#page-container .about-page > .page-hero-section { padding-bottom: 1rem !important; }
#page-container .about-page > .page-hero-section p { margin-bottom: 0 !important; }
#page-container .about-page > .about-manifesto { padding-top: 1rem !important; padding-bottom: 1.5rem !important; }
#page-container .about-page .about-manifesto p { margin-bottom: 1rem !important; max-width: 40rem !important; }
#page-container .about-page .about-manifesto p:last-child { margin-bottom: 0 !important; }
#page-container .about-page .about-divider { margin-top: 1.5rem !important; }
#page-container .about-page > .mission-section { padding-top: 1.5rem !important; }
#page-container .about-page .section-title { margin-bottom: 1.25rem !important; }
#page-container .about-page .mission-section p { margin-bottom: 1rem !important; }
#page-container .about-page .mission-section p:last-child { margin-bottom: 0 !important; }
#page-container .about-page .founder-story-card { margin-bottom: 0; }
/* The legacy style.css turns any section with an inline white background light
   (#page-container [style*="background-color: #fff"]) and forces dark text on the
   manifesto and mission. These three About sections are espresso with paper text. */
#page-container .about-page > section[style*="background-color: #fff"] { background-color: var(--espresso) !important; }
#page-container .about-page > .about-manifesto,
#page-container .about-page > .mission-section { color: var(--paper) !important; }