/* Book Now: the photo half (it swaps with the services she picks) and the form half, equal width. Loaded after site.css. */
.bk{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;padding:72px 0 0!important;align-items:start}
.bk-media{position:sticky;top:72px;height:calc(100svh - 72px);overflow:hidden;color:#fff;background:#000}
.bk-media .bn-plate,.bk-media .bn-plate .slot{position:absolute!important;inset:0;max-width:none!important;margin:0!important;aspect-ratio:auto!important}
.bk-media .bn-plate img{width:100%;height:100%;object-fit:cover;transition:opacity .5s}
.bk-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.72) 100%);pointer-events:none}
.bk-hero{position:absolute;left:0;right:0;bottom:0;padding:0 var(--m) clamp(40px,8vh,80px)}
.bk-hero .micro{color:rgba(255,255,255,.75);margin-bottom:16px}
.bk-hero .d1{font-size:clamp(3rem,5.4vw,6.4rem)}
.bk-lede{margin-top:14px;font-size:clamp(16px,1.3vw,19px);color:rgba(255,255,255,.86)}

.bk-side{padding:clamp(36px,7vh,72px) var(--m) var(--s1);max-width:720px}
.bk-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #000;border-bottom:1px solid var(--hair);margin-bottom:clamp(36px,6vh,56px)}
.bk-proof span{display:flex;flex-direction:column;gap:6px;padding:16px 12px 16px 0}
.bk-proof b{font:400 clamp(1.5rem,2vw,2rem)/1 var(--serif)}
.bk-proof small{font:500 9.5px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.bk-side>.d2{margin-bottom:22px}

/* segmented control */
.bk .doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:0;border-radius:99px;background:var(--bone);margin-bottom:32px}
.bk .doors button{min-height:46px;border-radius:99px;color:#555;transition:background .3s,color .3s,box-shadow .3s}
.bk .doors button[aria-selected=true]{background:#000;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.bk .ask-note{margin:-12px 0 24px;border-radius:12px}

/* fields */
.bk .lux-form{gap:22px}
.bk-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.bk .chip span{border-radius:99px;min-height:42px;padding:0 16px;font-size:13.5px}
.bk .lux-form .solid{width:100%;min-height:56px;border-radius:99px;margin-top:6px}
.bk-secure{text-align:center;margin-top:-8px}
.bk .direct{margin-top:28px;text-align:center}

/* phone: composed for 390 */
@media (max-width:699px){
  .bk{display:block!important;padding:0!important}
  .bk-media{position:relative;top:0;height:72svh;min-height:480px}
  .bk-hero{padding:0 16px 28px}
  .bk-hero .micro{margin-bottom:10px}
  .bk-hero .d1{font-size:clamp(2.8rem,13vw,3.5rem)}
  .bk-lede{margin-top:8px;font-size:16px}
  .bk-side{padding:0 16px 48px}
  .bk-proof{border-top:0;margin:0 -16px 32px;padding:0 16px;background:#fff}
  .bk-proof span{padding:16px 8px 16px 0}
  .bk-proof b{font-size:1.45rem}
  .bk-proof small{font-size:8.5px;letter-spacing:.14em}
  .bk-side>.d2{font-size:2.4rem;margin-bottom:16px}
  .bk .doors{margin-bottom:26px}
  .bk .doors button{min-height:44px;letter-spacing:.16em}
  .bk .lux-form{gap:20px}
  .bk-two{grid-template-columns:1fr;gap:20px}
  .bk .chips{gap:6px}
  .bk .chip span{min-height:40px;padding:0 14px;font-size:13px}
}
@media (min-width:700px) and (max-width:1100px){.bk-two{grid-template-columns:1fr}}
@media (max-width:699px){.bk-veil{background:linear-gradient(180deg,rgba(0,0,0,.38) 0,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 45%,rgba(0,0,0,.72) 100%)}}