.about-page {
    --about-bg: #ffffff;
    --about-text: #2f1b25;
    --about-accent: #7f4d5a;
    --about-accent-light: #d8a9b4;
    --about-surface: #fff9f9;
    --about-border: rgba(216, 169, 180, 0.35);
    --about-muted: rgba(47, 27, 37, 0.7);
    color: var(--about-text);
    padding-block: 1rem 3rem;
}

.section-hero--about .section-hero__badge {
    background: rgba(216, 169, 180, 0.2);
    color: #7f4d5a;
}

.section-hero--about .section-hero__text {
    margin-bottom: 1rem;
}

.about-subhead {
    margin: 0.35rem 0 0.1rem;
    font-size: 0.95rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--about-accent);
}

.about-spacer {
    display: block;
    height: 0.5rem;
}

@media (min-width: 64rem) {
    .section-hero--about {
        padding: 3rem 0 2.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .section-hero,
    .section-card {
        transition: none;
    }
}