.about-page{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body),sans-serif;max-width:800px;margin:0 auto;padding:3rem 1.5rem;line-height:1.8}.about-hero{text-align:center;margin-bottom:2.5rem}.about-hero h1{font-family:var(--font-heading),sans-serif;color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem}.about-hero p{color:var(--color-text);font-size:1.1rem}.about-mission,.about-values,.about-how{margin-bottom:2rem}.about-mission h2,.about-values h2,.about-how h2{font-family:var(--font-heading),sans-serif;color:var(--color-secondary);margin-bottom:.75rem}.about-values ul{padding-left:0;list-style:none}.about-values li{margin-bottom:.5rem;font-size:1rem}.about-values strong{color:var(--color-primary)}.about-cta{text-align:center;margin-top:3rem}.about-cta p{color:#555;margin-bottom:1rem;font-style:italic}.cta-button{background-color:var(--color-primary);color:#fff;border-radius:9999px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:var(--color-secondary)}@media (min-width:768px){.about-hero h1{font-size:3rem}.about-page{padding:4rem 2rem}}.about-how p{color:var(--color-text);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.about-how ul{margin-bottom:1rem;padding-left:0;list-style:none}.about-how ul li{color:var(--color-text);margin-bottom:.75rem;padding-left:1.75rem;font-size:1rem;position:relative}.about-how ul li:before{content:"🌿";color:var(--color-primary);font-size:1rem;line-height:1.2;position:absolute;top:0;left:0}