/* Bookings — Figma 225:1949 */
.contact-intro { padding-bottom: 0; }
.contact-intro__row { align-items: flex-start; gap: clamp(32px, 4.2vw, 81px); }
.contact-intro__text { position: relative; display: flex; justify-content: center; padding-top: clamp(16px, 2.45vw, 47px); }
.contact-intro__copy { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 628px; text-align: center; }
.contact-intro__flourish { position: absolute; left: 48.7%; top: 14px; width: min(369px, 51%); height: auto; pointer-events: none; }
.contact-intro__heading { margin-top: 49px; margin-bottom: 12px; }
.contact-intro__heading ~ .contact-intro__heading { margin-top: 27px; }
.contact-intro__copy .body-text a { color: inherit; text-decoration: none; }
.contact-intro__copy .body-text a:hover { color: var(--c-copper-text); text-decoration: underline; }
.contact-intro__address { max-width: 340px; }
.contact-social { display: flex; gap: 9px; margin-top: 14px; }
.contact-social__link { display: block; width: 20px; height: 20px; color: var(--c-ink); transition: color var(--dur) var(--ease); }
.contact-social__link:hover { color: var(--c-copper-text); }
.contact-social__link svg { display: block; width: 100%; height: 100%; }
.contact-social__glyph { fill: var(--c-white); }
.contact-social__line { fill: none; stroke: var(--c-white); stroke-width: 1.3; }
.contact-intro__closing { margin-top: 36px; }
.contact-intro__media { position: relative; max-width: 519px; }
.contact-intro__photo { aspect-ratio: 519 / 644; }
.contact-intro__script { position: absolute; left: 10.2%; top: 76.9%; max-width: 330px; line-height: 1.1; pointer-events: none; }

.booking-form-section { padding-bottom: 0; }
.suggested { padding-bottom: clamp(64px, 5.9vw, 113px); }

@media (max-width: 991px) {
  .contact-intro__text { padding-top: 0; }
  .contact-intro__media { align-self: center; width: 100%; }
  .contact-intro__script { top: 72%; }
}
@media (max-width: 479px) {
  .contact-intro__script { left: 6%; max-width: 240px; }
}