.about-page{padding-bottom:var(--space-4xl);min-height:calc(100vh - var(--navbar-height))}.about-hero{background:var(--gradient-green);padding:var(--space-5xl) 0;color:#fff;position:relative;overflow:hidden}.about-hero:before{content:"";background:radial-gradient(circle,#c9a84c26 0%,#0000 60%);position:absolute;inset:0}.about-hero-content{z-index:1;position:relative}.about-hero h1{font-family:var(--font-heading);font-size:var(--fs-5xl);margin-bottom:var(--space-sm);color:var(--color-gold)}.about-hero .subtitle{font-size:var(--fs-xl);color:#f5ede0cc}.story-grid{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.story-text h2{font-family:var(--font-heading);font-size:var(--fs-3xl);color:var(--color-primary);margin-bottom:var(--space-sm)}.story-text p{font-size:var(--fs-md);color:var(--color-text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-lg)}.story-image-wrapper{aspect-ratio:4/3;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.mission-section{padding:var(--space-2xl) 0}.mission-content{padding:var(--space-4xl);background:var(--color-bg-alt)}.mission-content h2{font-family:var(--font-heading);font-size:var(--fs-3xl);color:var(--color-primary);margin-bottom:var(--space-md)}.mission-content p{font-size:var(--fs-xl);color:var(--color-text-secondary);line-height:var(--lh-relaxed);max-width:800px;margin:0 auto;font-style:italic}.values-grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}.value-card{padding:var(--space-2xl);text-align:center;flex-direction:column;align-items:center;display:flex}.value-icon{color:var(--color-gold-dark);margin-bottom:var(--space-md)}.value-card h3{font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--color-primary);margin-bottom:var(--space-sm)}.value-card p{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}.center{margin:0 auto}@media (max-width:1024px){.story-grid{text-align:center;gap:var(--space-2xl);grid-template-columns:1fr}.story-text .gold-line{margin:0 auto}.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-hero h1{font-size:var(--fs-4xl)}.mission-content{padding:var(--space-2xl)}.mission-content p{font-size:var(--fs-lg)}.values-grid{grid-template-columns:1fr}}