/* contact_form */
:is(body, .is-preview) {
	.contact-form__columns {
		display: flex;
		flex-direction: column;
		gap: var(--gap-2xl);
		padding-top:60px;
	}
	.contact-form__left {
		display: flex;
		flex-direction: column;
		gap: var(--gap-lg);
		padding: 0 10px;
	}
	.contact-form__intro,
	.contact-form__heading {text-align:center;}
	.contact-form__intro {
		font-family: var(--font-display);
		font-size: var(--font-size-lg);
		line-height: 1.4;
		font-weight: var(--font-weight-extrabold);
		color: var(--color-text-body);
		margin: 0;
	}
	.contact-form__contact-card {
		background-color: var(--color-white);
		border-radius: var(--radius-md);
		padding: 20px;
		display: flex;
		flex-direction: column;
		gap: var(--gap-xs);
		align-self: flex-start;
		width:100%;
		min-width:320px;
	}
	.contact-form__contact-name {
		font-family: var(--font-secondary);
		font-size: var(--font-size-md);
		line-height: normal;
		font-weight: var(--font-weight-medium);
		margin: 0;
	}
	.contact-form__contact-title {
		font-family: var(--font-secondary);
		font-size: var(--font-size-md);
		line-height: 1.39;
		font-weight: var(--font-weight-light);
		color: var(--color-text-body);
		margin: 0;
	}
	.contact-form__contact-phone,
	.contact-form__contact-email {
		font-family: var(--font-secondary);
		font-size: var(--font-size-md);
		line-height: 1.39;
		font-weight: var(--font-weight-light);
		margin: 0;
	}
	.contact-form__contact-phone a,
	.contact-form__contact-email a {
		color: var(--color-grass);
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: 10%; 
		text-underline-offset: 15%; 
		text-underline-position: from-font;
		text-decoration-color: var(--color-grass);
		transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
	}
	.contact-form__contact-phone a:hover,
	.contact-form__contact-email a:hover,
	.contact-form__contact-phone a:focus-visible,
	.contact-form__contact-email a:focus-visible {
		color: var(--color-kale);
		text-decoration-color: var(--color-kale);
	}
	.contact-form__form-card {
		background-color: var(--color-white);
		border-radius: var(--radius-md);
		padding: 30px 30px 36px;
		box-shadow: 0 0 12px rgba(71, 71, 71, 0.2);
	}
	.contact-form__form-empty {
		color: var(--color-text-muted);
		font-family: var(--font-secondary);
		margin: 0;
	}
	@media (min-width: 768px) {
		.contact-form__columns {padding-top: 80px;}
		.contact-form__intro,
		.contact-form__heading {text-align:left;}
		.contact-form__contact-card {width:auto;}
	}
	@media (min-width: 993px) {
		.contact-form__columns {flex-direction: row;gap: var(--gap-2xl);align-items: flex-start;padding-top: 120px;}
		.contact-form__left {flex: 1 1 0%;padding:0;}
		.contact-form__right {flex: 1 1 0%;}
		.contact-form__intro {font-size: var(--font-size-xl);line-height: 1.5;}
	}
}