/* Book a call — intro on green, the Calendly calendar on cream */
.bkg-intro{padding-bottom:clamp(36px,5vw,64px)}
.bkg-intro .heading{margin:18px 0 16px}
.bkg-lead{max-width:52ch;color:var(--sand);margin:0}

.bkg{padding-top:clamp(32px,5vw,64px)}
.bkg-frame{position:relative;max-width:1060px;margin:0 auto;min-height:420px;
  border:1px solid var(--hairline-on-cream);background:#fff}
/* Calendly sizes its own iframe once resize is on; this is the height
   it starts from */
.bkg-frame.is-live{min-height:700px;border:0;background:transparent}
.bkg-frame.is-live iframe{display:block}

.bkg-gate{max-width:560px;margin:0 auto;padding:clamp(40px,7vw,80px) clamp(20px,4vw,40px);text-align:left}
.bkg-gate-text{margin:14px 0 24px;font-size:16px;line-height:1.6;color:var(--ink)}
.bkg-gate-text a{color:var(--ink);text-underline-offset:3px;text-decoration-color:var(--signal)}
.bkg-gate-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.bkg-gate-alt{color:var(--ink);font-size:15px;text-underline-offset:3px;text-decoration-color:var(--signal)}
.bkg-gate-note{margin:26px 0 0;font-size:13.5px;color:var(--warm-grey)}
.bkg-gate-note .cc-open{color:var(--ink)}
.bkg-frame.is-loading .bkg-gate{opacity:.55;pointer-events:none}

/* the facts of the call, and who is on it */
.bkg-facts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bkg-facts li{padding:7px 12px;border:1px solid rgba(216,211,199,.3);font-size:14px;color:var(--cream)}
.bkg-hosts{margin-top:30px}
.bkg-hosts .micro{margin:0 0 14px}
.bkg-host-list{display:flex;flex-wrap:wrap;gap:16px 34px}
.bkg-host{display:flex;align-items:flex-end;gap:14px;margin:0}
.bkg-host img{width:64px;height:76px;object-fit:contain;object-position:center bottom;
  border-bottom:1px solid var(--hairline-on-green)}
.bkg-host figcaption{display:flex;flex-direction:column;gap:3px;padding-bottom:4px}
.bkg-host b{font-weight:600;font-size:16px;color:var(--cream)}
.bkg-host span{font-size:13.5px;line-height:1.4;color:var(--sand);max-width:26ch}

/* what to have at hand, under the calendar */
.bkg-prep{max-width:1060px;margin:clamp(36px,5vw,56px) auto 0}
.bkg-prep ul{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--hairline-on-cream);max-width:640px}
.bkg-prep li{padding:12px 0;border-bottom:1px solid var(--hairline-on-cream);font-size:15.5px;color:var(--ink)}
.bkg-prep-alt{margin:22px 0 0;font-size:15px;color:var(--ink)}
.bkg-prep-alt a{color:var(--ink);font-weight:600;text-underline-offset:3px;text-decoration-color:var(--signal)}