.aboutMe__container {
    display: flex;
    padding: 64px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    background-color: var(--color-iceland-100, #FBF9F6);
    
    @media (min-width: 960px) {
        display: flex;
        padding: var(--section-padding-md, 80px) var(--section-padding-md, 80px) 0 var(--section-padding-md, 80px);
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        flex: 1 0 0;
    }
}

.aboutMe__heading {
    font: var(--font-title-xl);
    color: var(--color-iceland-1000);
    padding: 0;
    margin: 0;
}

.aboutMe__text {
    font: var(--font-display-xs);
    color: var(--color-iceland-900);
}

.aboutMe__text p {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.aboutMe__read-more-container {
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.aboutMe__read-more-line {
    height: 1px;
    width: 100%;
    background: var(--color-iceland-500, #D1C9B8);
}

.aboutMe__text--clamped {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aboutMe__read-more {
    display: flex;
    height: 40px;
    padding: 8px var(--sizing-4xs, 0);
    justify-content: center;
    align-items: center;

    background: transparent;
    color: var(--color-cherry-700);
    font: var(--font-button-sm);
    text-wrap-mode: nowrap;
    cursor: pointer;
}

.aboutMe__signature {
    width: 220px;
    height: 60px;
    mix-blend-mode: multiply;
}