/* Contact (lien-he): page title, info card + photo 5 / contact form (CF7 "Contact") 7,
 * location photo/text, CTA. No phone, email or hours: the customer adds them later. */

.dp-contact > .section-content { padding: 90px 0 110px; }
.dp > .section-content > .row.dp-contact-row {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 70px;
	align-items: start;
}
.dp-contact-side .dp-contact-img { margin-top: 24px !important; }
.dp-contact-side .dp-contact-img img { aspect-ratio: 4 / 3; object-fit: cover; }
.dp-contact-t h2 { margin: 0 0 12px; }
.dp-contact-t p:not(.eyebrow) { margin-bottom: 30px !important; color: var(--muted); }

/* location */
.dp-locate { background-color: var(--mist); background-image: var(--breeze); }
.dp-locate > .section-content { padding: 110px 0; }
.dp > .section-content > .row.dp-locate-row {
	display: grid;
	grid-template-columns: 7fr 5fr;
	gap: 64px;
	align-items: center;
}
.dp-locate-img img { aspect-ratio: 3 / 2; object-fit: cover; }
.dp-locate-t { margin-bottom: 30px; }
.dp-locate-t p:not(.eyebrow) { color: var(--muted); }

@media (max-width: 1024px) {
	.dp-contact > .section-content { padding: 70px 0 90px; }
	.dp > .section-content > .row.dp-contact-row { grid-template-columns: 1fr; gap: 56px; }
	.dp-contact-form { order: -1; }
	.dp-locate > .section-content { padding: 80px 0; }
	.dp > .section-content > .row.dp-locate-row { grid-template-columns: 1fr; gap: 36px; }
}

@media (max-width: 767px) {
	.dp-contact > .section-content { padding: 50px 0 72px; }
	.dp-contact-form .grid2 { grid-template-columns: 1fr; }
	.dp-locate > .section-content { padding: 70px 0; }
}