/* about.css — About page styles */

.about-hero {
    background: var(--color-bg-light);
    padding: var(--spacing-2xl) 0;
}

.about-hero h1 {
    margin-bottom: var(--spacing-md);
}

.about-hero__lead {
    font-size: 1.15rem;
    color: var(--color-text-light);
    max-width: 700px;
}

.about-content {
    padding: var(--spacing-2xl) 0;
}

.about-content h2 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-md);
}

.about-content h2:first-child {
    margin-top: 0;
}

.about-content ul {
    list-style: disc;
    padding-left: var(--spacing-lg);
    margin-bottom: var(--spacing-md);
}

.about-content li {
    margin-bottom: var(--spacing-sm);
}