.page-header {
    padding: 180px 0 100px;
    background: linear-gradient(135deg, var(--color-cream) 0%, var(--color-yellow-soft) 50%, var(--color-cream-dark) 100%);
    text-align: center;
}
.page-header-content { max-width: 800px; margin: 0 auto; padding: 0 40px; }
.page-title { font-family: var(--font-primary); font-size: 56px; color: var(--color-text-primary); margin-bottom: 20px; }
.page-subtitle { font-size: 20px; color: var(--color-text-secondary); }
.about-intro { padding: 100px 0; background: var(--color-white); }
.intro-content { display: flex; gap: 80px; align-items: center; }
.intro-image { flex: 1; }
.intro-image img { width: 100%; border-radius: var(--border-radius-lg); box-shadow: var(--shadow-hover); }
.intro-text { flex: 1; }
.intro-text h2 { font-family: var(--font-primary); font-size: 36px; color: var(--color-text-primary); margin-bottom: 25px; }
.intro-text p { font-size: 16px; color: var(--color-text-secondary); line-height: 2; margin-bottom: 20px; }
.stats-section { padding: 80px 0; background: var(--color-cream-dark); }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.stat-item { text-align: center; padding: 40px 20px; background: var(--color-white); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-soft); }
.stat-number { display: block; font-family: var(--font-primary); font-size: 48px; font-weight: 700; color: var(--color-accent); margin-bottom: 10px; }
.stat-label { font-size: 15px; color: var(--color-text-secondary); }
@media (max-width: 992px) { .intro-content { flex-direction: column; } .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .page-title { font-size: 36px; } .stats-grid { grid-template-columns: repeat(2, 1fr); } }