/* =========================================================
   Form page (Figma: Form 4860:41702, mobile 4860:41901)
   ========================================================= */

.form-page {
	display: grid;
	grid-template-columns: minmax(0, 520fr) minmax(0, 736fr);
	align-items: start;
	column-gap: var(--sypn-space-xl);
	padding: var(--sypn-space-lg) var(--sypn-gutter);
	color: var(--brand-asphalt-black);
	font-family: var(--sypn-font);
}

.form-page__intro {
	display: flex;
	flex-direction: column;
	gap: var(--sypn-space-xs);
}

.form-page__heading {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
}

.form-page__text {
	font-size: 20px;
	line-height: 32px;
}

.form-page__text > * {
	margin: 0;
}

.form-page__text > * + * {
	margin-top: var(--sypn-space-xs);
}

.form-page__text a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}

.form-page__contact {
	display: flex;
	align-items: flex-start;
	gap: var(--sypn-space-xxs);
	margin: 0;
	color: var(--tertiary-primary-700);
	font-size: 20px;
	line-height: 32px;
}

.form-page__contact .material-symbols-outlined {
	flex-shrink: 0;
	color: var(--brand-asphalt-black);
	font-size: 32px;
	line-height: 32px;
}

.form-page__contact a {
	color: inherit;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.form-page__contact a:hover {
	text-decoration: underline;
}

@media (max-width: 991.98px) {
	.form-page {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--sypn-space-lg);
	}
}