.about-page{width:100%;color:var(--pearl)}.about-container{max-width:1000px;margin:0 auto;padding:0 var(--space-xl)}.about-section{padding:var(--space-3xl) 0}.about-hero{padding:var(--space-3xl) var(--space-xl);text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 100%);border-bottom:1px solid var(--graphite)}.about-hero-content{max-width:800px;margin:0 auto}.about-hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:500;line-height:1.2;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--pearl) 0%,var(--champagne) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-subtitle{font-size:1.1rem;color:var(--pearl);line-height:1.7;max-width:650px;margin:0 auto var(--space-lg)}.about-hero-tagline{font-size:1rem;color:var(--champagne);font-style:italic}.about-section-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--pearl);margin-bottom:var(--space-xl);text-align:center}.about-paragraph{font-size:1.05rem;color:var(--pearl);line-height:1.8;margin-bottom:var(--space-lg)}.about-paragraph:last-child{margin-bottom:0}.about-intro{font-size:1.1rem;color:var(--pearl);text-align:center;margin-bottom:var(--space-2xl);line-height:1.7}.about-problems{background:#0003}.about-problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.about-problem-card{padding:var(--space-xl);background:#1a1a1acc;border:1px solid var(--graphite);border-radius:16px}.about-problem-title{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--champagne);margin-bottom:var(--space-md)}.about-problem-text{font-size:.95rem;color:var(--pearl);line-height:1.7}.about-conclusion{font-size:1.15rem;font-weight:500;color:var(--pearl);text-align:center;padding:var(--space-lg);background:#c9a9621a;border:1px solid rgba(201,169,98,.2);border-radius:12px}.about-solution-headline{font-size:1.15rem;color:var(--pearl);text-align:center;max-width:700px;margin:0 auto var(--space-2xl);line-height:1.6}.about-solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.about-solution-card{padding:var(--space-xl);background:#0003;border:1px solid var(--graphite);border-radius:16px}.about-solution-title{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--champagne);margin-bottom:var(--space-lg)}.about-solution-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.about-solution-list li{font-size:.95rem;color:var(--snow);line-height:1.6;padding-left:var(--space-md);border-left:2px solid rgba(201,169,98,.4)}.about-why-social{background:#0003}.about-why-social-content{max-width:700px;margin:0 auto}.about-emphasis{font-size:1.2rem;font-weight:500;color:var(--pearl);text-align:center;padding:var(--space-sm) 0}.about-mission{background:linear-gradient(135deg,#c9a9621a,#0000004d);text-align:center;border-top:1px solid rgba(201,169,98,.2);border-bottom:1px solid rgba(201,169,98,.2)}.about-mission-statement{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--champagne);margin-bottom:var(--space-xl)}.about-mission-text{font-size:1rem;color:var(--pearl);line-height:1.7;max-width:650px;margin:0 auto var(--space-md)}.about-mission-text:last-child{margin-bottom:0}.about-from-la{text-align:center}.about-from-la-text{font-size:1.05rem;color:var(--pearl);line-height:1.7;max-width:650px;margin:0 auto var(--space-md)}.about-from-la-text:last-of-type{font-style:italic;color:var(--pearl);margin-bottom:var(--space-xl)}.about-signature{font-size:1rem;font-weight:500;color:var(--champagne);margin-bottom:var(--space-xs)}.about-location{font-size:.9rem;color:var(--silver)}.about-audience{background:#0003}.about-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.about-audience-card{padding:var(--space-xl);background:#1a1a1acc;border:1px solid var(--graphite);border-radius:16px;text-align:center}.about-audience-title{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--pearl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--graphite)}.about-audience-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.about-audience-list li{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:.85rem;color:var(--snow)}.about-audience-list li svg{flex-shrink:0;color:var(--champagne)}.about-cta{background:linear-gradient(180deg,#c9a9621a,#0006);text-align:center;padding:var(--space-3xl) 0}.about-cta-headline{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:500;color:var(--pearl);margin-bottom:var(--space-xl)}.about-cta-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--champagne) 0%,var(--gold) 100%);border:none;border-radius:100px;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--ink);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart)}.about-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c9a96266}.about-cta-secondary{font-size:.85rem;color:var(--silver);margin-top:var(--space-md)}.about-bottom-line{border-top:1px solid var(--graphite)}.about-bottom-line-statements{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.about-bottom-line-item{font-size:1.1rem;color:var(--pearl);line-height:1.6;padding:var(--space-md) var(--space-lg);background:#0003;border-left:3px solid var(--champagne);border-radius:0 8px 8px 0}.about-bottom-line-item strong{color:var(--champagne);font-weight:600}.about-bottom-line-item:last-child{background:#c9a9621a;border-left-color:var(--gold)}.about-bottom-line-item:last-child strong{color:var(--pearl)}@media(max-width:900px){.about-audience-grid{grid-template-columns:1fr}}@media(max-width:768px){.about-section{padding:var(--space-2xl) 0}.about-hero{padding:var(--space-2xl) var(--space-lg)}.about-problems-grid,.about-solution-grid{grid-template-columns:1fr}}@media(max-width:480px){.about-container{padding:0 var(--space-md)}}
