.booking-page {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(36px, 8vw, 126px);
  align-items: start;
}
.booking-heading { margin: 0; }
.booking-heading h1 { font-size: clamp(70px, 9.5vw, 148px); }
.booking-heading em { display: block; }
.booking-lead { margin: 28px 0 10px; color: var(--pink); font: 400 clamp(26px, 3vw, 40px)/1.1 var(--serif); }
.booking-description { margin: 0; max-width: 37ch; color: var(--muted); }
.booking-form { min-width: 0; border-top: 1px solid var(--rule); padding-top: 20px; }
.booking-form h2 { margin: 0 0 8px; font: 400 clamp(24px, 3vw, 38px)/1.12 var(--serif); }
.booking-note { margin: 0; font-size: .81rem; color: var(--muted); }
.booking-privacy { margin-bottom: 14px; }
.booking-privacy a { color: var(--pink); text-decoration: underline; }
.booking-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 23px 0; }
.booking-fields label { display: grid; gap: 6px; color: var(--pink); font-size: .83rem; }
.booking-full { grid-column: 1 / -1; }
.booking-fields :is(input, select, textarea) {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  border: 1px solid var(--rule);
  border-radius: 0;
  padding: 10px 11px;
  background: #191718;
  color: var(--white);
  font: 16px/1.4 Arial, sans-serif;
}
.booking-fields :is(input, textarea)::placeholder { color: #aaa1a4; }
.booking-fields textarea { resize: vertical; }
.booking-submit { border: 0; margin-bottom: 10px; }
.booking-submit:disabled { opacity: .66; cursor: wait; }
.booking-result { margin: 14px 0 0; color: var(--pink); }

@media (max-width: 780px) {
  .booking-page { grid-template-columns: 1fr; }
  .booking-heading em { display: inline; }
}
@media (max-width: 490px) {
  .booking-fields { grid-template-columns: 1fr; }
}