.about-page{gap:var(--space-12);padding:var(--space-8) 0;flex-direction:column;animation:.8s cubic-bezier(.16,1,.3,1) aboutFadeIn;display:flex}@keyframes aboutFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-header{gap:var(--space-6);text-align:center;flex-direction:column;max-width:56rem;margin:0 auto;display:flex}.about-tag{justify-content:center;align-items:center;gap:var(--space-2);color:var(--primary);text-transform:uppercase;letter-spacing:.2em;font-size:.875rem;font-weight:900;display:flex}.about-title{font-family:var(--font-serif);letter-spacing:-.05em;font-size:3.5rem;font-style:italic;font-weight:900;line-height:1}@media (min-width:768px){.about-title{font-size:4.5rem}}.about-title span{color:var(--primary)}.about-description{color:var(--muted-foreground);font-size:1.25rem;font-weight:500;line-height:1.6}.about-hero-image{min-height:500px;box-shadow:var(--shadow-2xl);border:4px solid #fff;border-radius:2rem;position:relative;overflow:hidden}@media (min-width:768px){.about-hero-image{aspect-ratio:21/9;border-radius:3rem}}.hero-overlay{background:linear-gradient(#0000 0%,#0003 50%,#000c 100%);position:absolute;inset:0}.hero-content{padding:var(--space-12);justify-content:flex-end;gap:var(--space-6);color:#fff;flex-direction:column;display:flex;position:absolute;inset:0}@media (min-width:768px){.hero-content{padding:var(--space-20)}}.hero-bottom-grid{justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-direction:column;display:flex}@media (min-width:768px){.hero-bottom-grid{flex-direction:row;align-items:flex-end}}.hero-text{gap:var(--space-2);flex-direction:column;max-width:36rem;display:flex}.hero-text h2{font-size:2rem;font-style:italic;font-weight:900}@media (min-width:768px){.hero-text h2{font-size:3rem}}.hero-stats{gap:var(--space-8);border-left:4px solid var(--primary);padding-left:var(--space-6);font-size:2rem;font-style:italic;font-weight:900;display:flex}@media (min-width:768px){.hero-stats{gap:var(--space-16);padding-left:var(--space-10);font-size:3rem}}.stat-item{flex-direction:column;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.2em;opacity:.7;font-size:.625rem;font-style:normal;font-weight:700}@media (min-width:768px){.stat-label{font-size:.75rem}}.about-mission-grid{gap:var(--space-8);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:768px){.about-mission-grid{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr))}}.mission-text{gap:var(--space-6);flex-direction:column;display:flex}.mission-text h3{font-family:var(--font-serif);font-size:1.875rem;font-style:italic;font-weight:900}.mission-text p{color:var(--muted-foreground);font-size:1.125rem;line-height:1.6}.mission-list{gap:var(--space-4);padding-top:var(--space-4);flex-direction:column;display:flex}.mission-item{align-items:center;gap:var(--space-3);font-size:.875rem;font-weight:700;display:flex}.impact-card{padding:var(--space-12);background-color:#f3f4f64d;border:1px solid #e5e7eb80;border-radius:2.5rem;flex-direction:column;justify-content:center;min-height:450px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.impact-card{padding:var(--space-16)}}.impact-content{gap:var(--space-6);z-index:10;flex-direction:column;display:flex;position:relative}.impact-icon{background-color:var(--primary);color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;box-shadow:0 10px 30px #3b82f633}.values-section{padding:var(--space-12) 0;border-top:1px solid var(--border);align-items:center;gap:var(--space-12);text-align:center;flex-direction:column;display:flex}.values-section h2{font-family:var(--font-serif);font-size:2.25rem;font-style:italic;font-weight:900}.values-grid{gap:var(--space-8);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:768px){.values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.value-card{align-items:center;gap:var(--space-6);padding:var(--space-12);border-radius:2.5rem;flex-direction:column;transition:background-color .3s;display:flex}.value-card:hover{background-color:var(--muted)}.value-icon-box{width:4rem;height:4rem;color:var(--primary);margin-bottom:var(--space-2);background-color:#3b82f61a;border-radius:9999px;justify-content:center;align-items:center;display:flex}.value-card h4{font-size:1.25rem;font-style:italic;font-weight:900}.value-card p{color:var(--muted-foreground);font-size:.875rem;font-weight:500}
