.container {
    max-width: var(--content-width-lg);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

main {
    margin-top: var(--space-xl);
    padding: var(--space-xl) 0;
}

section {
    margin: var(--space-xxl) 0;
    opacity: 0;
    transform: translateY(var(--space-lg));
    animation: fadeIn var(--transition-speed) var(--transition-timing) forwards;
}

.mission-vision {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xl);
    margin: var(--space-xl) 0;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(var(--space-lg));
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}