.booking-hero { min-height: 390px; display: grid; align-items: end; padding-bottom: clamp(48px, 7vw, 86px); background: radial-gradient(circle at 88% 7%, rgba(216,160,167,.38), transparent 31%), radial-gradient(circle at 12% 82%, rgba(102,112,107,.16), transparent 34%); }
.booking-intro { max-width: 820px; }
.booking-intro h1 { max-width: 760px; margin: 0 0 1.35rem; font-size: clamp(3.4rem, 7vw, 6.6rem); }
.booking-intro > p:not(.eyebrow) { max-width: 610px; color: var(--muted); font-size: 1.05rem; }
.booking-intro .booking-note { margin-top: 1.55rem; color: var(--ink); font-size: .9rem; font-weight: 650; }
.booking-note a { color: var(--berry); border-bottom: 1px solid currentColor; }
.booking-frame-wrap { padding: 0 0 clamp(72px, 10vw, 128px); background: linear-gradient(var(--paper), var(--paper-deep)); }
.booking-frame { display: block; width: 100%; min-height: 935px; border: 1px solid rgba(39,32,31,.14); border-radius: 18px; background: var(--paper); box-shadow: 0 24px 60px rgba(39,32,31,.12); }
@media (max-width: 780px) { .booking-hero { min-height: 330px; } .booking-frame { min-height: 1080px; border-right: 0; border-left: 0; border-radius: 0; width: 100vw; margin-left: calc(50% - 50vw); } }