.about-hero{padding-block:clamp(3.5rem,6vw,5.5rem);background:#dce8e2}
.about-hero h1{max-width:18ch;margin-top:.75rem;font-size:clamp(3.5rem,7vw,6rem);line-height:.94}
.about-hero__intro{display:grid;margin-top:2.25rem;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem)}
.about-hero__intro p{max-width:48ch;margin-bottom:0;font-size:var(--step-1)}
.about-hero+.community-section{padding-block:clamp(3.5rem,6vw,5.5rem)}
.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-line)}
.mission-card{min-height:280px;padding:1.75rem;background:var(--color-white)}
.mission-card span{display:block;margin-bottom:2rem;color:var(--color-coral);font:500 var(--step-3) var(--font-display)}
.mission-card h2{font-size:var(--step-3)}
.mission-card p{margin-top:1rem;color:var(--color-ink-soft)}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem)}
.about-story-section{padding-block:clamp(4rem,6vw,5.5rem) clamp(5rem,7vw,6.5rem)}
.about-story h2{max-width:12ch;font-size:clamp(2.75rem,5vw,4.75rem);line-height:.98}
.about-story__copy{padding-top:1.5rem;font-family:var(--font-display);font-size:1.05rem;line-height:1.7}
.legal-hero{padding-block:5rem 4rem;background:#dce8e2}
.legal-hero h1{font-size:var(--step-4)}
.legal-hero p{max-width:62ch;margin:1rem 0 0;color:var(--color-ink-soft)}
.legal-layout{display:grid;padding-block:var(--space-7);grid-template-columns:240px minmax(0,1fr);gap:clamp(2rem,8vw,7rem)}
.legal-toc{position:sticky;top:100px;align-self:start;padding:1.25rem;border-top:3px solid var(--color-blue);background:var(--color-white)}
.legal-toc strong{display:block;margin-bottom:.75rem;font-family:var(--font-display)}
.legal-toc a{display:block;padding:.35rem 0;color:var(--color-ink-soft);font-size:.75rem}
.legal-content{max-width:760px;min-width:0}
.legal-content section{padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--color-line)}
.legal-content h2:not(:first-child){padding-top:2.5rem;border-top:1px solid var(--color-line)}
.legal-content h2{margin-bottom:1rem;font-size:var(--step-3)}
.legal-content h3{margin:1.5rem 0 .6rem;font-size:var(--step-2)}
.legal-content p,.legal-content li{color:var(--color-ink-soft)}
.legal-content li+li{margin-top:.5rem}
.legal-note,.legal-content>blockquote:first-child{padding:1rem 1.25rem;margin:0 0 2.5rem;border:0;border-left:4px solid var(--color-mustard);background:rgba(242,201,76,.14)}
.legal-note p,.legal-content>blockquote:first-child p{margin:0;color:var(--color-ink-soft)}
.policy-table,.legal-content table{width:100%;border-collapse:collapse;font-size:.8rem}
.policy-table th,.policy-table td,.legal-content table th,.legal-content table td{padding:.8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line)}
.policy-table th,.legal-content table th{background:var(--color-paper-deep)}
@media(max-width:900px){.mission-grid{grid-template-columns:1fr 1fr}.about-hero__intro,.about-story,.legal-layout{grid-template-columns:1fr}.legal-toc{position:static}}
@media(max-width:600px){.mission-grid{grid-template-columns:1fr}.about-hero{padding-block:3rem}.about-hero h1{font-size:3.25rem}.about-hero__intro{margin-top:1.75rem}.mission-card{min-height:0;padding:1.5rem}.mission-card span{margin-bottom:1.25rem}.about-story-section{padding-block:3.5rem 4.5rem}.about-story h2{font-size:2.75rem}.about-story__copy{padding-top:0}.policy-table{display:block;width:100%;max-width:100%;overflow-x:auto}}
