/* John Morley Find Us: address card beside a Google map */
.jm.where { --map-h: 420px; padding: clamp(72px, 8vw, 120px) 0; }
.jm .where__in { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 24px; }
.jm.where.no-map .where__in { grid-template-columns: minmax(0, 560px); }
.jm .where__card { display: grid; align-content: start; gap: 22px; padding: 36px; border-radius: var(--r); background: var(--white); }
.jm .where__card address { font-size: 18px; font-style: normal; line-height: 1.55; color: var(--slate); }
.jm .where__tel { margin: 0; padding: 0; list-style: none; }
.jm .where__tel li { display: flex; align-items: baseline; gap: 14px; padding: 8px 0; border-top: 1px solid var(--line); }
.jm .where__tel span { min-width: 88px; color: var(--mute); font-size: 14px; }
.jm .where__tel a { font: 800 28px/1 var(--font-display); color: var(--slate); text-decoration: none; }
.jm .where__tel a:hover { color: var(--clay-ink); }
/* an email address is longer than a phone number: smaller, and allowed to wrap */
.jm .where__tel .where__mail a { font: 600 17px/1.3 var(--body); overflow-wrap: anywhere; }
.jm .where__map { min-height: var(--map-h); overflow: hidden; border-radius: var(--r); background: var(--lime-2); }
.jm .where__map iframe { display: block; width: 100%; height: 100%; min-height: var(--map-h); border: 0; filter: grayscale(.4) contrast(1.05); }
.jm .where__map.is-mute iframe { filter: grayscale(1) contrast(1.05); }

@media (max-width: 1024px) {
	.jm .where__in { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.jm .where__card { padding: 24px; }
}