/* Location & Hours: a live map sits in the slot the office photo used.
   Same radius as the photo (.rounded); it fills the grid cell beside the
   card on desktop/tablet and becomes a 4:3 tile under the card on phones. */
.location-map {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 20rem;
  border: 0;
  background: var(--color-neutral-100);
}

@media screen and (max-width: 767px) {
  .location-map {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
}