.bf-flex-contact {
	background: var(--bf-color-white, #fff);
}
.bf-flex-contact-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: var(--bf-gap);
}
.bf-flex-contact-text {
	margin-block-start: 1.5rem;
	font-size: 1rem;
	line-height: 1.75;
}
.bf-flex-contact-text .bf-html-flow > * + * {
	margin-block-start: 1rem;
}
.bf-flex-contact-media {
	border-radius: var(--bf-radius);
	overflow: hidden;
}
.bf-flex-contact-image {
	display: block;
	width: 100%;
	height: auto;
}
.bf-flex-contact-form {
	width: 100%;
	margin-block-start: 2rem;
	padding-block-start: 2rem;
	border-block-start: 1px solid var(--bf-border);
}
@media (min-width: 64rem) {
	.bf-flex-contact-grid:has(.bf-flex-contact-copy):has(.bf-flex-contact-media) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.bf-flex-contact-image--left .bf-flex-contact-media {
		grid-column: 1;
		grid-row: 1;
	}
	.bf-flex-contact-image--left .bf-flex-contact-copy {
		grid-column: 2;
		grid-row: 1;
	}
	.bf-flex-contact-image--left:not(:has(.bf-flex-contact-media)) .bf-flex-contact-copy {
		grid-column: 1 / -1;
	}
}