.about-page{padding-top:80px}.about-page .container{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing-md);padding-left:var(--spacing-md)}@media (min-width: 576px){.about-page .container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width: 768px){.about-page .container{max-width:700px}}@media (min-width: 1024px){.about-page .container{max-width:950px}}@media (min-width: 1280px){.about-page .container{max-width:1200px}}@media (min-width: 1536px){.about-page .container{max-width:1450px}}.about-hero{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-secondary-light) 50%, var(--color-cream-dark) 100%);padding:var(--spacing-xxl) var(--spacing-md);text-align:center;position:relative}.about-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238B5E3C' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.about-hero .container{position:relative;z-index:1}.about-hero h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);color:var(--color-dark);margin-bottom:var(--spacing-md)}.about-hero .about-hero-subtitle{font-size:1.25rem;color:var(--color-text-light);max-width:600px;margin:0 auto}.about-story{padding:var(--spacing-xxl) var(--spacing-md);background:var(--color-warm-white)}.about-story .story-content{max-width:800px;margin:0 auto}.about-story h2{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-dark);text-align:center;margin-bottom:var(--spacing-xl)}.about-story h3{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-primary-dark);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.about-story .story-highlight{background:linear-gradient(135deg, var(--color-secondary-light) 0%, var(--color-cream) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);text-align:center;border-left:5px solid var(--color-primary)}.about-story .lead-text{font-size:1.25rem;line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-sm)}.about-story .lead-text:last-child{margin-bottom:0}.about-story .lead-text strong{color:var(--color-primary-dark)}.about-story .story-details p{font-size:1.1rem;line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-md)}.about-mission{padding:var(--spacing-xxl) var(--spacing-md);background:var(--color-cream)}.about-mission h2{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-dark);text-align:center;margin-bottom:var(--spacing-sm)}.about-mission .section-subtitle{text-align:center;color:var(--color-text-light);font-size:1.125rem;margin-bottom:var(--spacing-xl)}.about-mission .mission-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-lg);max-width:900px;margin:0 auto}.about-mission .mission-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.about-mission .mission-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.about-mission .mission-card.highlight{border:2px solid var(--color-primary);position:relative}.about-mission .mission-card.highlight::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.about-mission .mission-card .mission-icon{width:80px;height:80px;background:linear-gradient(135deg, var(--color-secondary-light), var(--color-secondary));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.about-mission .mission-card .mission-icon svg{width:40px;height:40px;stroke:var(--color-primary-dark)}.about-mission .mission-card h3{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-primary-dark);margin-bottom:var(--spacing-xs)}.about-mission .mission-card .mission-highlight{font-size:1.1rem;font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-md)}.about-mission .mission-card p{color:var(--color-text-light);line-height:1.7}.about-mission .mission-card p:last-child{margin-bottom:0}.about-values{padding:var(--spacing-xxl) var(--spacing-md);background:var(--color-warm-white)}.about-values h2{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-dark);text-align:center;margin-bottom:var(--spacing-xl)}.about-values .values-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.about-values .value-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary);transition:all var(--transition-normal)}.about-values .value-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.about-values .value-card h3{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm)}.about-values .value-card p{color:var(--color-text-light);line-height:1.7;margin:0}.about-quote{padding:var(--spacing-xxl) var(--spacing-md);background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%)}.about-quote blockquote{max-width:800px;margin:0 auto;text-align:center}.about-quote blockquote p{font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.75rem);font-style:italic;color:#fff;line-height:1.6;margin-bottom:var(--spacing-md)}.about-quote blockquote p::before{content:'"';display:block;font-size:4rem;color:var(--color-secondary);line-height:.5;margin-bottom:var(--spacing-sm)}.about-quote blockquote footer{color:var(--color-secondary-light);font-size:1.1rem;font-weight:500}.about-cta{padding:var(--spacing-xxl) var(--spacing-md);background:linear-gradient(135deg, var(--color-secondary-light) 0%, var(--color-secondary) 100%);text-align:center}.about-cta h2{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-dark);margin-bottom:var(--spacing-sm)}.about-cta p{font-size:1.125rem;color:var(--color-text);max-width:600px;margin:0 auto var(--spacing-lg);line-height:1.7}.about-cta .cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.about-page{padding-top:60px}.about-hero{padding:var(--spacing-xl) var(--spacing-md)}.about-story .story-highlight{padding:var(--spacing-lg)}.about-story .lead-text{font-size:1.1rem}.about-mission .mission-grid{grid-template-columns:1fr}.about-values .values-grid{grid-template-columns:1fr}.about-quote blockquote p::before{font-size:3rem}.about-cta .cta-buttons{flex-direction:column;align-items:center}.about-cta .cta-buttons .btn{width:100%;max-width:280px}}