/**
 * section-who — кого касается переход на ЭПД.
 */

.section-who {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%;
    height: fit-content;
    max-width: 81.25rem;
    margin: 0 auto;
    padding: 0 0 var(--site-section-gap);
    border-radius: 1.875rem;
}

.section-who .section-content {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    align-self: stretch;
    height: fit-content;
}

.section-who .heading {
    align-self: stretch;
    margin: 0;
    font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.15;
    color: var(--site-text);
}

.section-who .description {
    width: 63.5625rem;
    max-width: 100%;
    margin: 0;
    font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: normal;
    color: var(--site-text-body);
}

.section-who .section-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem 1.25rem;
    align-self: stretch;
    height: fit-content;
}

.section-who .card-photo,
.section-who .card-photo-2,
.section-who .card-photo-3,
.section-who .card-photo-4,
.section-who .card-photo-5,
.section-who .card-photo-6 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    height: 16.25rem;
    background-image:
        radial-gradient(ellipse 6.7506rem 10.8994rem at 11.4306rem 5.3688rem, var(--site-scrim-clear) 0%, var(--site-scrim-strong) 100%),
        var(--who-photo);
    background-size: auto, cover;
    background-position: 0 0, center;
    background-repeat: no-repeat, no-repeat;
    border-radius: 1.25rem;
}

.section-who .card-photo-2 {
    background-image:
        radial-gradient(ellipse 7.2475rem 11.2725rem at 13.7813rem 5.1844rem, var(--site-scrim-clear) 0%, var(--site-scrim-strong) 100%),
        var(--who-photo);
}

.section-who .card-content,
.section-who .card-content-2,
.section-who .card-content-3,
.section-who .card-content-4,
.section-who .card-content-5,
.section-who .card-content-6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.625rem;
    flex: 1 1 0;
    align-self: stretch;
    box-sizing: border-box;
    padding: 1.875rem;
}

.section-who .heading-2,
.section-who .heading-3,
.section-who .heading-4,
.section-who .heading-5,
.section-who .heading-6,
.section-who .heading-7 {
    margin: 0;
    font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 1.15;
    color: var(--site-on-accent);
}

.section-who .description-2,
.section-who .description-3,
.section-who .description-4,
.section-who .description-5,
.section-who .description-6,
.section-who .description-7 {
    align-self: stretch;
    margin: 0;
    font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    color: var(--site-on-accent);
}

.section-who .description-5 {
    width: 19.6875rem;
    max-width: 100%;
}

.section-who .description-6,
.section-who .description-7 {
    width: 21.6875rem;
    max-width: 100%;
}

/* Tablet */
@media (max-width: 63.9375rem) {
    .section-who .section-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem 1.875rem;
    }

    .section-who .card-photo,
    .section-who .card-photo-2,
    .section-who .card-photo-3,
    .section-who .card-photo-4,
    .section-who .card-photo-5,
    .section-who .card-photo-6 {
        width: 100%;
        background-image:
            radial-gradient(ellipse 6.7488rem 7.76rem at 8.1375rem 5.3688rem, var(--site-scrim-clear) 0%, var(--site-scrim-strong) 100%),
            var(--who-photo);
    }

    .section-who .card-photo-2 {
        background-image:
            radial-gradient(ellipse 7.0931rem 8.0775rem at 9.8113rem 5.1844rem, var(--site-scrim-clear) 0%, var(--site-scrim-strong) 100%),
            var(--who-photo);
    }

    .section-who .heading-2,
    .section-who .heading-3,
    .section-who .heading-4,
    .section-who .heading-5,
    .section-who .heading-6,
    .section-who .heading-7 {
        font-size: 1.625rem;
    }

    .section-who .description-5,
    .section-who .description-6,
    .section-who .description-7 {
        width: auto;
    }
}

/* Phone */
@media (max-width: 47.9375rem) {
    .section-who .heading {
        font-size: 1.875rem;
    }

    .section-who .description {
        font-size: 0.875rem;
    }

    .section-who .section-cards {
        display: flex;
        flex-direction: column;
        gap: 1.875rem;
    }

    .section-who .card-photo,
    .section-who .card-photo-2,
    .section-who .card-photo-3,
    .section-who .card-photo-4,
    .section-who .card-photo-5,
    .section-who .card-photo-6 {
        align-self: stretch;
        width: 100%;
        background-image:
            radial-gradient(ellipse 6.7494rem 8.6944rem at 9.1169rem 5.3688rem, var(--site-scrim-clear) 0%, var(--site-scrim-strong) 100%),
            var(--who-photo);
    }

    .section-who .card-photo-2 {
        background-image:
            radial-gradient(ellipse 7.1338rem 9.0262rem at 10.9925rem 5.1844rem, var(--site-scrim-clear) 0%, var(--site-scrim-strong) 100%),
            var(--who-photo);
    }

    .section-who .card-content,
    .section-who .card-content-2,
    .section-who .card-content-3,
    .section-who .card-content-4,
    .section-who .card-content-5,
    .section-who .card-content-6 {
        padding: 1.875rem 1.25rem;
    }
}