#location .where-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #f5ebdc;
  border-color: #dfcfb9;
}
.where-card .meeting-photo {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: min(57%, 300px);
  height: auto;
  display: block;
  filter: sepia(.23) saturate(.77) blur(.55px);
  mask-image: linear-gradient(to right, transparent 0%, #000 43%),
              linear-gradient(to bottom, #000 53%, transparent 98%);
  mask-composite: intersect;
}
#location .where-card .eyeline { color: #82482e; }
#location .where-card p:not(.where-address),
#location .where-card > small,
#location .where-card .time-options span { color: #695747; }
#location .where-card .time-options { border-color: #d7c3ac; }
#location .where-card .time-options strong { color: #784834; }

@media (max-width: 520px) {
  #location .where-card { padding-top: clamp(158px, 46vw, 212px); }
  .where-card .meeting-photo {
    width: 100%;
    height: clamp(185px, 55vw, 247px);
    object-fit: cover;
    object-position: 50% 48%;
    mask-image: linear-gradient(to bottom, #000 58%, transparent 100%);
  }
}
