.about-page {
	background: linear-gradient(180deg, #f6f9fd 0%, #f4f7fb 100%);
}

.about-page-inner {
	width: min(100%, 1080px);
	margin: 0 auto;
	padding: 0 24px;
}

.about-page-hero {
	padding: 72px 0 28px;
}

.about-page-kicker {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.24em;
	color: #4d74a8;
}

.about-page-title {
	margin: 0;
	font-size: clamp(34px, 5vw, 54px);
	line-height: 1.08;
	color: #17314d;
}

.about-page-lead {
	max-width: 720px;
	margin: 18px 0 0;
	font-size: 15px;
	line-height: 1.95;
	color: #5d7492;
}

.about-page-body {
	padding: 8px 0 72px;
}

.about-document {
	padding: 34px 32px;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.88);
	box-shadow:
		0 24px 48px rgba(95, 118, 149, 0.1),
		inset 0 0 0 1px rgba(122, 147, 182, 0.12);
	backdrop-filter: blur(10px);
}

.about-section + .about-section {
	margin-top: 34px;
	padding-top: 34px;
	border-top: 1px solid rgba(134, 155, 185, 0.16);
}

.about-section h2 {
	margin: 0 0 12px;
	font-size: 24px;
	line-height: 1.3;
	color: #18304f;
}

.about-section p {
	margin: 0;
	font-size: 15px;
	line-height: 1.95;
	color: #4f6582;
}

.about-section p + p {
	margin-top: 12px;
}

.about-section a {
	color: #275995;
	text-decoration: none;
	font-weight: 700;
}

.about-section a:hover {
	color: #183f6b;
}

@media (max-width: 767px) {
	.about-page-inner {
		padding: 0 18px;
	}

	.about-page-hero {
		padding: 52px 0 20px;
	}

	.about-page-lead,
	.about-section p {
		font-size: 14px;
	}

	.about-document {
		padding: 24px 20px;
		border-radius: 22px;
	}

	.about-section + .about-section {
		margin-top: 26px;
		padding-top: 26px;
	}

	.about-section h2 {
		font-size: 21px;
	}
}