/* What. */

.what {
	--bone_w: 1800px;

	margin-top: 48px;
}

.what_title {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}

.what_sub_title {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	padding: 3px 0 9px;
}

.what_posts_wrapper {
	--inner_g: 52px 60px;

	align-items: flex-start;

	margin-top: 40px;
}

.what_posts:not(.__grid-twoo) {
	display: grid;
	grid-gap: 52px;
}

.what_post {
	grid-row-gap: 0;
	align-items: flex-start;
}

.what_post_img {
	--inner: 20px;
	---inner: calc(var(--inner) * -1);

	position: relative;
	border-radius: 20px;
}

.what_post_img:after {
	content: '';
	display: block;
	padding-bottom: var(--percent_h);
}

.what_post_img img {
	position: absolute;
	top: 0;
	left: 0;

	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}

.what_post:not(.__grid-twoo) .what_post_content {
	margin: 0 auto;
	max-width: 88%;
}

.what_post_content {
	margin-top: 24px !important;
}

.what_post_name {
	font-size: 20px;
	font-weight: 700;
}

.what_post_desc {
	margin-top: 18px;
}

.what_post_desc p + p {
	margin-top: 1em;
}

/* What. */

@media only screen and (max-width: 1200px) {

	/* What. */

	.what_posts_wrapper {
		grid-template-columns: 1fr;
	}

	/* What. */

}

@media only screen and (max-width: 900px) {

	/* What. */

	.what_title {
		font-size: 32px;
	}

	/* What. */

}

@media only screen and (max-width: 770px) {

	/* What. */

	.what {
		margin-top: 24px;
	}

	.what_title {
		font-size: 24px;
	}

	.what_post._hide {
		display: none !important;
	}

	.what_posts {
		grid-template-columns: 1fr;
	}

	.what_posts_wrapper {
		margin-top: 30px;
	}

	.what_post_img {
		--inner: 12px;
		---inner: calc(var(--inner) * -1);
	}

	.what_post_name {
		font-size: 19px;
	}

	.what_post:not(.__grid-twoo) .what_post_content {
		max-width: none;
	}

	/* What. */

}