.photo-hero--balance {
    margin-top: 60px;
}

.photo-hero--balance .photo-hero__banner {
    align-items: flex-start; min-height: 570px;
}

.photo-hero--balance .photo-hero__content {
    gap: 0; width: 100%; max-width: none; padding: 64px 39px 64px 118px;
}

.photo-hero--balance .photo-hero__title span {
    display: block; color: var(--c-green-700);
}

.photo-hero--balance .photo-hero__text {
    max-width: 570px; margin-top: 24px; font-family: inherit; font-size: 18px;
}

.photo-hero--balance .photo-hero__lead {
    display: flex;
    align-items: center;
    gap: 14px;
    order: 1;
    max-width: 417px;
    margin-top: 24px;
    padding: 14px;
    border-radius: 8px;
    background: var(--c-green-700);
    color: #fff;
    font-size: 18px;
    line-height: 21.6px;
}

.photo-hero--balance .photo-hero__lead::before {
    content: "";
    flex: none;
    width: 40px;
    height: 34px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2.6 4 18.8 17' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M12 20s-8-4.7-8-10.3A4.6 4.6 0 0 1 12 7a4.6 4.6 0 0 1 8 2.7C20 15.3 12 20 12 20Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.photo-hero--balance .photo-hero__audience {
    order: 2; width: 100%; margin-top: 40px;
}

.photo-hero--balance .photo-hero__audience ul {
    flex-direction: row; gap: 24px;
}

.photo-hero--balance .photo-audience {
    flex: 1; align-items: flex-start; max-width: 400px; border-radius: 6px; background: rgba(255, 255, 255, .9);
}

.photo-hero--balance .photo-audience strong {
    font-size: 18px; font-weight: 600; line-height: 21.6px;
}

.photo-hero--balance .photo-audience__icon {
    width: 50px; height: 50px; overflow: hidden; border-radius: 50%; background: rgba(16, 139, 0, .1);
}

.photo-hero--balance .photo-audience__icon img {
    width: 34px;
}

@media (max-width: 1240px) {
    .photo-hero--balance .photo-hero__content {
        padding-left: 48px;
    }

    .photo-hero--balance .photo-hero__banner::before {
        display: block; background: linear-gradient(90deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .75) 55%, rgba(255, 255, 255, .2) 100%);
    }

    .photo-hero--balance .photo-hero__audience ul {
        flex-direction: column;
    }
}

@media (max-width: 860px) {
    .photo-hero--balance .photo-hero__content {
        padding: 32px 24px;
    }
}