.booking-character-wrap {
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(245px, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.booking-character-wrap .focus-character {
  width: 100%;
  max-width: 390px;
  max-height: none;
  margin: 0 -18px 0 0;
  justify-self: end;
}

.booking-character-wrap .focus-character img {
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
}

.booking-blurb {
  width: 100%;
  max-width: 225px;
  margin: 0;
  color: #173b52;
  font-family: "IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;
  font-size: clamp(1.2rem, 1.65vw, 1.45rem);
  font-weight: 700;
  line-height: 1.28;
  text-align: left;
}

.booking-blurb::before { content: "“"; color: #b78936; }
.booking-blurb::after { content: "”"; color: #b78936; }

.booking-homepage-visual {
  width: 100%;
  min-width: 0;
}

.booking-homepage-visual .quick-hero-shots {
  position: relative;
  padding-right: 3%;
}

.booking-homepage-visual .desktop-frame {
  padding: 0;
  overflow: hidden;
  border: 2px solid #0b2235;
  border-radius: 7px;
  background: transparent;
  transform: none;
  box-shadow: 7px 8px 0 rgba(11,34,53,.08), 0 22px 50px rgba(11,34,53,.12);
}

.booking-homepage-visual .desktop-frame img {
  width: 100%;
  border-radius: 4px;
}

.booking-homepage-visual .mobile-frame {
  top: 5%;
  right: -1%;
  bottom: auto;
  width: 22%;
  padding: 2px;
  border: 2px solid #0b2235;
  border-radius: 8px;
  background: #03080d;
  transform: rotate(2deg);
  box-shadow: 0 18px 38px rgba(11,34,53,.24);
}

.booking-homepage-visual .mobile-frame img { border-radius: 5px; }

.booking-calendar-caption {
  width: 76%;
  margin: 10px auto 0 0;
  color: #536b7c;
  font-size: .84rem;
  font-weight: 600;
  text-align: center;
}

/* Tighten the transition from the calendar screenshots into statistics. */
.desktop-evidence {
  padding-bottom: clamp(10px, 1.5vw, 18px);
  margin-bottom: 0;
}
.desktop-evidence + .evidence-section {
  padding-top: clamp(18px, 2.5vw, 30px);
}

@media (max-width: 980px) {
  .booking-character-wrap {
    width: min(620px, 100%);
    margin: 0 auto;
    grid-template-columns: minmax(210px, .75fr) minmax(260px, 1fr);
  }
}

@media (max-width: 680px) {
  .booking-character-wrap {
    width: 100%;
    grid-template-columns: minmax(140px, .78fr) minmax(170px, 1fr);
    gap: 4px;
  }

  .booking-character-wrap .focus-character { margin-right: -8px; }
  .booking-blurb { max-width: 175px; font-size: 1rem; }
  .booking-homepage-visual .desktop-frame { border-radius: 5px; }
  .booking-homepage-visual .desktop-frame img { border-radius: 2px; }
  .booking-homepage-visual .mobile-frame { width: 24%; }
  .booking-calendar-caption { width: 72%; margin-top: 8px; }
  .desktop-evidence { padding-bottom: 4px; }
  .desktop-evidence + .evidence-section { padding-top: 14px; }
}