/* -------------------------------------------------------------------------
   8.4 Contact (page-contact.php)
   ------------------------------------------------------------------------- */

.contact__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: var(--space-4) var(--space-5);
}

@media (min-width: 900px) {
	.contact__layout {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
		/* info | map */
	}
}

.contact__info h2 {
	margin-top: 0;
	font-size: var(--size-l);
}

.contact__info h2 ~ h2 {
	margin-top: var(--space-4);
}

.contact__map iframe {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	background: var(--stone);
	border: 0;
}

.contact__map-link {
	margin-top: var(--space-1);
	font-size: var(--size-s);
}