.about {
    padding: 0;
}

.about__container {
    padding: 0;
}

.about__content {
    display: grid;
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1fr);
    gap: 0;
    border: 1px solid var(--line-strong);
    background: var(--surface);
}

.about__image-container {
    position: sticky;
    top: calc(var(--header-height) + 24px);
}

.about__figure {
    overflow: hidden;
    border-width: 0 1px 0 0;
}

.about__image {
    width: 100%;
    aspect-ratio: 0.88;
    object-fit: cover;
}

.about__text {
    padding: 28px 30px;
    border: 0;
}

.about__content-text {
    max-width: 52rem;
    color: var(--text-soft);
}

.about__content-text p + p {
    margin-top: 1.15rem;
}

@media (max-width: 1024px) {
    .about__content {
        grid-template-columns: 1fr;
    }

    .about__image-container {
        position: static;
    }

    .about__figure {
        border-width: 0 0 1px 0;
    }
}

@media (max-width: 720px) {
    .about__text {
        padding: 20px;
    }
}