.map-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 320px;
  background: #f6eddf;
  color: var(--ink);
}

.map-card iframe {
  width: 100%;
  height: 100%;
  min-height: 320px;
  border: 0;
  filter: saturate(.65) contrast(1.05);
}

.map-card > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 45px;
}

.map-card span {
  color: var(--cognac);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.map-card b {
  margin: 8px 0 20px;
  font-family: var(--serif);
  font-size: clamp(24px, 3vw, 38px);
}

.map-card a {
  border-bottom: 1px solid var(--amber);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.contact-hours {
  display: flex;
  flex-direction: column;
  padding: 17px 0;
  border-bottom: 1px solid rgba(255,255,255,.17);
}

.contact-hours span {
  color: #c7d1c0;
  font-size: 9px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.contact-hours b { font-family: var(--serif); font-size: 19px; }
.contact-hours small { color: #d3dacb; }

@media (max-width: 820px) {
  .map-card { grid-template-columns: 1fr; }
  .map-card iframe { min-height: 280px; }
  .map-card > div { padding: 30px 22px; }
}