/* Booking pop-up (assets/js/book.js) and the Contact page calendar. Colours are written out so every page can use it. */
.vf-book{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:28px;
  background:rgba(6,5,7,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}
.vf-book.open{opacity:1}
.vf-book[hidden]{display:none}
.vf-book-box{position:relative;width:min(1000px,100%);height:min(760px,100%);background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.55);transform:translateY(12px);transition:transform .2s ease}
.vf-book.open .vf-book-box{transform:none}
.vf-book-box iframe{width:100%;height:100%;border:0;display:block}
.vf-book-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  background:#120f16;color:#f6f4f7;font-size:24px;line-height:40px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.vf-book-x:hover,.vf-book-x:focus-visible{background:#ff8154;color:#060507;outline:none}
html.vf-book-lock{overflow:hidden}

.c-book{max-width:980px;margin:70px auto 0;scroll-margin-top:90px}
.c-book-head{text-align:center;margin-bottom:26px}
.c-book-head .eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;color:#ff8154;margin-bottom:8px}
.c-book-head h2{font-size:clamp(28px,4vw,40px);margin-bottom:8px}
.c-book-head p{color:#988f9e;font-size:16px}
.c-book-frame{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}
.c-book-frame iframe{width:100%;height:720px;border:0;display:block}
.c-book-alt{text-align:center;color:#988f9e;font-size:14px;margin-top:14px}
.c-book-alt a{color:#ff8154;font-weight:600}
@media(max-width:760px){.c-book-frame iframe{height:1350px}}