/* ═══════════════════════════════════════════════════════════════════════════
   ABOUT PAGE STYLES
   Styles specific to the About page
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   ABOUT SECTION
   ═══════════════════════════════════════════════════════════════════════════ */
#about {
    background: var(--bg-primary);
}

/* Philosophy Section */
#philosophy {
    background: var(--bg-secondary);
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE DESIGN - ABOUT PAGE
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    #about .mission-box {
        margin-bottom: 3rem;
    }
}