/**
 * Блок «О школе» (H1 + описание) — главная (редизайн)
 */
:root {
    --about-container: 1500px;
    --about-gap-section: 80px;
    --about-gap-columns: 120px;
    --about-gap-text: 24px;
    --about-color-text: #111827;
    --about-font: 'Vela Sans', 'Onest', system-ui, -apple-system, sans-serif;
}

.about-main {
    padding: var(--about-gap-section) 16px;
    font-family: var(--about-font);
    color: var(--about-color-text);
}

@media (min-width: 1533px) {
    .about-main {
        padding-left: 0;
        padding-right: 0;
    }
}

.about-main__inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--about-gap-columns);
    max-width: var(--about-container);
    margin: 0 auto;
    padding: 0;
}

.about-main__title {
    flex: 1 1 721px;
    width: 721px;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    font-family: var(--about-font);
    font-style: normal;
    font-weight: 600;
    font-size: 52px;
    line-height: 64px;
    color: var(--about-color-text);
}

body.in_index .about-main__title {
    margin-bottom: 0;
}

.about-main__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 0 0 659px;
    width: 659px;
    max-width: 100%;
    gap: var(--about-gap-text);
    padding: 0;
    box-sizing: border-box;
}

.about-main__body p {
    margin: 0;
    width: 100%;
    font-family: var(--about-font);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: var(--about-color-text);
}

@media (max-width: 1199px) {
    .about-main__inner {
        flex-direction: column;
        gap: 32px;
    }

    .about-main__title {
        flex: none;
        width: 100%;
        font-size: 40px;
        line-height: 48px;
    }

    .about-main__body {
        flex: none;
        width: 100%;
    }
}