.about-container {
    max-width: 42rem;
    margin: 0 auto;
    padding: var(--space-xl) var(--space-md) var(--space-xl);
}

.about-content {
    text-align: center;
}

.about-hero {
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-lg);
    border-bottom: 1px solid var(--border);
}

.about-hero .brand-name {
    font-family: var(--font);
    font-size: clamp(1.25rem, 3.5vw, 1.75rem);
    font-weight: 700;
    display: block;
    margin-bottom: var(--space-sm);
    letter-spacing: var(--tracking-wide);
}

.about-hero .role {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: var(--tracking-wide);
    color: var(--text-muted);
}

.about-text {
    max-width: 38ch;
    margin: 0 auto;
    text-align: center;
}

.about-text p {
    margin: 0 0 var(--space-md);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.85;
    letter-spacing: var(--tracking-tight);
    color: var(--text-muted);
}

.about-text p:last-child {
    margin-bottom: 0;
}

.left-column,
.right-column,
.team-list,
.logo-placeholder {
    display: contents;
}

@media (max-width: 768px) {
    .about-container {
        padding: var(--space-lg) var(--space-sm) var(--space-xl);
    }
}