/* Layout: contact. Form field styles: partials/contact-form.css. */
.sw-contact__inner { display: grid; gap: var(--gap-l); }
.sw-contact__inner > * { min-inline-size: 0; }

.sw-contact__panel {
	display: grid;
	align-content: start;
	gap: var(--gap-m);
	padding: var(--gap-l) var(--space-24);
	background: var(--color-bg-alt);
}

@media (min-width: 48em) {
	.sw-contact__panel { padding: var(--space-64); }
}

/* Two columns in the design ratio (29:50), so the text column shrinks along with the content column */
@media (min-width: 62em) {
	.sw-contact__inner {
		grid-template-columns: minmax(0, 29fr) minmax(0, 50fr);
		gap: var(--gap-l);
	}
}

@media (min-width: 75em) {
	.sw-contact__inner { gap: var(--space-96); }
}