/* About composition uses the established shared shell, tokens and controls. */
.about-page .about-hero{padding-block:var(--hero-top) var(--hero-bottom);border-bottom:1px solid var(--border)}
.about-hero .eyebrow{margin-bottom:24px}
.about-hero h1{max-width:896px}
.about-lede{max-width:736px;font-size:18px;line-height:1.65;color:var(--secondary)}
.about-section{padding-block:var(--section-space);border-bottom:1px solid var(--border)}
.about-focus,.about-future{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:start}
.about-section-heading .eyebrow{margin-bottom:16px}
.about-section-heading h2{font-size:36px;line-height:1.2;font-weight:400;letter-spacing:-.03em}
.about-section-heading>p:last-child:not(.eyebrow){margin-top:20px;max-width:640px;color:var(--secondary)}
.about-focus-card{padding:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.about-focus-card>.eyebrow{margin-bottom:20px}
.about-focus-card h3{font-size:36px;line-height:1.2;font-weight:400;letter-spacing:-.025em;margin-bottom:12px}
.about-product-tagline{font:500 20px/1.4 var(--heading-font);margin-bottom:16px}
.about-focus-card>p:not(.eyebrow):not(.about-product-tagline){color:var(--secondary);max-width:560px}
.about-focus-card .home-button{margin-top:32px;gap:12px}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.about-principles li{border-top:1px solid var(--border);padding-top:24px}
.about-principles .eyebrow{display:block;margin-bottom:24px}
.about-principles h3{font-size:24px;line-height:30px;margin-bottom:12px;letter-spacing:-.02em}
.about-principles p{color:var(--secondary);max-width:340px}
.about-future-copy{max-width:672px;font-size:18px;line-height:1.65;color:var(--secondary)}
.about-future-copy p+p{margin-top:20px}
.about-products-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:24px;font-size:14px;font-weight:500;color:var(--foreground);text-decoration:underline;text-underline-offset:5px}
.about-contact{padding-block:var(--section-space)}
@media(min-width:768px) and (max-width:1023px){
.about-focus,.about-future{grid-template-columns:minmax(0,1fr);gap:32px}
.about-focus-card{max-width:768px}
.about-principles{gap:24px}
.about-section-heading h2{font-size:32px}
}
@media(max-width:767px){
.about-hero .eyebrow{margin-bottom:16px}
.about-hero h1{margin-bottom:24px}
.about-lede{font-size:16px;line-height:26px}
.about-focus,.about-future{grid-template-columns:minmax(0,1fr);gap:24px}
.about-section-heading .eyebrow{margin-bottom:12px}
.about-section-heading h2{font-size:28px;line-height:34px;font-weight:500;letter-spacing:-.025em}
.about-focus-card{padding:24px}
.about-focus-card>.eyebrow{margin-bottom:16px}
.about-focus-card h3{font-size:30px;line-height:36px}
.about-product-tagline{font-size:18px;line-height:26px}
.about-focus-card>p:not(.eyebrow):not(.about-product-tagline){font-size:14px;line-height:23px}
.about-focus-card .home-button{width:100%;padding-inline:16px;margin-top:24px}
.about-principles{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}
.about-principles li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:16px;align-items:baseline}
.about-principles .eyebrow{grid-column:1;grid-row:1;margin:0}
.about-principles h3{grid-column:2;font-size:22px;line-height:28px}
.about-principles p{grid-column:2;max-width:none;font-size:14px;line-height:23px}
.about-future-copy{font-size:16px;line-height:26px}
.about-products-link{font-size:13px}
}
@media(max-width:359px){.about-focus-card{padding:20px}}