.booking-section{max-width:1080px;padding-block:65px 62px}
.booking-heading{max-width:760px;margin:0 auto 38px;text-align:center}
.booking-heading .eyebrow{color:var(--brand);margin-bottom:18px}
.booking-heading h1{font-size:clamp(42px,5.5vw,70px);text-wrap:balance;margin-bottom:22px}
.booking-heading>p:last-child{max-width:540px;margin-inline:auto;color:var(--muted);font-size:17px}
.booking-calendar{position:relative;min-height:690px;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.meetings-iframe-container{width:100%;min-height:690px}
.meetings-iframe-container iframe{display:block;width:100%!important;max-width:100%;border:0!important}
.booking-status{position:absolute;top:34px;left:24px;right:24px;margin:0;text-align:center;color:var(--muted);font-size:15px;z-index:1;pointer-events:none}
.booking-status[hidden]{display:none}
.booking-calendar.has-error{min-height:160px}
.booking-calendar.has-error .meetings-iframe-container{display:none}
.booking-calendar.has-error .booking-status{position:static;padding:45px 24px;pointer-events:auto}
.booking-alternative{text-align:center;color:var(--muted);font-size:15px;margin:24px 0 0}
.booking-alternative a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand)}
.booking-no-script{position:relative;background:var(--white);padding:32px;text-align:center;margin:0}
@media(max-width:720px){.booking-section{padding-block:38px 40px}.booking-heading{margin-bottom:28px}.booking-heading>p:last-child{font-size:16px}.booking-calendar,.meetings-iframe-container{min-height:740px}.booking-calendar{border-radius:8px}.booking-status{left:16px;right:16px}.booking-alternative{margin-top:18px}}
/* HubSpot's supported embed has a 312px minimum width. Keep that intact on narrow phones. */
@media(max-width:360px){.booking-calendar{margin-inline:-15px;border-radius:4px}}