.about-founder-section {
	padding: 140px 0;
    max-width: 1320px;
    margin: 0 auto;

    @media screen and (max-width: 768px) {
        padding: 60px 20px;
    }
}

.about-founder-section-title {
    font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #004735;
    padding-bottom: 14px;
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(0, 71, 53, 0.1);

    @media screen and (max-width: 768px) {
        font-size: 16px;
        margin-bottom: 30px;
    }
}
.about-founder-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: start;

    @media screen and (max-width: 768px) {
        gap: 12px;
    }
}

/* LEFT SIDE */
.about-founder-left {
    background-color: rgba(0, 71, 53, 1);
    border-radius: 20px;
    padding: 40px 0 40px 40px;
    height: 620px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    @media screen and (max-width: 768px) {
        padding: 20px 0 20px 20px;
        height: 535px;
    }

    @media screen and (max-width: 480px) {
        height: 435px;
    }
}

.about-founder-right {
    height: 660px;
    padding: 0 80px 40px 40px;
    background: url('data:image/svg+xml,<svg width="650" height="703" viewBox="0 0 650 703" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M645.896 454.485C634.092 378.301 583.654 356.515 562.804 348.287C522.879 332.471 464.84 336.668 451.591 336.668C438.342 336.668 311.596 341.349 288.959 340.06C231.251 336.668 184.045 319.078 153.013 298.9C68.4641 244.028 36.7803 163.647 23.531 122.818C10.1162 81.9889 2.51525 42.7677 0.253712 5.16559C0.143393 3.46942 0.0661914 1.74023 0 0V702.87H650V491.041C648.974 477.626 647.617 465.444 645.907 454.485H645.896Z" fill="%23004735"/></svg>');
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position-y: bottom;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    @media screen and (max-width: 768px) {
        height: 605px;
        padding: 0 0 20px 20px;
        background-size: cover;
    }

    @media screen and (max-width: 480px) {
        background: url('data:image/svg+xml,<svg width="335" height="599" viewBox="0 0 335 599" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M334.872 234.861C328.752 195.492 302.602 184.234 291.792 179.982C271.093 171.809 241.002 173.977 234.133 173.977C227.263 173.977 161.551 176.396 149.814 175.73C119.895 173.977 95.4204 164.888 79.3312 154.46C35.496 126.105 19.0692 84.5668 12.1999 63.4678C5.24487 42.3688 1.30406 22.1007 0.13154 2.66938C0.0743439 1.79287 0.0343177 0.899283 0 0V599.331H337V253.752C336.468 246.819 335.764 240.524 334.878 234.861H334.872Z" fill="%23004735"/></svg>');
        height: 585px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.af-left-title {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.02em;
	margin: 0;
    color: rgba(255, 255, 255, 1);

    @media screen and (max-width: 768px) {
        font-size: 21px;
    }
}

.af-left-image {
    position: absolute;
    top: 85px;
    right: 0;

    @media screen and (max-width: 768px) {
        top: 35px;
        margin: 20px 0 0 20px;
    }
    
    img {
        @media screen and (max-width: 768px) {
            max-width: 525px;
            width: 100%;
        }
    }
}

.af-right-image {
    position: absolute;
    z-index: -1;
    left: 0;
    height: inherit;
    top: 0;

    @media screen and (max-width: 768px) {
        width: 100%;
        left: unset;
        right: 0;
    }
}

.af-right-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px; /* ты заменишь на свою кривую маску */

    @media screen and (max-width: 768px) {
        max-height: 605px;

    }

    @media screen and (max-width: 480px) {
        height: 580px;
        object-fit: cover;
    }
}

.af-left-text {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: rgba(207, 226, 224, 0.8);
    max-width: 345px;

    @media screen and (max-width: 768px) {
        max-width: calc(100% - 75px);
    }
}

/* RIGHT SIDE */
.af-right-text {
    font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: rgba(207, 226, 224, 1);

    @media screen and (max-width: 768px) {
        max-width: calc(100% - 50px);
        font-size: 14px;
    }
}

/* Responsive */
@media (max-width: 900px) {
	.about-founder-grid {
		grid-template-columns: 1fr;
	}
}