.po-about-us {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas:
        "images title"
        "images text"
        "images stats";
    gap: 0 40px;
    align-items: center;
}

.po-about-us-images { grid-area: images; }
.po-about-us-title { grid-area: title; }
.po-about-us-text { grid-area: text; }
.po-about-us-stats { grid-area: stats; }

.po-about-us-images {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.po-about-top-image,
.po-about-bottom-left,
.po-about-bottom-right {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.po-about-top-image { aspect-ratio: 660 / 325; }
.po-about-bottom-left { aspect-ratio: 276 / 227; }
.po-about-bottom-right { aspect-ratio: 364 / 227; }

.po-about-us-images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

div[data-align="top"] > img { object-position: 50% 0%; }
div[data-align="bottom"] > img { object-position: 50% 100%; }

.po-about-bottom-images {
    display: flex;
    gap: 20px;
}

.po-about-bottom-left { flex: 276; }
.po-about-bottom-right { flex: 364; }

.po-about-us-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.1;
    color: #1A1A1A;
    text-transform: capitalize;
    margin: 0;
    margin-top: auto;
}

.po-about-us-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-top: 40px;
}

.po-about-us-stats {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: auto;
}

.po-stat-item { flex: 1; }

.po-stat-item h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 16px 0;
	line-height: 24px;
}

.po-stat-item p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    margin: 0;
}


@media (max-width: 768px) {
    .po-about-us {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .po-about-us-title { order: 1; font-size: 30px; }
    .po-about-us-images { order: 2; width: 100%; gap: 16px; }
    .po-about-us-text { order: 3; font-size: 14px; }
    .po-about-us-stats { order: 4; }
	.po-about-bottom-images { gap: 16px; }
	
	.po-about-top-image {
		aspect-ratio: 660 / 440;
	}
	.po-about-us-title,
    .po-about-us-text,
    .po-about-us-stats {
		margin-top: 0px;
        margin-bottom: 0;
    }
    .po-about-us-stats {
        flex-direction: column;
        gap: 30px;
    }
    .po-about-bottom-left,
    .po-about-bottom-right {
        flex: 1;
    }
	.wd-content-layout {
		padding-block: 25px;
	}

}