.site-main--about {
	padding-block: 2.5rem 4rem;
}

.page-about__panel {
	display: grid;
	justify-items: start;
	gap: 1.25rem;
	padding: 1.75rem;
	border-radius: var(--r-lg);
	background: #f3f4f1;
}

.page-about__panel h1 {
	font-size: clamp(2rem, 5vw, 3.1rem);
	line-height: 1.12;
}

.page-about__text {
	max-width: none;
}

.page-about__text > * + * {
	margin-top: 1.1rem;
}

.page-about__text p {
	font-size: 1.05rem;
	line-height: 1.65;
}

.page-about__panel .btn {
	margin-top: 0.35rem;
}

@media (min-width: 768px) {
	.site-main--about {
		padding-block: 3.25rem 4.5rem;
	}

	.page-about__panel {
		gap: 1.45rem;
		padding: 2.5rem 2.75rem;
	}

	.page-about__text p {
		font-size: 1.125rem;
	}
}

@media (min-width: 1024px) {
	.site-main--about {
		padding-block: 4rem 5.5rem;
	}

	.page-about__panel {
		width: 70%;
		max-width: 46rem;
		margin-inline: auto;
		gap: 1.6rem;
		padding: 3rem 3.25rem;
		border-radius: var(--r-hero);
	}
}