/* Beyond the Render: public website, built to the approved design boards (canvas 8zc8, v17).

   Two exact targets:
   - desktop board, 1440 px wide: every value inside "@media (min-width:1200px)" is the board's value
     multiplied by var(--u). --u is exactly 1px from 1440 px up (the 1440 frame is then centred and the
     backgrounds run full width) and shrinks in proportion between 1200 and 1440 px, so laptops see the same
     composition, only smaller. Small text never goes below a readable floor (the max(…) values);
   - phone board, 390 px wide: values inside "@media (max-width:1199.98px)" are the phone board's values in px.
     The phone layout is fluid, so it also fits 360 to 430 px phones. From 700 to 1199 px (tablets) it keeps the
     phone structure with wider margins and two-column grids (the "tablet" blocks at the end).

   Order matters: shared components first, then page sections, which may refine them.
   Colours, fonts, glass and buttons come from the boards' shared stylesheet (the boards' <helmet>). */

:root{--u:min(1px, 100vw / 1440)}
/* Box sizing follows the boards: content-box by default, border-box where the boards set it. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;font-family:'Jost',sans-serif;background:#2E2219;color:#F4F0E8}
a{color:#E2C99E}a:hover{color:#F4E3C4}
img{border:0}
h1,h2,h3,p,ol,ul,figure,blockquote{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid #E4C796;outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:#F4F0E8;color:#1F1E1C;padding:10px 16px;border-radius:999px}
.skip:focus{left:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
[hidden]{display:none!important}
/* Studio preview of unpublished changes (staff only) */
.preview-bar{position:fixed;bottom:0;left:0;right:0;z-index:99;background:#9E3A2B;color:#fff;text-align:center;font-size:13px;padding:10px 16px}
.preview-bar a{color:#fff;font-weight:500;margin-left:10px}
@media print{.nav,.foot,.preview-bar,.xbar,.pw__tabs{display:none}}

/* ── glass, buttons, fields (verbatim from the boards) ─────────────────────────────── */
.g-dark{background:rgba(255,238,214,0.09);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,232,200,0.22);box-shadow:inset 0 1px 0 rgba(255,240,220,0.24),0 24px 60px rgba(40,24,10,0.28)}
.g-light{background:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border:1px solid rgba(255,255,255,0.75);box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 18px 48px rgba(70,52,30,0.10)}
.g-bronze{background:rgba(58,40,24,0.34);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,232,198,0.24);box-shadow:inset 0 1px 0 rgba(255,240,218,0.22),0 24px 60px rgba(12,7,3,0.35)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;margin:0;padding:0 28px;box-sizing:border-box;border-radius:999px;font-family:'Jost',sans-serif;font-size:13px;font-weight:400;letter-spacing:2px;text-decoration:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;appearance:none;transition:transform .25s ease,background .25s ease,box-shadow .25s ease;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
.btn:hover{transform:translateY(-1px)}
.btn[disabled]{opacity:.5;cursor:default;transform:none}
.btn-ivory{background:rgba(250,247,241,0.9);color:#1F1E1C;border:1px solid rgba(255,255,255,0.95);box-shadow:inset 0 1px 0 #fff,0 10px 30px rgba(0,0,0,0.25)}
.btn-ivory:hover{background:rgba(255,255,255,0.98);color:#1F1E1C}
.btn-clear{background:rgba(255,255,255,0.10);color:#F4F0E8;border:1px solid rgba(255,255,255,0.32);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)}
.btn-clear:hover{background:rgba(255,255,255,0.18);color:#fff}
.btn-ink{background:rgba(31,30,28,0.86);color:#F4F0E8;border:1px solid rgba(255,255,255,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.16),0 10px 30px rgba(31,30,28,0.25)}
.btn-ink:hover{background:rgba(31,30,28,0.95);color:#fff}
.lift{transition:transform .35s ease,box-shadow .35s ease}.lift:hover{transform:translateY(-6px)}
.navlink{color:#E6DED1;text-decoration:none;padding:10px 4px}.navlink:hover{color:#fff}
.navlink[aria-current]{color:#fff;border-bottom:1px solid #E4C796}
.field{width:100%;height:52px;box-sizing:border-box;margin:0;padding:0 16px;border-radius:14px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.22);color:#F4F0E8;font-family:'Jost',sans-serif;font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.field:focus{border-color:rgba(226,201,158,0.85);box-shadow:0 0 0 4px rgba(226,201,158,0.16)}
textarea.field{height:120px;padding:14px 16px;resize:none}
select.field option{background:#2A1D12;color:#F5EEE3}
.field--light{background:rgba(255,255,255,0.6);border:1px solid rgba(31,30,28,0.18);color:#1F1E1C}
.field--light::placeholder{color:#6B6358}
.field--light:focus{border-color:#7A5C38;box-shadow:0 0 0 4px rgba(122,92,56,0.14)}
.flabel{display:flex;flex-direction:column;gap:8px;font-size:12px;letter-spacing:1.5px;color:#D9D0C2}
.grain{position:absolute;left:-50%;top:-50%;width:200%;height:200%;z-index:-2;pointer-events:none;opacity:0.16;mix-blend-mode:overlay;background-image:url(/assets/img/texture-film-grain.png);animation:grain 1.2s steps(6) infinite}
.grain-still{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;opacity:0.12;mix-blend-mode:overlay;background-image:url(/assets/img/texture-film-grain.png)}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.exp-select{appearance:none;-webkit-appearance:none;width:100%;background:transparent;border:0;padding:0 22px 0 0;margin:0;color:#F5EEE3;font-family:'Cormorant Garamond',serif;font-size:21px;cursor:pointer;outline:none}
.exp-select:focus-visible{outline:2px solid #E4C796;outline-offset:4px;border-radius:4px}
.exp-select option{background:#2A1D12;color:#F5EEE3;font-family:'Jost',sans-serif;font-size:15px}
.icon-btn{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.08);color:#F4F0E8;cursor:pointer;padding:0}
.m-link{display:flex;align-items:center;height:48px;padding:0 16px;border-radius:14px;color:#E6DED1;text-decoration:none;font-size:13px;letter-spacing:2px}
.m-link:hover{background:rgba(255,238,214,0.10);color:#fff}
.m-link[aria-current]{color:#fff}
.eyebrow{font-size:13px;letter-spacing:4px;color:#E2C99E}
.msg{font-size:14px;line-height:1.5;padding:12px 16px;border-radius:14px}
.msg.ok{background:rgba(134,196,149,0.14);border:1px solid rgba(134,196,149,0.4);color:#D5EEDB}
.msg.err{background:rgba(229,142,123,0.14);border:1px solid rgba(229,142,123,0.45);color:#FFD9D0}
.on-light .msg.ok{color:#1E4D2B}.on-light .msg.err{color:#7A2416}
@media (prefers-reduced-motion:reduce){.grain{animation:none}.lift,.btn{transition:none}.lift:hover,.btn:hover{transform:none}}

@media (min-width:1200px){
  .btn{height:calc(52*var(--u));padding:0 calc(28*var(--u));font-size:max(11px,calc(13*var(--u)))}
  .field{height:calc(52*var(--u));padding:0 calc(16*var(--u));border-radius:calc(14*var(--u));font-size:max(14px,calc(16*var(--u)))}
  textarea.field{height:calc(120*var(--u));padding:calc(14*var(--u)) calc(16*var(--u))}
  .flabel{gap:calc(8*var(--u));font-size:max(11px,calc(12*var(--u)))}
  .eyebrow{font-size:max(11px,calc(13*var(--u)))}
}
@media (max-width:1199.98px){
  .btn{padding:0 24px}
}

/* shared section pieces */
.sec{position:relative;overflow:hidden}
.sec--sand{background:#EEE7DC;color:#1F1E1C}
.sec--amber{background:#3A2A1D}
.sec--espresso{background:#2E2219}
.sec--sand .eyebrow{color:#7A5C38}
.bgimg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.bgimg--sand{filter:blur(70px) saturate(0.9) brightness(1.25);opacity:0.5;transform:scale(1.2)}
.bgimg--sand2{filter:blur(70px) brightness(1.3) saturate(0.9);opacity:0.5;transform:scale(1.2)}
.bgimg--amber{filter:blur(80px) sepia(0.7) saturate(1.4) brightness(0.6);opacity:0.8;transform:scale(1.2)}
.bgimg--amber2{filter:blur(80px) sepia(0.6) saturate(1.3) brightness(0.65);opacity:0.85;transform:scale(1.2)}
.bgimg--dim{filter:blur(70px) brightness(0.55);opacity:0.7;transform:scale(1.2)}
@media (max-width:1199.98px){
  .bgimg--sand{filter:blur(38px) saturate(0.9) brightness(1.25)}
  .bgimg--sand2{filter:blur(38px) brightness(1.3) saturate(0.9)}
  .bgimg--amber{filter:blur(44px) sepia(0.7) saturate(1.4) brightness(0.6)}
  .bgimg--amber2{filter:blur(44px) sepia(0.6) saturate(1.3) brightness(0.65)}
  .bgimg--dim{filter:blur(38px) brightness(0.55)}
}
.fill{position:absolute;left:0;top:0;width:100%;height:100%}
.inner{position:relative;box-sizing:border-box}
.vig{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;pointer-events:none;box-shadow:inset 0 0 220px rgba(15,10,6,0.65)}
@media (max-width:1199.98px){.vig{box-shadow:inset 0 0 120px rgba(15,10,6,0.65)}}

/* ── navigation ─────────────────────────────────────────────────────────────────── */
.nav{position:absolute;z-index:30}
.nav__bar{position:relative;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border-radius:999px}
/* The bar's frosted glass is drawn on a layer behind it, so the menu inside can blur the page as well
   (an element with backdrop-filter would otherwise stop its children's backdrop-filter from reaching the page). */
.nav__bar.g-bronze{-webkit-backdrop-filter:none;backdrop-filter:none}
.nav__bar::before{content:"";position:absolute;inset:0;border-radius:inherit;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);z-index:-1;pointer-events:none}
.logo{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:#F5EEE3}
.logo:hover{color:#F5EEE3}
.logo__b{font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:6px}
.logo__i{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;line-height:22px}
.nav__right{display:flex;align-items:center}
.nav__links{display:flex;align-items:center}
.nav__menu summary{list-style:none}
.nav__menu summary::-webkit-details-marker{display:none}
.nav__drop{position:absolute;left:0;right:0;box-sizing:border-box;padding:8px;border-radius:24px;z-index:31;background:rgba(38,26,16,0.95);display:flex;flex-direction:column}
@media (min-width:1200px){
  .nav{left:0;right:0;top:calc(28*var(--u))}
  .nav__bar{width:min(calc(1280*var(--u)),calc(100% - 160*var(--u)));height:calc(68*var(--u));margin:0 auto;padding:0 calc(10*var(--u)) 0 calc(30*var(--u))}
  .logo__b{font-size:max(9px,calc(11*var(--u)))}
  .logo__i{font-size:calc(22*var(--u));line-height:calc(22*var(--u))}
  .nav__right,.nav__links{gap:calc(32*var(--u))}
  .nav__right{font-size:max(11px,calc(12.5*var(--u)));letter-spacing:2px}
  .nav__right .navlink{padding:calc(10*var(--u)) calc(4*var(--u))}
  .nav__book{height:calc(46*var(--u))}
  .nav__menu{display:none}
}
@media (max-width:1199.98px){
  .nav{left:12px;right:12px;top:calc(12px + env(safe-area-inset-top, 0px))}
  .nav__bar{height:60px;padding:0 8px 0 22px}
  .logo__b{font-size:10px;letter-spacing:5px}
  .logo__i{font-size:19px;line-height:19px}
  .nav__right{gap:8px}
  .nav__links{display:none}
  .nav__book{height:44px;padding:0 20px}
  .nav__drop{top:68px}
}

/* ── footer ─────────────────────────────────────────────────────────────────────── */
.foot{box-sizing:border-box;background:#261B13;display:flex;color:#BDB3A4;font-size:14px}
.foot__brand{display:flex;flex-direction:column;gap:10px}
.foot__logo{display:flex;flex-direction:column;color:#F4F0E8}
.foot__logo span:first-child{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:6px}
.foot__logo span:last-child{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;line-height:22px}
.foot__tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:#E4C796}
.foot__note{letter-spacing:1px}
.foot__cols{display:flex}
.foot__col{display:flex;flex-direction:column;gap:10px}
.foot__col a{color:#E6DED1;text-decoration:none}
.foot__col--dim a{color:#BDB3A4}
.foot__col a:hover{color:#fff}
@media (min-width:1200px){
  .foot{min-height:calc(260*var(--u));padding:calc(56*var(--u)) max(calc(120*var(--u)),calc(50% - 600px));justify-content:space-between;align-items:flex-start;font-size:max(12px,calc(14*var(--u)))}
  .foot__brand,.foot__col{gap:calc(10*var(--u))}
  .foot__logo span:first-child{font-size:max(10px,calc(12*var(--u)))}
  .foot__logo span:last-child{font-size:calc(22*var(--u));line-height:calc(22*var(--u))}
  .foot__tag{font-size:calc(18*var(--u))}
  .foot__cols{gap:calc(48*var(--u))}
}
@media (max-width:1199.98px){
  .foot{padding:40px 20px 44px;flex-direction:column;align-items:stretch;gap:28px}
  .foot__logo span:last-child{font-size:20px}
  .foot__tag{font-size:16.5px}
  .foot__cols{flex-direction:column;gap:20px}
}

/* ── share menu (experience cards, experience pages, articles) ─────────────────── */
.share-btn{width:44px;height:44px;padding:0;flex-shrink:0}
.share-menu{position:absolute;box-sizing:border-box;padding:8px;border-radius:16px;z-index:5;background:rgba(38,26,16,0.94);display:flex;flex-direction:column;width:230px}
.share-menu button,.share-menu a{display:flex;align-items:center;height:44px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:#F4F0E8;font-family:'Jost',sans-serif;font-size:14px;text-align:left;text-decoration:none;cursor:pointer}
.share-menu button:hover,.share-menu a:hover{background:rgba(255,238,214,0.10);color:#fff}
@media (min-width:1200px){
  .share-btn{width:calc(44*var(--u));height:calc(44*var(--u));padding:0}
}

/* ── experience card (homepage) ─────────────────────────────────────────────────── */
.xcard{position:relative;border-radius:26px;overflow:hidden;color:#F4F0E8;border:1px solid rgba(255,255,255,0.18)}
.xcard__ph{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.xcard__ph img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.xcard__in{position:absolute;left:12px;right:12px;bottom:12px;padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:8px}
.xcard__t{font-family:'Cormorant Garamond',serif;font-size:27px;line-height:1.1}
.xcard__s{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;color:#EFE8DC}
.xcard__m{font-size:12px;letter-spacing:.6px;line-height:1.5;color:#D9D0C2}
.xcard__w{font-size:12px;letter-spacing:.6px;color:#E2C99E}
.xcard__a{display:flex;gap:8px;align-items:center;margin-top:6px}
.xcard__a .btn-ivory{height:44px;padding:0 18px;font-size:12px;flex-grow:1}
.xcard .share-menu{right:12px;bottom:76px}
@media (min-width:1200px){
  .xcard{border-radius:calc(26*var(--u))}
  .xcard__in{left:calc(12*var(--u));right:calc(12*var(--u));bottom:calc(12*var(--u));padding:calc(20*var(--u));border-radius:calc(20*var(--u));gap:calc(8*var(--u))}
  .xcard__t{font-size:calc(27*var(--u))}
  .xcard__s{font-size:calc(17*var(--u))}
  .xcard__m,.xcard__w{font-size:max(11px,calc(12*var(--u)))}
  .xcard__a{gap:calc(8*var(--u));margin-top:calc(6*var(--u))}
  .xcard__a .btn-ivory{height:calc(44*var(--u));padding:0 calc(18*var(--u));font-size:max(11px,calc(12*var(--u)))}
  .xcard .share-menu{right:calc(12*var(--u));bottom:calc(76*var(--u))}
}
@media (max-width:1199.98px){
  .xcard__t{font-size:22px}
  .xcard__s{font-size:16px}
  .xcard__a{flex-wrap:wrap}
}

/* ── small dark card (advisor cards, good to know …) ───────────────────────────── */
.mini{padding:22px;border-radius:20px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);display:flex;flex-direction:column;gap:6px}
.mini__t{font-family:'Cormorant Garamond',serif;font-size:24px}
.mini__x{font-size:14px;line-height:1.55;color:#E6DED1}
@media (min-width:1200px){
  .mini{padding:calc(22*var(--u));border-radius:calc(20*var(--u));gap:calc(6*var(--u))}
  .mini__t{font-size:calc(24*var(--u))}
  .mini__x{font-size:max(12px,calc(14*var(--u)))}
}
@media (max-width:1199.98px){
  .mini__t{font-size:21px}
}

/* ── journal card ───────────────────────────────────────────────────────────────── */
.jgrid{display:grid}
.jcard{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;text-decoration:none;color:#F4F0E8}
.jcard:hover{color:#F4F0E8}
.jcard__img{display:block;width:100%;height:200px;object-fit:cover}
.jcard__ph{display:block;width:100%;height:200px;background:linear-gradient(135deg,#6b4b30,#2a1d12)}
.jcard__in{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px}
.jcard__k{font-size:11px;letter-spacing:2px;color:#E2C99E}
.jcard__t{font-family:'Cormorant Garamond',serif;font-size:27px;line-height:1.15}
.jcard__by{font-size:13px;color:#D9D0C2}
@media (min-width:1200px){
  .jgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24*var(--u))}
  .jcard{border-radius:calc(24*var(--u))}
  .jcard__img,.jcard__ph{height:calc(200*var(--u))}
  .jcard__in{padding:calc(22*var(--u)) calc(24*var(--u)) calc(26*var(--u));gap:calc(10*var(--u))}
  .jcard__k{font-size:max(10px,calc(11*var(--u)))}
  .jcard__t{font-size:calc(27*var(--u))}
  .jcard__by{font-size:max(11px,calc(13*var(--u)))}
}
@media (max-width:1199.98px){
  .jgrid{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px}
  .jcard__in{padding:22px 20px 21px 20px}
  .jcard__t{font-size:22px}
}

/* ════════════════════════════════════════════════════════════════════════════════
   HOMEPAGE (boards: Main.dc.html, MainPhone.dc.html)
   ════════════════════════════════════════════════════════════════════════════════ */
.hh{position:relative;overflow:hidden;background:#1E1610;isolation:isolate}
.hh__photo{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:52% 60%;transform:scale(1.03);z-index:-4}
.hh__shade{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-3;background:linear-gradient(90deg, rgba(30,20,12,0.78) 0%, rgba(30,20,12,0.52) 38%, rgba(30,20,12,0.18) 70%, rgba(30,20,12,0.30) 100%), linear-gradient(180deg, rgba(30,20,12,0.35) 0%, rgba(30,20,12,0) 22%, rgba(30,20,12,0) 70%, rgba(30,20,12,0.65) 100%)}
.hh__copy{display:flex;flex-direction:column}
.hh__eyebrow{font-size:12px;letter-spacing:4px;color:#E4C796}
.hh h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1;color:#F5EEE3}
.hh h1 span{display:block;font-style:italic;color:#F0DDBD}
.hh__sub{margin:0;line-height:1.65;font-weight:300;color:#E3D6C3}
.hh__ctas{display:flex}
.bkbar{box-sizing:border-box;display:flex}
.bkbar__f{display:flex;flex-direction:column;gap:3px;color:#F5EEE3;text-decoration:none}
.bkbar__f:hover{color:#F5EEE3}
.bkbar__k{font-size:10.5px;letter-spacing:2px;color:#C6B59D}
.bkbar__v{font-family:'Cormorant Garamond',serif;font-size:21px}
.bkbar__sel{position:relative;display:flex;align-items:center}
.bkbar__sel svg{position:absolute;right:0;pointer-events:none}
.bkbar__sep{background:rgba(255,232,198,0.22)}
.hh__inset{overflow:hidden;border:1px solid rgba(255,232,198,0.32);box-shadow:0 40px 90px rgba(12,7,3,0.55)}
.hh__inset img{display:block;width:100%;object-fit:cover;filter:sepia(0.35) saturate(1.05) contrast(1.02)}
.hh__cap{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 18px;border-radius:18px;display:flex;justify-content:space-between;align-items:center}
.hh__cap span:first-child{font-family:'Cormorant Garamond',serif;font-size:22px}
.hh__cap span:last-child{font-size:11px;letter-spacing:2px;color:#E3D6C3}
@media (min-width:1200px){
  .hh{min-height:calc(900*var(--u))}
  .hh__frame{position:relative;box-sizing:border-box;width:min(calc(1440*var(--u)),100%);min-height:calc(900*var(--u));margin:0 auto;padding:calc(168*var(--u)) 0 calc(60*var(--u)) calc(80*var(--u))}
  .hh__copy{width:calc(700*var(--u));gap:calc(26*var(--u))}
  .hh__eyebrow{font-size:max(10px,calc(12*var(--u)))}
  .hh h1{font-size:calc(84*var(--u))}
  .hh__sub{width:calc(560*var(--u));font-size:calc(18*var(--u))}
  .hh__ctas{gap:calc(12*var(--u))}
  .bkbar{width:calc(680*var(--u));margin-top:calc(10*var(--u));padding:calc(12*var(--u)) calc(12*var(--u)) calc(12*var(--u)) calc(28*var(--u));border-radius:calc(26*var(--u));align-items:center;gap:calc(22*var(--u))}
  .bkbar__f{gap:calc(3*var(--u))}
  .bkbar__f--exp{width:calc(230*var(--u))}
  .bkbar__k{font-size:max(9px,calc(10.5*var(--u)))}
  .bkbar__v,.bkbar .exp-select{font-size:calc(21*var(--u))}
  .bkbar__sep{width:1px;height:calc(40*var(--u))}
  .bkbar .btn{height:calc(62*var(--u));border-radius:calc(18*var(--u));margin-left:auto}
  .hh__inset{position:absolute;left:calc(900*var(--u));top:calc(150*var(--u));width:calc(460*var(--u));height:calc(642*var(--u));border-radius:calc(28*var(--u))}
  .hh__inset img{height:100%}
  .hh__cap{left:calc(14*var(--u));right:calc(14*var(--u));bottom:calc(14*var(--u));padding:calc(14*var(--u)) calc(18*var(--u));border-radius:calc(18*var(--u))}
  .hh__cap span:first-child{font-size:calc(22*var(--u))}
  .hh__cap span:last-child{font-size:max(9px,calc(11*var(--u)))}
}
@media (max-width:1199.98px){
  .hh{min-height:844px;box-sizing:border-box;padding:calc(112px + env(safe-area-inset-top, 0px)) 12px 20px;display:flex;flex-direction:column;justify-content:flex-start;gap:28px}
  .hh__photo{height:100%;object-position:50% 62%}
  .hh__shade{height:100%;background:linear-gradient(180deg, rgba(30,20,12,0.62) 0%, rgba(30,20,12,0.34) 20%, rgba(30,20,12,0.62) 42%, rgba(30,20,12,0.86) 70%, rgba(30,20,12,0.96) 100%)}
  .hh .vig{height:100%}
  .hh__frame{display:contents}
  .hh__copy{position:relative;z-index:1;padding:0 8px;gap:20px}
  .hh h1{font-size:38px;line-height:1.04}
  .hh__sub{font-size:16.5px}
  .hh__ctas{flex-direction:column;gap:10px}
  .bkbar{margin:4px -8px 0;padding:16px 16px 16px 20px;border-radius:24px;flex-direction:column;align-items:stretch;gap:12px}
  .bkbar__f--exp{width:100%}
  .bkbar__v{font-size:18px}
  .bkbar__sep{width:100%;height:1px}
  .bkbar .btn{height:56px;border-radius:18px;width:100%;margin-top:4px}
  .hh__inset{position:relative;height:520px;border-radius:26px;z-index:1;flex-shrink:0}
  .hh__inset img{height:520px;object-position:50% 40%}
  .hh__cap span:first-child{font-size:20px}
}
@media (max-width:375px){
  .nav__bar{padding-left:14px;padding-right:6px}
  .nav__right{gap:5px}
  .nav__book{padding:0 12px;letter-spacing:1px}
  .nav__menu .icon-btn{width:40px;height:40px}
}

/* approach */
.ha__col{display:flex;flex-direction:column}
.ha h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.08}
.ha__body{margin:0;line-height:1.7;font-weight:300;color:#4F493F}
.ha__grid{flex-grow:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center}
.lens{display:flex;flex-direction:column}
.lens__n{font-family:'Cormorant Garamond',serif;color:#7A5C38}
.lens__t{font-family:'Cormorant Garamond',serif}
.lens__q{font-size:15px;line-height:1.5;color:#4F493F}
@media (min-width:1200px){
  .ha{min-height:calc(720*var(--u))}
  .ha .inner{width:min(calc(1440*var(--u)),100%);min-height:calc(720*var(--u));margin:0 auto;padding:calc(120*var(--u));display:flex;gap:calc(80*var(--u))}
  .ha__col{width:calc(520*var(--u));gap:calc(24*var(--u))}
  .ha h2{font-size:calc(54*var(--u))}
  .ha__body{font-size:calc(18*var(--u))}
  .ha__grid{gap:calc(20*var(--u))}
  .lens{padding:calc(28*var(--u));border-radius:calc(24*var(--u));gap:calc(10*var(--u))}
  .lens__n{font-size:calc(20*var(--u))}
  .lens__t{font-size:calc(30*var(--u))}
  .lens__q{font-size:max(13px,calc(15*var(--u)))}
}
@media (max-width:1199.98px){
  .ha .inner{padding:72px 20px;display:flex;flex-direction:column;align-items:stretch;gap:36px}
  .ha__col{gap:24px}
  .ha h2{font-size:36px}
  .ha__body{font-size:16.5px}
  .ha__grid{gap:12px}
  .lens{padding:20px 18px;border-radius:22px;gap:8px}
  .lens__n{font-size:18px}
  .lens__t{font-size:25px}
}

/* six questions */
.hq .bgimg{object-position:center 40%}
.hq__shade{background:rgba(20,19,17,0.25)}
.hq__card{position:relative;box-sizing:border-box;display:flex;flex-direction:column}
.hq h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.12}
.hq ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;font-weight:300;color:#EFE8DC}
.hq li.last{font-family:'Cormorant Garamond',serif;font-style:italic;color:#F1E2C6}
@media (min-width:1200px){
  .hq{min-height:calc(760*var(--u))}
  .hq .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(100*var(--u)) 0 calc(100*var(--u)) calc(760*var(--u))}
  .hq__card{width:calc(560*var(--u));min-height:calc(560*var(--u));padding:calc(52*var(--u));border-radius:calc(32*var(--u));gap:calc(24*var(--u))}
  .hq h2{font-size:calc(42*var(--u))}
  .hq ol{gap:calc(14*var(--u));font-size:calc(17*var(--u))}
  .hq li.last{font-size:calc(26*var(--u))}
}
@media (max-width:1199.98px){
  .hq{padding:300px 12px 28px}
  .hq .bgimg{object-position:30% 40%}
  .hq__card{padding:30px 24px;border-radius:26px;gap:18px}
  .hq h2{font-size:30px}
  .hq ol{font-size:16px}
  .hq li.last{font-size:22px}
}

/* experiences */
.hx .inner{display:flex;flex-direction:column}
.hx__head{display:flex}
.hx__title{display:flex;flex-direction:column;gap:16px}
.hx h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.08}
.hx__intro{margin:0;font-size:16px;line-height:1.6;color:#D9D0C2}
.hx__grid{display:grid}
@media (min-width:1200px){
  .hx{min-height:calc(1000*var(--u))}
  .hx .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(120*var(--u)) calc(120*var(--u)) calc(87*var(--u));gap:calc(52*var(--u))}
  .hx__head{justify-content:space-between;align-items:flex-end}
  .hx__title{gap:calc(16*var(--u))}
  .hx h2{font-size:calc(54*var(--u))}
  .hx__intro{width:calc(340*var(--u));font-size:max(14px,calc(16*var(--u)))}
  .hx__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(24*var(--u))}
  .hx .xcard{height:calc(560*var(--u))}
}
@media (max-width:1199.98px){
  .hx .inner{padding:72px 20px;gap:26px}
  .hx__head{flex-direction:column;align-items:flex-start;gap:16px}
  .hx h2{font-size:36px}
  .hx__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px}
  .hx .xcard{height:470px}
}

/* team */
.ht .bgimg{object-position:center 30%;filter:brightness(0.78)}
.ht__fade{display:none}
.ht .inner{display:flex;flex-direction:column}
.ht__head{display:flex;flex-direction:column;gap:16px}
.ht h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500}
.ht__grid{display:grid}
.tcard{display:flex;flex-direction:column;gap:10px}
.tcard__n{font-family:'Cormorant Garamond',serif;font-size:26px}
.tcard__l{font-size:12px;letter-spacing:2px;color:#E2C99E}
.tcard__b{font-size:14px;line-height:1.55;font-weight:300;color:#E6DED1}
@media (min-width:1200px){
  .ht{min-height:calc(840*var(--u))}
  .ht .inner{width:min(calc(1440*var(--u)),100%);min-height:calc(840*var(--u));margin:0 auto;padding:calc(110*var(--u)) calc(120*var(--u)) calc(100*var(--u));justify-content:space-between}
  .ht__head{gap:calc(16*var(--u))}
  .ht h2{font-size:calc(54*var(--u))}
  .ht__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20*var(--u))}
  .tcard{padding:calc(26*var(--u));border-radius:calc(22*var(--u));gap:calc(10*var(--u))}
  .tcard__n{font-size:calc(26*var(--u))}
  .tcard__l{font-size:max(10px,calc(12*var(--u)))}
  .tcard__b{font-size:max(12px,calc(14*var(--u)))}
}
@media (max-width:1199.98px){
  .ht{background:#2E2219}
  .ht .bgimg{height:300px;object-position:50% 40%}
  .ht__fade{display:block;position:absolute;left:0;top:200px;width:100%;height:100px;background:linear-gradient(180deg, rgba(46,34,25,0) 0%, #2E2219 100%)}
  .ht .inner{padding:320px 12px 28px;gap:24px}
  .ht__head{padding:0 8px}
  .ht h2{font-size:36px}
  .ht__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}
  .tcard{padding:21px;border-radius:22px}
  .tcard__n{font-size:22px}
}

/* the conversation */
.hc .inner{display:flex;flex-direction:column}
.hc__head{display:flex}
.hc h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500}
.hc__tag{font-family:'Cormorant Garamond',serif;font-style:italic;color:#7A5C38}
.steps{position:relative;isolation:isolate;margin:0;padding:0;list-style:none}
.step{position:relative;display:flex}
.step__dot{box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;width:56px;height:56px}
.step__dot--last{background:rgba(31,30,28,0.88);color:#F4F0E8}
.step__box{display:flex;flex-direction:column;gap:8px}
.step__t{font-family:'Cormorant Garamond',serif;font-size:30px}
.step__x{font-size:15px;line-height:1.6;color:#4F493F}
@media (min-width:1200px){
  .hc{min-height:calc(620*var(--u))}
  .hc .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(110*var(--u)) calc(120*var(--u));gap:calc(48*var(--u))}
  .hc__head{justify-content:space-between;align-items:flex-end}
  .hc h2{font-size:calc(50*var(--u))}
  .hc__tag{font-size:calc(26*var(--u))}
  .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(24*var(--u))}
  .steps::before{content:"";position:absolute;left:calc(28*var(--u));right:calc(28*var(--u));top:calc(28*var(--u));height:1px;background:rgba(31,30,28,0.25)}
  .step{flex-direction:column;gap:calc(18*var(--u))}
  .step__dot{width:calc(56*var(--u));height:calc(56*var(--u));border-radius:calc(28*var(--u));font-size:calc(22*var(--u))}
  .step__box{padding:calc(24*var(--u));border-radius:calc(22*var(--u));gap:calc(8*var(--u))}
  .step__t{font-size:calc(30*var(--u))}
  .step__x{font-size:max(13px,calc(15*var(--u)))}
}
@media (max-width:1199.98px){
  .hc .inner{padding:66px 20px;gap:26px}
  .hc__head{flex-direction:column;align-items:flex-start;gap:16px}
  .hc h2{font-size:36px}
  .hc__tag{font-size:22px}
  .steps{display:flex;flex-direction:column;gap:14px}
  .step:not(:last-child)::before{content:"";position:absolute;left:27px;top:28px;width:1px;height:calc(100% + 14px);background:rgba(31,30,28,0.25);z-index:-1}
  .step{flex-direction:row;align-items:flex-start;gap:14px}
  .step__dot{border-radius:22px;font-size:20px;flex-shrink:0}
  .step__box{padding:20px;border-radius:22px;flex-grow:1}
  .step__t{font-size:25px}
}

/* journal (homepage band) */
.hj .inner{display:flex;flex-direction:column}
.hj__head{display:flex}
.hj__title{display:flex;flex-direction:column;gap:14px}
.hj h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500}
@media (min-width:1200px){
  .hj{min-height:calc(680*var(--u))}
  .hj .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(100*var(--u)) calc(120*var(--u)) calc(71*var(--u));gap:calc(44*var(--u))}
  .hj__head{justify-content:space-between;align-items:flex-end}
  .hj__title{gap:calc(14*var(--u))}
  .hj h2{font-size:calc(52*var(--u))}
}
@media (max-width:1199.98px){
  .hj .inner{padding:60px 20px;gap:26px}
  .hj__head{flex-direction:column;align-items:flex-start;gap:16px}
  .hj h2{font-size:36px}
}

/* advisors band */
.hv .bgimg{object-position:center 45%;filter:brightness(0.7)}
.hv__fade{display:none}
.hv__card{position:relative;box-sizing:border-box;display:flex}
.hv__col{display:flex;flex-direction:column;gap:20px}
.hv h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.12}
.hv__btns{display:flex}
.hv__grid{flex-grow:1;display:grid;gap:16px}
@media (min-width:1200px){
  .hv{min-height:calc(620*var(--u))}
  .hv .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(90*var(--u)) calc(120*var(--u))}
  .hv__card{min-height:calc(440*var(--u));padding:calc(56*var(--u));border-radius:calc(32*var(--u));gap:calc(64*var(--u))}
  .hv__col{width:calc(440*var(--u));gap:calc(20*var(--u))}
  .hv h2{font-size:calc(46*var(--u))}
  .hv__btns{gap:calc(12*var(--u));margin-top:calc(12*var(--u))}
  .hv__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16*var(--u))}
}
@media (max-width:1199.98px){
  .hv{padding:300px 12px 28px;background:#2E2219}
  .hv .bgimg{height:640px;object-position:30% 50%}
  .hv__fade{display:block;position:absolute;left:0;top:460px;width:100%;height:180px;background:linear-gradient(180deg, rgba(46,34,25,0) 0%, #2E2219 100%)}
  .hv__card{padding:30px 22px 22px;border-radius:26px;flex-direction:column;gap:26px}
  .hv h2{font-size:32px}
  .hv__btns{flex-direction:column;gap:10px;margin-top:6px}
  .hv__grid{grid-template-columns:repeat(1,minmax(0,1fr))}
}

/* enquiry */
.he .inner{display:flex}
.he__col{display:flex;flex-direction:column;gap:24px}
.he__lines{display:flex;flex-direction:column;gap:10px;font-weight:300;line-height:1.5;color:#E6DED1}
.he__close{font-family:'Cormorant Garamond',serif;font-style:italic;padding-top:8px;color:#F1E2C6}
.he form{flex-grow:1;align-self:flex-start;box-sizing:border-box;display:grid;gap:20px}
.he .full{grid-column:1/-1}
.he form .btn{justify-self:start}
@media (min-width:1200px){
  .he{min-height:calc(680*var(--u))}
  .he .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(110*var(--u)) calc(120*var(--u));gap:calc(100*var(--u))}
  .he__col{width:calc(480*var(--u));gap:calc(24*var(--u))}
  .he__lines{gap:calc(10*var(--u));font-size:calc(18*var(--u))}
  .he__close{font-size:calc(32*var(--u));padding-top:calc(8*var(--u))}
  .he form{padding:calc(40*var(--u));border-radius:calc(28*var(--u));grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20*var(--u))}
}
@media (max-width:1199.98px){
  .he .inner{padding:66px 20px;flex-direction:column;align-items:stretch;gap:36px}
  .he__lines{font-size:16.5px}
  .he__close{font-size:26px}
  .he form{align-self:stretch;padding:24px;border-radius:22px;grid-template-columns:repeat(1,minmax(0,1fr))}
}

/* ════════════════════════════════════════════════════════════════════════════════
   EXPERIENCE PAGES (boards: Consultation, Breakfast, Yacht, Nara and their phone boards)
   ════════════════════════════════════════════════════════════════════════════════ */
.xe{font-size:12px;letter-spacing:4px;color:#E4C796}
.xe--3{letter-spacing:3px}
.sec--sand .xe{color:#7A5C38}
.bgimg--sand45{filter:blur(70px) saturate(0.9) brightness(1.25);opacity:0.45;transform:scale(1.2)}
@media (max-width:1199.98px){.bgimg--sand45{filter:blur(38px) saturate(0.9) brightness(1.25)}}
.xh2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.08;color:#F5EEE3}
.sec--sand .xh2{color:#1F1E1C}

/* hero */
.xh{position:relative;overflow:hidden;background:#1E1610;isolation:isolate}
.xh__photo{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;filter:sepia(0.35) saturate(1.05);z-index:-4}
.xh__shade{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-3;background:linear-gradient(90deg, rgba(30,20,12,0.82) 0%, rgba(30,20,12,0.5) 48%, rgba(30,20,12,0.18) 100%), linear-gradient(180deg, rgba(30,20,12,0.4) 0%, rgba(30,20,12,0) 30%, rgba(30,20,12,0.7) 100%)}
.xh .vig{box-shadow:inset 0 0 200px rgba(15,10,6,0.6)}
.xh__frame{position:relative;display:flex;flex-direction:column;box-sizing:border-box}
.crumb{display:flex;align-items:center;color:#C6B59D;margin-bottom:auto}
.crumb a{color:#C6B59D;text-decoration:none}
.crumb a:hover{color:#F1E2C6}
.crumb span:last-child{color:#F1E2C6}
.xh__copy{display:flex;flex-direction:column;gap:20px}
.xh__eyebrow{font-size:12px;letter-spacing:4px;color:#E4C796}
.xh h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1;color:#F5EEE3}
.xh__tag{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;line-height:1.2;color:#F1E2C6}
.xh__facts{align-self:flex-start;margin-top:10px;box-sizing:border-box;border-radius:22px;display:flex;flex-direction:column;gap:6px}
.xh__facts span:first-child{letter-spacing:.4px;color:#F5EEE3}
.xh__facts span:last-child{font-size:14px;letter-spacing:1.2px;color:#E4C796}
.xh__share{position:relative;align-self:flex-start;margin-top:6px}
.xh__share > .btn{height:48px}
.shr{position:absolute;left:0;bottom:60px;width:300px;box-sizing:border-box;padding:10px;border-radius:18px;z-index:8;background:rgba(38,26,16,0.92)}
.shr-i{display:flex;align-items:center;gap:12px;width:100%;height:46px;padding:0 14px;box-sizing:border-box;border-radius:12px;border:0;background:transparent;color:#F4F0E8;font-family:'Jost',sans-serif;font-size:14.5px;text-decoration:none;cursor:pointer;text-align:left}
.shr-i:hover{background:rgba(255,238,214,.10);color:#F4F0E8}
.shr__note{display:block;padding:8px 14px 4px;font-size:11.5px;line-height:1.5;color:#A79883}
@media (min-width:1200px){
  .xh{min-height:calc(880*var(--u))}
  .xh__frame{width:min(calc(1440*var(--u)),100%);min-height:calc(880*var(--u));margin:0 auto;padding:calc(132*var(--u)) 0 calc(190*var(--u)) calc(80*var(--u))}
  .crumb{gap:calc(12*var(--u));font-size:max(10px,calc(12*var(--u)));letter-spacing:2.5px}
  .xh__copy{width:calc(900*var(--u));gap:calc(20*var(--u))}
  .xh__eyebrow{font-size:max(10px,calc(12*var(--u)))}
  .xh h1{font-size:calc(96*var(--u))}
  .xh__tag{font-size:calc(38*var(--u))}
  .xh__facts{margin-top:calc(10*var(--u));padding:calc(18*var(--u)) calc(28*var(--u));border-radius:calc(22*var(--u));gap:calc(6*var(--u))}
  .xh__facts span:first-child{font-size:calc(17*var(--u))}
  .xh__facts span:last-child{font-size:max(12px,calc(14*var(--u)))}
  .xh__share{margin-top:calc(6*var(--u))}
  .xh__share > .btn{height:calc(48*var(--u));padding:0 calc(24*var(--u))}
  .shr{bottom:calc(60*var(--u))}
}
@media (max-width:1199.98px){
  .xh{min-height:780px;box-sizing:border-box;padding:96px 20px 124px;display:flex;flex-direction:column;justify-content:flex-end;gap:16px}
  .xh__shade{background:linear-gradient(180deg, rgba(30,20,12,0.62) 0%, rgba(30,20,12,0.34) 20%, rgba(30,20,12,0.62) 42%, rgba(30,20,12,0.86) 70%, rgba(30,20,12,0.96) 100%)}
  .xh .vig{box-shadow:inset 0 0 120px rgba(15,10,6,0.6)}
  .xh__frame{display:contents}
  .crumb{position:relative;z-index:1;gap:8px;font-size:11px;letter-spacing:2px;flex-wrap:wrap}
  .xh__copy{position:relative;z-index:1}
  .xh h1{font-size:48px}
  .xh__tag{font-size:28px}
  .xh__facts{padding:18px 23px}
  .xh__facts span:first-child{font-size:16px}
  .xh__share > .btn{padding:0 20px}
}

/* booking bar: kept at the bottom of the screen from the first view to the end of the page (it sits at the end of
   <main> and sticks); it fades out near the footer and while the date drawer is open */
.xbar{position:sticky;bottom:0;height:0;z-index:20}
.xbar__in{position:absolute;box-sizing:border-box;border-radius:999px;display:flex;align-items:center;justify-content:space-between;background:rgba(38,26,16,0.72);transition:opacity .25s ease,transform .25s ease}
.xbar__info{display:flex;flex-direction:column;gap:3px}
.xbar__n{font-family:'Cormorant Garamond',serif;line-height:1;color:#F5EEE3}
.xbar__s{color:#D9D0C2}
.xbar__in .btn{border:0}
.xbar.is-off .xbar__in,.drawer-open .xbar__in{opacity:0;pointer-events:none;transform:translateY(12px)}
@media (min-width:1200px){
  .xbar__in{left:calc(50% - 480*var(--u));bottom:calc(28*var(--u));width:calc(960*var(--u));height:calc(84*var(--u));padding:0 calc(14*var(--u)) 0 calc(34*var(--u))}
  .xbar__n{font-size:calc(26*var(--u))}
  .xbar__s{font-size:max(11px,calc(13*var(--u)));letter-spacing:.6px}
  .xbar__in .btn{height:calc(56*var(--u));padding:0 calc(36*var(--u))}
}
@media (max-width:1199.98px){
  .xbar__in{left:12px;right:12px;bottom:12px;height:72px;padding:0 8px 0 20px;gap:10px}
  .xbar__info{min-width:0;flex-grow:1}
  .xbar__n{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .xbar__s{font-size:12px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .xbar__in .btn{height:52px;padding:0 18px;font-size:12px;letter-spacing:1.5px;flex-shrink:0}
}

/* the invitation */
.xi__row{display:flex}
.xi__col{display:flex;flex-direction:column;gap:28px}
.xi__p{margin:0;font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.4;color:#2A241C}
.xi__time{box-sizing:border-box;display:flex;flex-direction:column;gap:16px}
.xi__t{font-family:'Cormorant Garamond',serif;line-height:1.2;color:#1F1E1C}
.xi__x{font-size:15px;line-height:1.65;color:#4F493F}
.tzs{display:flex;flex-wrap:wrap;gap:8px}
.tzchip{display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:999px;font-family:'Jost',sans-serif;font-size:12.5px;letter-spacing:.5px;cursor:pointer;background:rgba(255,255,255,0.6);color:#2A241C;border:1px solid rgba(31,30,28,0.2)}
.tzchip[aria-pressed=true]{background:#2A1D12;color:#F7EFE2;border:1px solid #2A1D12}
.xi__next{border-top:1px solid rgba(31,30,28,0.14);padding-top:14px;display:flex;flex-direction:column;gap:4px}
.xi__next span:first-child{font-size:12px;letter-spacing:2px;color:#7A5C38}
.xi__nd{color:#1F1E1C}
.xi__nl{font-size:15px;color:#4F493F}
@media (min-width:1200px){
  .xi .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .xi__row{gap:calc(96*var(--u));align-items:flex-start}
  .xi__col{width:calc(700*var(--u));gap:calc(28*var(--u))}
  .xi__p{font-size:calc(32*var(--u))}
  .xi__p--long{font-size:calc(29*var(--u))}
  .xi__time{width:calc(380*var(--u));padding:calc(30*var(--u)) calc(32*var(--u));border-radius:calc(26*var(--u));gap:calc(16*var(--u))}
  .xi__t{font-size:calc(28*var(--u))}
  .xi__x{font-size:max(13px,calc(15*var(--u)))}
  .xi__nd{font-size:calc(17*var(--u))}
  .xi__nl{font-size:max(13px,calc(15*var(--u)))}
  .xe{font-size:max(10px,calc(12*var(--u)))}
}
@media (max-width:1199.98px){
  .xi .inner{padding:58px 20px}
  .xi__row{flex-direction:column;align-items:stretch;gap:36px}
  .xi__p{font-size:22px;line-height:1.45}
  .xi__p--long{font-size:24px;line-height:1.4}
  .xi__time{padding:25px 26px;border-radius:26px}
  .xi__t{font-size:24px}
  .xi__nd{font-size:16px}
}

/* moment by moment */
.xt__row{display:flex}
.xt__col{flex-shrink:0;display:flex;flex-direction:column;gap:20px}
.xt__lead{margin:0;font-size:16px;line-height:1.7;color:#C6B59D}
.tl{flex-grow:1}
.tl__s{position:relative}
.tl__line{position:absolute;top:14px;bottom:-14px;width:1px;background:linear-gradient(180deg,rgba(228,199,150,.55),rgba(228,199,150,.12))}
.tl__when{font-size:12px;letter-spacing:2.5px;line-height:1.5;color:#E4C796}
.tl__dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#E4C796;box-shadow:0 0 0 5px rgba(228,199,150,0.18)}
.tl h3{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.15;color:#F5EEE3}
.tl p{margin:8px 0 0;font-size:16.5px;line-height:1.7;color:#D9D0C2}
@media (min-width:1200px){
  .xt .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(104*var(--u)) calc(120*var(--u))}
  .xt__row{gap:calc(70*var(--u));align-items:flex-start}
  .xt__col{width:calc(330*var(--u));gap:calc(20*var(--u))}
  .xt__col .xh2{font-size:calc(54*var(--u))}
  .xt__lead{font-size:max(14px,calc(16*var(--u)))}
  .tl__s{padding:0 0 calc(44*var(--u)) calc(214*var(--u))}
  .tl__s:last-child{padding-bottom:0}
  .tl__line{left:calc(171*var(--u));top:calc(14*var(--u));bottom:calc(-14*var(--u))}
  .tl__when{position:absolute;left:0;top:calc(8*var(--u));width:calc(140*var(--u));font-size:max(10px,calc(12*var(--u)))}
  .tl__dot{left:calc(165*var(--u));top:calc(12*var(--u));width:calc(13*var(--u));height:calc(13*var(--u))}
  .tl h3{font-size:calc(32*var(--u))}
  .tl p{margin-top:calc(8*var(--u));font-size:max(14px,calc(16.5*var(--u)));width:calc(560*var(--u))}
}
@media (max-width:1199.98px){
  .xt .inner{padding:62px 20px}
  .xt__row{flex-direction:column;align-items:stretch;gap:32px}
  .xt__col .xh2{font-size:36px}
  .tl__s{padding:0 0 30px 32px}
  .tl__s:last-child{padding-bottom:0}
  .tl__line{left:6px}
  .tl__when{display:block;margin-bottom:6px}
  .tl__dot{left:0;top:5px}
  .tl h3{font-size:26px}
}

/* what's included / not included / what to bring */
.xn__row{display:flex}
.xn__side{flex-grow:1;display:flex;flex-direction:column}
.xn__main,.xn__card{box-sizing:border-box}
.xn h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.08;color:#1F1E1C}
.ticks{margin:20px 0 0;padding:0;list-style:none}
.xn__card .ticks{margin-top:12px}
.ticks li{display:flex;gap:14px;padding:13px 0;border-top:1px solid rgba(31,30,28,0.10);line-height:1.55;color:#2A241C}
.ticks svg{flex-shrink:0;margin-top:5px}
.ticks .note{color:#6B6358}
@media (min-width:1200px){
  .xn .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .xn__row{gap:calc(40*var(--u));align-items:flex-start}
  .xn__main{width:calc(700*var(--u));flex-shrink:0;padding:calc(38*var(--u)) calc(44*var(--u)) calc(30*var(--u));border-radius:calc(30*var(--u))}
  .xn__side{gap:calc(24*var(--u))}
  .xn__card{padding:calc(30*var(--u)) calc(34*var(--u)) calc(22*var(--u));border-radius:calc(26*var(--u))}
  .xn h2{font-size:calc(52*var(--u))}
  .ticks{margin-top:calc(20*var(--u))}
  .xn__card .ticks{margin-top:calc(12*var(--u))}
  .ticks li{gap:calc(14*var(--u));padding:calc(13*var(--u)) 0;font-size:calc(17*var(--u))}
}
@media (max-width:1199.98px){
  .xn .inner{padding:58px 20px}
  .xn__row{flex-direction:column;align-items:stretch;gap:26px}
  .xn__side{gap:24px}
  .xn__main{padding:23px 26px 25px 26px;border-radius:24px}
  .xn__card{padding:25px 28px 22px 28px;border-radius:26px}
  .xn h2{font-size:36px}
  .ticks li{font-size:16px}
}

/* what you take away, and the Report */
.xw__row{display:flex}
.xw__col{flex-shrink:0;display:flex;flex-direction:column;gap:22px}
.xw__p{margin:0;font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.22;color:#F5EEE3}
.dots{margin:8px 0 0;padding:0;list-style:none}
.dots li{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(255,232,198,0.16);font-family:'Cormorant Garamond',serif;line-height:1.25;color:#F5EEE3}
.dots li::before{content:"";width:8px;height:8px;margin-top:11px;border-radius:50%;background:#E4C796;flex-shrink:0}
.xw__card{flex-grow:1;box-sizing:border-box;display:flex}
.paper{position:relative;flex-shrink:0;transform:rotate(-2.2deg);border-radius:6px;background:#FBF7F0;box-shadow:0 30px 70px rgba(10,6,2,0.55);box-sizing:border-box;color:#1F1E1C;overflow:hidden}
.paper__top{display:flex;justify-content:space-between;align-items:baseline}
.paper__logo{font-family:'Cormorant Garamond',serif;font-size:11px;letter-spacing:5px}
.paper__logo i{font-size:17px;letter-spacing:0}
.paper__tag{font-size:9px;letter-spacing:2px;color:#B8914F;border:1px solid #B8914F;padding:2px 7px;border-radius:3px}
.paper__h{margin-top:22px;font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1.1}
.paper__for{margin-top:4px;font-size:10.5px;color:#6B6358}
.paper__sec{margin-top:16px}
.paper__k{display:block;font-size:9px;letter-spacing:2.5px;color:#7A5C38}
.paper__bar{display:block;height:5px;border-radius:3px;margin-top:7px;width:100%;background:rgba(60,50,40,0.16)}
.paper__rec{margin-top:18px;padding:12px 14px;border-radius:8px;background:rgba(184,145,79,0.14);border-left:3px solid #B8914F}
.xw__report{flex-grow:1;display:flex;flex-direction:column;gap:6px}
.xw__intro{margin:10px 0 12px;font-size:15.5px;line-height:1.65;color:#D9D0C2}
.xw__part{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-top:1px solid rgba(255,232,198,0.14)}
.xw__part span:first-child{font-size:12px;letter-spacing:2.5px;color:#E4C796}
.xw__part span:last-child{font-size:15.5px;color:#E6DED1}
@media (min-width:1200px){
  .xw .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(104*var(--u)) calc(120*var(--u))}
  .xw__row{gap:calc(80*var(--u));align-items:flex-start}
  .xw__col{width:calc(560*var(--u));gap:calc(22*var(--u))}
  .xw__p{font-size:calc(40*var(--u))}
  .dots{margin-top:calc(8*var(--u));width:calc(520*var(--u))}
  .dots li{gap:calc(14*var(--u));padding:calc(14*var(--u)) 0;font-size:calc(26*var(--u))}
  .dots li::before{width:calc(8*var(--u));height:calc(8*var(--u));margin-top:calc(11*var(--u))}
  .xw__card{padding:calc(40*var(--u)) calc(44*var(--u));border-radius:calc(32*var(--u));gap:calc(44*var(--u));align-items:center}
  .paper{width:340px;height:470px;padding:30px}
  .xw__report{gap:calc(6*var(--u))}
  .xw__intro{margin:calc(10*var(--u)) 0 calc(12*var(--u));font-size:max(13px,calc(15.5*var(--u)))}
  .xw__part{gap:calc(2*var(--u));padding:calc(11*var(--u)) 0}
  .xw__part span:first-child{font-size:max(10px,calc(12*var(--u)))}
  .xw__part span:last-child{font-size:max(13px,calc(15.5*var(--u)))}
}
@media (max-width:1199.98px){
  .xw .inner{padding:62px 20px}
  .xw__row{flex-direction:column;align-items:stretch;gap:36px}
  .xw__p{font-size:30px}
  .dots li{font-size:22px}
  .xw__card{padding:24px 26px;border-radius:24px;flex-direction:column;align-items:stretch;gap:26px}
  .paper{width:292px;height:420px;align-self:center;padding:26px 24px}
}

/* your hosts */
.xo .inner > div{display:flex;flex-direction:column}
.xo__head{display:flex}
.xo__title{display:flex;flex-direction:column;gap:16px}
.xo__lead{margin:0;line-height:1.65;color:#4F493F}
.xo__cards{display:flex}
.host{box-sizing:border-box;display:flex;flex-direction:column;gap:12px}
.host__av{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg, #3A2A1D, #6B4E2E);color:#F1E2C6;font-family:'Cormorant Garamond',serif;font-size:28px;letter-spacing:1px;overflow:hidden;flex-shrink:0}
.host__av img{width:100%;height:100%;object-fit:cover;display:block}
.host h3{margin:6px 0 0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.1}
.host__l{font-size:12px;letter-spacing:2px;color:#7A5C38}
.host p{margin:0;font-size:15px;line-height:1.65;color:#4F493F}
@media (min-width:1200px){
  .xo .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .xo .inner > div{gap:calc(44*var(--u))}
  .xo__head{justify-content:space-between;align-items:flex-end}
  .xo__title{gap:calc(16*var(--u))}
  .xo__title .xh2{font-size:calc(52*var(--u))}
  .xo__lead{width:calc(420*var(--u));font-size:calc(17*var(--u))}
  .xo__cards{gap:calc(20*var(--u))}
  .host{width:calc(290*var(--u));padding:calc(28*var(--u)) calc(26*var(--u)) calc(30*var(--u));border-radius:calc(26*var(--u));gap:calc(12*var(--u))}
  .host__av{width:calc(76*var(--u));height:calc(76*var(--u));font-size:calc(28*var(--u))}
  .host h3{margin-top:calc(6*var(--u));font-size:calc(28*var(--u))}
  .host__l{font-size:max(10px,calc(12*var(--u)))}
  .host p{font-size:max(13px,calc(15*var(--u)))}
}
@media (max-width:1199.98px){
  .xo .inner{padding:58px 20px}
  .xo .inner > div{gap:26px}
  .xo__head{flex-direction:column;align-items:flex-start;gap:16px}
  .xo__title .xh2{font-size:36px}
  .xo__lead{font-size:16px}
  .xo__cards{flex-direction:column;align-items:stretch;gap:20px}
  .host{padding:23px 21px 25px 21px;border-radius:26px}
  .host__av{font-size:24px}
  .host h3{font-size:24px}
}

/* good to know */
.xk .inner > div{display:flex;flex-direction:column}
.xk__head{display:flex;flex-direction:column;gap:16px}
.xk__grid{display:grid}
.know{box-sizing:border-box}
.know__t{display:block;font-family:'Cormorant Garamond',serif;line-height:1.1;color:#F5EEE3;margin-bottom:10px}
.know p{margin:0;font-size:15.5px;line-height:1.65;color:#D9D0C2}
.pill{box-sizing:border-box;display:flex;justify-content:space-between}
.pill__t{font-family:'Cormorant Garamond',serif;font-style:italic;color:#F5EEE3}
.pill .btn{flex-shrink:0}
@media (min-width:1200px){
  .xk .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(104*var(--u)) calc(120*var(--u))}
  .xk .inner > div{gap:calc(40*var(--u))}
  .xk__head{gap:calc(16*var(--u))}
  .xk__head .xh2{font-size:calc(52*var(--u))}
  .xk__grid{grid-template-columns:1fr 1fr 1fr;gap:calc(20*var(--u))}
  .know--span2{grid-column:span 2}
  .know--span3{grid-column:span 3}
  .know{padding:calc(28*var(--u)) calc(30*var(--u));border-radius:calc(24*var(--u))}
  .know__t{font-size:calc(28*var(--u));margin-bottom:calc(10*var(--u))}
  .know p{font-size:max(13px,calc(15.5*var(--u)))}
  .pill{padding:calc(26*var(--u)) calc(34*var(--u));border-radius:999px;align-items:center}
  .pill__t{font-size:calc(28*var(--u))}
}
@media (max-width:1199.98px){
  .xk .inner{padding:62px 20px}
  .xk .inner > div{gap:26px}
  .xk__head .xh2{font-size:36px}
  .xk__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px}
  .know{padding:23px 25px;border-radius:24px}
  .know__t{font-size:24px}
  .pill{padding:24px 22px;border-radius:26px;flex-direction:column;align-items:flex-start;gap:18px}
  .pill__t{font-size:24px}
}

/* other settings */
.xs .inner > div{display:flex;flex-direction:column}
.xs__head{display:flex;flex-direction:column;gap:14px}
.xs__cards{display:flex}
.ocard{display:block;text-decoration:none;color:#1F1E1C;transition:transform .35s ease}
.ocard:hover{transform:translateY(-4px);color:#1F1E1C}
.ocard img,.ocard .ocard__ph{display:block;width:100%;height:190px;object-fit:cover;border-radius:16px}
.ocard__ph{background:linear-gradient(135deg,#d8c7ab,#bda27c)}
.ocard__t{display:block;font-family:'Cormorant Garamond',serif;line-height:1.1}
.ocard__s{display:block;margin-top:6px;font-size:14.5px;color:#4F493F}
.ocard__c{display:block;margin-top:14px;font-size:12px;letter-spacing:2px;color:#7A5C38}
.ocard > div{padding:10px 10px 18px;border-radius:24px}
.ocard > div > div{padding:16px 12px 0}
@media (min-width:1200px){
  .xs .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(88*var(--u)) calc(120*var(--u))}
  .xs .inner > div{gap:calc(36*var(--u))}
  .xs__head{gap:calc(14*var(--u))}
  .xs__head .xh2{font-size:calc(44*var(--u))}
  .xs__cards{gap:calc(24*var(--u))}
  .ocard{width:calc(390*var(--u))}
  .ocard > div{padding:calc(10*var(--u)) calc(10*var(--u)) calc(18*var(--u));border-radius:calc(24*var(--u))}
  .ocard img,.ocard .ocard__ph{height:calc(190*var(--u));border-radius:calc(16*var(--u))}
  .ocard > div > div{padding:calc(16*var(--u)) calc(12*var(--u)) 0}
  .ocard__t{font-size:calc(30*var(--u))}
  .ocard__s{margin-top:calc(6*var(--u));font-size:max(13px,calc(14.5*var(--u)))}
  .ocard__c{margin-top:calc(14*var(--u));font-size:max(10px,calc(12*var(--u)))}
}
@media (max-width:1199.98px){
  .xs .inner{padding:53px 20px}
  .xs .inner > div{gap:22px}
  .xs__head .xh2{font-size:32px}
  .xs__cards{flex-direction:column;align-items:stretch;gap:24px}
  .ocard__t{font-size:25px}
}

/* date drawer */
.drawer{position:fixed;inset:0;z-index:40}
.drawer__scrim{position:absolute;left:0;top:0;width:100%;height:100%;border:0;background:rgba(20,12,6,0.55);cursor:default}
.drawer__box{position:absolute;box-sizing:border-box;background:rgba(34,23,14,0.94);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
.drawer__head{display:flex;justify-content:space-between;align-items:flex-start}
.drawer__head > div{display:flex;flex-direction:column;gap:6px}
.drawer__n{font-family:'Cormorant Garamond',serif;line-height:1.05;color:#F5EEE3}
.drawer__s{font-size:13.5px;color:#C6B59D}
.drawer__x{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,232,198,0.3);background:transparent;color:#F4F0E8;cursor:pointer;flex-shrink:0}
.cal__nav{display:flex;align-items:center;justify-content:space-between}
.cal__nav button{width:40px;height:40px;border-radius:50%;background:transparent;font-size:20px;color:#F4F0E8;border:1px solid rgba(255,232,198,0.3);cursor:pointer}
.cal__nav button:disabled{opacity:.3;cursor:default}
.cal__m{font-family:'Cormorant Garamond',serif;color:#F5EEE3}
.cal__dow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:11.5px;letter-spacing:1.5px;color:#A79883}
.cal__days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-d{height:46px;border-radius:12px;font-family:'Jost',sans-serif;font-size:15px;background:transparent;color:rgba(244,240,232,0.28);border:none;cursor:default;padding:0}
.cal-d.av{background:rgba(255,255,255,0.08);color:#F4F0E8;border:1px solid rgba(255,232,198,0.35);cursor:pointer}
.cal-d.sel{background:rgba(250,247,241,0.95);color:#1F1E1C;border:1px solid #fff;cursor:pointer;font-weight:500}
.cal-d.blank{visibility:hidden}
.cal__note{font-size:12.5px;line-height:1.5;color:#A79883}
.cal__msg{font-size:14.5px;line-height:1.6;color:#E6DED1}
.drawer__sel{border-top:1px solid rgba(255,232,198,0.16);padding-top:16px;display:flex;flex-direction:column;gap:6px}
.drawer__date{color:#F5EEE3}
.drawer__time{font-size:14.5px;color:#E4C796}
.drawer__local{font-size:14px;color:#C6B59D}

.slots{display:flex;flex-wrap:wrap;gap:8px}
.slots button{height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,232,198,0.35);background:rgba(255,255,255,0.08);color:#F4F0E8;font-family:'Jost',sans-serif;font-size:14px;cursor:pointer}
.slots button[aria-pressed=true]{background:rgba(250,247,241,0.95);color:#1F1E1C;border-color:#fff}
.drawer__price{display:flex;justify-content:space-between;align-items:baseline}
.drawer__price span:first-child{font-size:14px;color:#D9D0C2}
.drawer__price span:last-child{font-family:'Cormorant Garamond',serif;color:#F5EEE3}
.drawer__go{height:56px;width:100%;border:0}
.drawer__go[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}
@media (min-width:1200px){
  .drawer__box{right:calc(80*var(--u));top:calc(120*var(--u));width:calc(480*var(--u));max-height:calc(100% - 140*var(--u));padding:calc(34*var(--u)) calc(34*var(--u)) calc(30*var(--u));border-radius:calc(30*var(--u));gap:calc(18*var(--u))}
  .drawer__n{font-size:calc(34*var(--u))}
  .drawer__x{font-size:18px}
  .cal__m{font-size:calc(26*var(--u))}
  .drawer__date{font-size:calc(17*var(--u))}
  .drawer__price span:last-child{font-size:calc(30*var(--u))}
}
@media (max-width:1199.98px){
  .drawer__box{left:8px;right:8px;top:8px;max-height:calc(100% - 16px);padding:22px 18px 24px;border-radius:28px;gap:16px}
  .drawer__n{font-size:26px}
  .drawer__x{font-size:16.5px}
  .cal__m{font-size:22px}
  .cal-d{height:42px}
  .drawer__date{font-size:16px}
  .drawer__price span:last-child{font-size:25px}
}
html.drawer-open{overflow:hidden}
.drawer__box > *{flex-shrink:0}

/* ════════════════════════════════════════════════════════════════════════════════
   JOURNAL AND ARTICLES (boards: Journal, Article and their phone boards)
   ════════════════════════════════════════════════════════════════════════════════ */
/* page hero shared by the journal, advisors and policy pages */
.ph{position:relative;overflow:hidden;background:#1E1610;isolation:isolate}
.ph__photo{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:52% 60%;filter:sepia(0.35) saturate(1.05);z-index:-4}
.ph__shade{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-3;background:linear-gradient(90deg, rgba(30,20,12,0.80) 0%, rgba(30,20,12,0.55) 45%, rgba(30,20,12,0.25) 100%), linear-gradient(180deg, rgba(30,20,12,0.35) 0%, rgba(30,20,12,0) 30%, rgba(30,20,12,0.55) 100%)}
.ph .vig{box-shadow:inset 0 0 200px rgba(15,10,6,0.6)}
.ph__frame{position:relative;display:flex;flex-direction:column;box-sizing:border-box}
.ph__copy{display:flex;flex-direction:column;gap:18px}
.ph h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.02;color:#F5EEE3}
.ph__lead{margin:0;line-height:1.6;font-weight:300;color:#E3D6C3}
@media (min-width:1200px){
  .ph__frame{width:min(calc(1440*var(--u)),100%);margin:0 auto;justify-content:flex-end;padding:0 0 calc(64*var(--u)) calc(80*var(--u))}
  .ph__copy{width:calc(860*var(--u));gap:calc(18*var(--u))}
  .ph h1{font-size:calc(68*var(--u))}
  .ph__lead{width:calc(640*var(--u));font-size:calc(18*var(--u))}
}
@media (max-width:1199.98px){
  .ph{box-sizing:border-box;padding:96px 20px 40px;display:flex;flex-direction:column;justify-content:flex-end;gap:16px}
  .ph__shade{background:linear-gradient(180deg, rgba(30,20,12,0.62) 0%, rgba(30,20,12,0.34) 20%, rgba(30,20,12,0.62) 42%, rgba(30,20,12,0.86) 70%, rgba(30,20,12,0.96) 100%)}
  .ph .vig{box-shadow:inset 0 0 120px rgba(15,10,6,0.6)}
  .ph__frame{display:contents}
  .ph__copy{position:relative;z-index:1}
  .ph h1{font-size:42px}
  .ph__lead{font-size:16.5px}
}
.ph--journal{min-height:460px}
@media (min-width:1200px){.ph--journal,.ph--journal .ph__frame{min-height:calc(460*var(--u))}}
@media (max-width:1199.98px){.ph--journal{min-height:430px}}

/* article share menu (journal cards, article page) */
.shm{position:absolute;right:0;bottom:56px;width:256px;box-sizing:border-box;padding:8px;border-radius:18px;z-index:6;background:rgba(38,26,16,0.95);display:flex;flex-direction:column}
.shm__h{display:block;padding:10px 14px 6px;font-size:11px;letter-spacing:2.5px;color:#E4C796}
.shm__url{display:block;padding:6px 14px;font-size:11.5px;line-height:1.5;color:#A79883;word-break:break-all;user-select:all}
.shm .shr-i{height:44px}
.share-open{z-index:7!important}

/* journal list */
.jx .inner > div{display:flex;flex-direction:column}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip-f{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;font-size:13px;letter-spacing:1px;text-decoration:none;color:#E6DED1;background:rgba(255,238,214,0.08);border:1px solid rgba(255,232,198,0.24)}
.chip-f:hover{color:#fff}
.chip-f.on{background:rgba(247,239,226,0.92);color:#2A1D12;border-color:#fff}
.jfeat-w{position:relative}
.jfeat{position:relative;display:grid;border-radius:28px;color:#F4F0E8}
.cover-link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;border-radius:inherit}
.jfeat__img{display:block;object-fit:cover;filter:sepia(0.2)}
.jfeat__in{display:flex;flex-direction:column;justify-content:center;gap:16px}
.jfeat__k{font-size:12px;letter-spacing:3px;color:#E2C99E}
.jfeat__t{font-family:'Cormorant Garamond',serif;line-height:1.08}
.jfeat__x{font-size:16px;line-height:1.6;color:#E6DED1}
.jmeta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}
.jmeta > span{font-size:13px;color:#D9D0C2}
.jmeta .share-btn{position:relative;z-index:2}
.jgrid2{display:grid}
.jc-w{position:relative}
.jc{position:relative;display:flex;flex-direction:column;height:100%;box-sizing:border-box;border-radius:24px;color:#F4F0E8}
.jc__img,.jc__ph{display:block;width:100%;height:220px;object-fit:cover;filter:sepia(0.2);border-radius:23px 23px 0 0}
.jc__ph{background:linear-gradient(135deg,#6b4b30,#2a1d12)}
.jc__in{display:flex;flex-direction:column;gap:10px;flex-grow:1}
.jc__k{font-size:11px;letter-spacing:2px;color:#E2C99E}
.jc__t{font-family:'Cormorant Garamond',serif;font-size:27px;line-height:1.15}
.jc .jmeta{gap:12px;margin-top:auto;padding-top:4px}
.jnone{padding:48px;border-radius:28px}
.jnone h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:36px}
.jnone p{margin:8px 0 0;font-size:16px;line-height:1.6;color:#E6DED1}
@media (min-width:1200px){
  .jx .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .jx .inner > div{gap:calc(40*var(--u))}
  .jfeat{grid-template-columns:calc(720*var(--u)) minmax(0,1fr);border-radius:calc(28*var(--u))}
  .jfeat__img{width:calc(720*var(--u));height:calc(440*var(--u));border-radius:calc(27*var(--u)) 0 0 calc(27*var(--u))}
  .jfeat__in{padding:calc(44*var(--u));gap:calc(16*var(--u))}
  .jfeat__k{font-size:max(10px,calc(12*var(--u)))}
  .jfeat__t{font-size:calc(44*var(--u))}
  .jfeat__x{font-size:max(14px,calc(16*var(--u)))}
  .jgrid2{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24*var(--u))}
  .jc{border-radius:calc(24*var(--u))}
  .jc__img,.jc__ph{height:calc(220*var(--u))}
  .jc__in{padding:calc(22*var(--u)) calc(24*var(--u)) calc(20*var(--u));gap:calc(10*var(--u))}
  .jc__t{font-size:calc(27*var(--u))}
}
@media (max-width:1199.98px){
  .jx .inner{padding:58px 20px}
  .chip-f{height:38px;padding:0 15px}
  .jx .inner > div{gap:26px}
  .jfeat{grid-template-columns:repeat(1,minmax(0,1fr));border-radius:22px}
  .jfeat__img{width:100%;height:250px;border-radius:27px 27px 0 0}
  .jfeat__in{padding:26px}
  .jfeat__t{font-size:32px}
  .jgrid2{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px}
  .jc__in{padding:22px 20px 20px 20px}
  .jc__t{font-size:22px}
}

/* the letter (newsletter) */
.jl__row{display:flex;justify-content:space-between}
.jl__col{display:flex;flex-direction:column;gap:12px}
.jl h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500}
.jl__x{margin:0;font-size:16px;line-height:1.6;color:#4F493F}
.jl form{display:flex;flex-wrap:wrap;gap:12px;flex-grow:1}
.jl form label{flex:1 1 0;min-width:0}
.field-l{height:52px;box-sizing:border-box;padding:0 16px;border-radius:14px;background:rgba(255,255,255,0.6);border:1px solid rgba(31,30,28,0.18);color:#1F1E1C;font-family:'Jost',sans-serif;font-size:16px;outline:none;width:100%;margin:0}
.field-l::placeholder{color:#6B6358}
.field-l:focus{border-color:#7A5C38;box-shadow:0 0 0 4px rgba(122,92,56,0.14)}
.jl form .msg{flex-basis:100%}
@media (min-width:1200px){
  .jl .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .jl__row{align-items:center;gap:calc(64*var(--u))}
  .jl__col{width:calc(560*var(--u));gap:calc(12*var(--u))}
  .jl h2{font-size:calc(44*var(--u))}
  .jl__x{font-size:max(14px,calc(16*var(--u)))}
  .jl form{max-width:calc(560*var(--u));gap:calc(12*var(--u))}
  .field-l{height:calc(52*var(--u));font-size:max(14px,calc(16*var(--u)))}
}
@media (max-width:1199.98px){
  .jl .inner{padding:58px 20px}
  .jl__row{flex-direction:column;align-items:stretch;gap:32px}
  .jl h2{font-size:32px}
}

/* article */
.ah{position:relative;overflow:hidden;background:#1E1610;isolation:isolate}
.ah__photo{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:sepia(0.3);z-index:-4}
.ah__shade{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-3;background:linear-gradient(180deg, rgba(30,20,12,0.45) 0%, rgba(30,20,12,0.05) 35%, rgba(30,20,12,0.70) 100%)}
.ah__frame{position:relative;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box}
.ah__card{position:relative;z-index:6;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}
.ah__k{font-size:12px;letter-spacing:3px;color:#E4C796}
.ah__k a{color:inherit;text-decoration:none}
.ah h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.02;color:#F5EEE3}
.ah__meta{position:relative;display:flex;align-items:center;justify-content:space-between}
.ah__by{font-size:15px;color:#E3D6C3}
.ah__share{height:44px;padding:0 20px;font-size:12px;flex-shrink:0}
@media (min-width:1200px){
  .ah{min-height:calc(680*var(--u))}
  .ah__frame{width:min(calc(1440*var(--u)),100%);min-height:calc(680*var(--u));margin:0 auto;padding:0 0 calc(56*var(--u)) calc(80*var(--u))}
  .ah__card{width:calc(860*var(--u));padding:calc(36*var(--u)) calc(40*var(--u));border-radius:calc(30*var(--u));gap:calc(14*var(--u))}
  .ah__k{font-size:max(10px,calc(12*var(--u)))}
  .ah h1{font-size:calc(62*var(--u))}
  .ah__meta{gap:calc(24*var(--u))}
  .ah__by{font-size:max(13px,calc(15*var(--u)))}
  .ah .ah__share{height:calc(44*var(--u));padding:0 calc(20*var(--u));font-size:max(11px,calc(12*var(--u)))}
}
@media (max-width:1199.98px){
  .ah{min-height:620px;box-sizing:border-box;padding:300px 12px 12px;display:flex;flex-direction:column;justify-content:flex-end;gap:16px}
  .ah__frame{display:contents}
  .ah__card{z-index:1;padding:26px 22px 22px;border-radius:26px}
  .ah h1{font-size:38px}
  .ah__meta{gap:14px;flex-wrap:wrap}
}
.ab__row{display:flex;justify-content:center}
.prose{color:#3E362D}
.prose p{margin:0 0 18px;font-size:17px;line-height:1.75;color:#3E362D}
.prose h2{margin:44px 0 14px;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:34px;line-height:1.15;color:#1F1E1C}
.prose h3{margin:26px 0 8px;font-family:'Jost',sans-serif;font-weight:500;font-size:16px;letter-spacing:.02em;color:#1F1E1C}
.prose ul,.prose ol{margin:0 0 18px;padding-left:20px;font-size:17px;line-height:1.7;color:#3E362D}
.prose li{margin-bottom:6px}
.prose a{color:#7A5C38}
.prose strong{color:#1F1E1C;font-weight:500}
.prose blockquote{margin:36px 0;padding:8px 0 8px 28px;border-left:2px solid #7A5C38;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:30px;line-height:1.35;color:#1F1E1C}
.prose blockquote p{margin:0;font:inherit;color:inherit;line-height:inherit}
.prose img{max-width:100%;height:auto;border-radius:16px}
.ashare{margin-top:44px;padding-top:28px;border-top:1px solid rgba(31,30,28,0.14);display:flex;flex-direction:column;gap:14px}
.ashare__k{font-size:12px;letter-spacing:3px;color:#7A5C38}
.ashare__row{display:flex;flex-wrap:wrap;gap:10px}
.ashare__row a,.ashare__row button{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;box-sizing:border-box;border-radius:999px;border:1px solid rgba(31,30,28,0.22);background:rgba(255,255,255,0.62);color:#1F1E1C;font-family:'Jost',sans-serif;font-size:14px;text-decoration:none;cursor:pointer;margin:0}
.ashare__row button{background:rgba(31,30,28,0.88);color:#F4F0E8;border-color:rgba(31,30,28,0.88)}
.ashare__row a:hover{background:rgba(255,255,255,0.85);color:#1F1E1C}
.author{margin-top:48px;padding:28px;border-radius:24px;display:flex;gap:20px;align-items:center}
.author__av{width:64px;height:64px;flex-shrink:0;border-radius:32px;background:rgba(31,30,28,0.88);color:#F4F0E8;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:24px;overflow:hidden}
.author__av img{width:100%;height:100%;object-fit:cover;border-radius:0}
.author__n{font-family:'Cormorant Garamond',serif;font-size:24px;color:#1F1E1C}
.author__b{font-size:15px;line-height:1.55;color:#4F493F}
.author > div{display:flex;flex-direction:column;gap:4px}
.aside{flex-shrink:0;display:flex;flex-direction:column;gap:16px}
.acta{padding:28px;border-radius:24px;display:flex;flex-direction:column;gap:14px}
.acta__k{font-size:12px;letter-spacing:3px;color:#7A5C38}
.acta__t{font-family:'Cormorant Garamond',serif;font-size:28px;line-height:1.15;color:#1F1E1C}
.acta__x{font-size:15px;line-height:1.6;color:#4F493F}
.alet{padding:24px 28px;border-radius:24px;display:flex;flex-direction:column;gap:10px}
.alet__x{font-size:15px;line-height:1.55;color:#4F493F}
.alet .btn{height:46px}
.alet form{display:flex;flex-direction:column;gap:10px}
.alet label,.alet .field-l{display:block}
@media (min-width:1200px){
  .ab .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .ab__row{gap:calc(96*var(--u));align-items:flex-start}
  .ab .prose{width:calc(720*var(--u))}
  .aside{width:calc(320*var(--u))}
}
@media (max-width:1199.98px){
  .ab .inner{padding:58px 20px}
  .ab__row{flex-direction:column;align-items:stretch;gap:36px}
  .prose p,.prose ul,.prose ol{font-size:16.5px}
  .prose h2{font-size:28px;margin:36px 0 12px}
  .prose blockquote{padding:8px 0 8px 23px;font-size:25px}
  .author{padding:23px}
  .author__av{border-radius:24px;font-size:21px}
  .author__n{font-size:21px}
  .acta{padding:23px}
  .acta__t{font-size:24px}
  .alet{padding:20px 23px}
}
.am .inner > div{display:flex;flex-direction:column}
.am__head{display:flex}
.am h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500}
@media (min-width:1200px){
  .am .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .am .inner > div{gap:calc(36*var(--u))}
  .am__head{justify-content:space-between;align-items:flex-end}
  .am h2{font-size:calc(44*var(--u))}
}
@media (max-width:1199.98px){
  .am .inner{padding:58px 20px}
  .am .inner > div{gap:22px}
  .am__head{flex-direction:column;align-items:flex-start;gap:16px}
  .am h2{font-size:32px}
}

/* ════════════════════════════════════════════════════════════════════════════════
   ADVISORS, FAQ, TERMS, PRIVACY (boards: Advisors, Faq, Terms, Privacy and their phone boards)
   ════════════════════════════════════════════════════════════════════════════════ */
.ph--adv{min-height:600px}
.ph--adv .ph__photo{object-position:center 45%}
.ph--legal{min-height:440px}
@media (min-width:1200px){
  .ph--adv,.ph--adv .ph__frame{min-height:calc(600*var(--u))}
  .ph--legal,.ph--legal .ph__frame{min-height:calc(440*var(--u))}
}
.ph__btns{display:flex;gap:12px;margin-top:8px}
@media (min-width:1200px){.ph__btns{gap:calc(12*var(--u));margin-top:calc(8*var(--u))}}
@media (max-width:1199.98px){.ph__btns{flex-direction:column;gap:10px}}

.vs .inner > div,.vp .inner > div{display:flex;flex-direction:column}
.vs__head{display:flex}
.vs__title,.vp__title{display:flex;flex-direction:column;gap:14px}
.vs h2,.vp h2,.vr h2,.vq h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500}
.vs__lead{font-size:16px;line-height:1.6;color:#4F493F}
.vs__grid,.vp__grid{display:grid}
.vstep{display:flex;flex-direction:column;gap:12px}
.vstep__n{width:44px;height:44px;border-radius:22px;background:rgba(31,30,28,0.88);color:#F4F0E8;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:20px}
.vstep__t{font-family:'Cormorant Garamond',serif;font-size:27px;line-height:1.15}
.vstep__x{font-size:15px;line-height:1.6;color:#4F493F}
.vprom{display:flex;flex-direction:column;gap:8px}
.vprom__t{font-family:'Cormorant Garamond',serif;font-size:26px}
.vprom__x{font-size:15px;line-height:1.6;color:#E6DED1}
@media (min-width:1200px){
  .vs .inner,.vp .inner,.vr .inner,.vq .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .vs .inner > div,.vp .inner > div{gap:calc(40*var(--u))}
  .vs__head{justify-content:space-between;align-items:flex-end}
  .vs__title,.vp__title{gap:calc(14*var(--u))}
  .vs h2,.vp h2{font-size:calc(50*var(--u))}
  .vs__lead{width:calc(380*var(--u));font-size:max(14px,calc(16*var(--u)))}
  .vs__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20*var(--u))}
  .vstep{padding:calc(28*var(--u));border-radius:calc(24*var(--u));gap:calc(12*var(--u))}
  .vstep__n{width:calc(44*var(--u));height:calc(44*var(--u));border-radius:calc(22*var(--u));font-size:calc(20*var(--u))}
  .vstep__t{font-size:calc(27*var(--u))}
  .vstep__x,.vprom__x{font-size:max(13px,calc(15*var(--u)))}
  .vp__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20*var(--u))}
  .vprom{padding:calc(26*var(--u));border-radius:calc(22*var(--u));gap:calc(8*var(--u))}
  .vprom__t{font-size:calc(26*var(--u))}
}
@media (max-width:1199.98px){
  .vs .inner,.vp .inner,.vr .inner,.vq .inner{padding:58px 20px}
  .vs .inner > div,.vp .inner > div{gap:26px}
  .vs__head{flex-direction:column;align-items:flex-start;gap:16px}
  .vs h2,.vp h2{font-size:36px}
  .vs__grid,.vp__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px}
  .vstep{padding:23px;border-radius:24px}
  .vstep__n{font-size:18px}
  .vstep__t{font-size:22px}
  .vprom{padding:21px;border-radius:22px}
  .vprom__t{font-size:22px}
}
/* referral partners */
.vr__row,.vq__row{display:flex}
.vr__col{display:flex;flex-direction:column;gap:20px}
.vr h2{line-height:1.1}
.vr__x{margin:0;font-size:17px;line-height:1.7;color:#4F493F}
.vr form{flex-grow:1;box-sizing:border-box;display:grid}
.lbl-l{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#5E574D}
.vr textarea.field-l{height:112px;padding:12px 16px;resize:none}
.vr .full{grid-column:1/-1}
.vr form .btn{justify-self:start}
@media (min-width:1200px){
  .vr__row{gap:calc(96*var(--u));align-items:flex-start}
  .vr__col{width:calc(460*var(--u));gap:calc(20*var(--u))}
  .vr h2{font-size:calc(46*var(--u))}
  .vr__x{font-size:calc(17*var(--u))}
  .vr form{padding:calc(36*var(--u));border-radius:calc(28*var(--u));grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(18*var(--u))}
}
@media (max-width:1199.98px){
  .vr__row{flex-direction:column;align-items:stretch;gap:36px}
  .vr h2{font-size:32px}
  .vr__x{font-size:16px}
  .vr form{padding:22px;border-radius:22px;grid-template-columns:repeat(1,minmax(0,1fr));gap:18px}
}
/* questions from advisors, and the FAQ items */
.vq__col{display:flex;flex-direction:column;gap:14px}
.vq h2{line-height:1.1}
.vq__col .btn{align-self:flex-start;margin-top:10px}
.vq__box{flex-grow:1;border-radius:26px}
.qa{padding:22px 0;border-top:1px solid rgba(31,30,28,0.12)}
.qa h3{margin:0 0 8px;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:25px;color:#1F1E1C}
.qa p{margin:0;font-size:16px;line-height:1.7;color:#4F493F}
.qa a{color:#7A5C38}
@media (min-width:1200px){
  .vq__row{gap:calc(96*var(--u));align-items:flex-start}
  .vq__col{width:calc(360*var(--u));gap:calc(14*var(--u))}
  .vq h2{font-size:calc(44*var(--u))}
  .vq__col .btn{margin-top:calc(10*var(--u))}
  .vq__box{padding:calc(8*var(--u)) calc(32*var(--u));border-radius:calc(26*var(--u))}
}
@media (max-width:1199.98px){
  .vq__row{flex-direction:column;align-items:stretch;gap:36px}
  .vq h2{font-size:32px}
  .vq__box{padding:8px 26px}
  .qa h3{font-size:22px}
  .qa p{font-size:15.5px}
}

/* FAQ, terms and privacy body */
.lg__row{display:flex}
.toc{flex-shrink:0;box-sizing:border-box}
.toc__k{display:block;font-size:12px;letter-spacing:3px;color:#7A5C38;padding-bottom:8px}
.toc a{display:block;padding:8px 0;color:#5E574D;text-decoration:none;font-size:14px;border-bottom:1px solid rgba(31,30,28,0.10)}
.toc a:last-child{border-bottom:0}
.toc a:hover{color:#1F1E1C}
.prose--faq{margin-top:-52px}
.prose--faq h2{margin-top:52px}
.pol-w{border-radius:24px;overflow:hidden;margin:8px 0 40px}
.pol{width:100%;border-collapse:collapse;font-size:15px;color:#1F1E1C}
.pol th{padding:16px 22px;font-weight:500;font-size:12px;letter-spacing:2px;color:#7A5C38;text-align:left}
.pol td{padding:16px 22px}
.pol tbody tr{border-top:1px solid rgba(31,30,28,0.12)}
.still{margin-top:48px;border-radius:24px;display:flex;justify-content:space-between}
.still h3{margin:0 0 4px;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:26px;color:#1F1E1C}
.still p{margin:0;font-size:15px;color:#1F1E1C}
.still p a{color:#7A5C38}
@media (min-width:1200px){
  .lg .inner{width:min(calc(1440*var(--u)),100%);margin:0 auto;padding:calc(96*var(--u)) calc(120*var(--u))}
  .lg__row{gap:calc(96*var(--u));align-items:flex-start}
  .toc{width:calc(300*var(--u));padding:calc(24*var(--u)) calc(28*var(--u));border-radius:calc(24*var(--u))}
  .lg .prose{width:calc(760*var(--u))}
  .still{padding:calc(28*var(--u)) calc(32*var(--u));align-items:center;gap:calc(24*var(--u))}
}
@media (max-width:1199.98px){
  .lg .inner{padding:58px 20px}
  .lg__row{flex-direction:column;align-items:stretch;gap:36px}
  .toc{padding:20px 23px;border-radius:24px}
  .pol{font-size:14px}
  .pol th{padding:14px 12px;font-size:11px;letter-spacing:1.5px}
  .pol td{padding:14px 12px}
  .still{padding:23px 26px;flex-direction:column;align-items:flex-start;gap:16px}
  .still h3{font-size:22px}
  .prose--faq h2{margin-top:52px}
}

/* ═════ BOOKING (boards BookingDesktop 1440×1000 and Booking 390×844) ═════════════════════════════════════════════
   One page for both boards. The booking boards carry their own glass and field styles (their <helmet>), scoped here
   to .bk. Desktop scales with --u like every page, and also with the window height so the whole booking (panel and
   summary) stays on screen on laptop displays; at 1440×1000 every value is the board's own. */
.bk{position:relative;background:#1E1610;color:#F4F0E8;font-family:'Jost',sans-serif;overflow:hidden}
.bk .g-dark,.pw .g-dark,.pwi .g-dark{background:rgba(58,40,24,0.34);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(255,232,198,0.24);box-shadow:inset 0 1px 0 rgba(255,240,218,0.22),0 24px 60px rgba(12,7,3,0.35)}
.bk .btn-clear{background:rgba(255,255,255,0.10);color:#F4F0E8;border:1px solid rgba(255,255,255,0.32);box-shadow:none}
.bk .btn-clear:hover{background:rgba(255,255,255,0.18);color:#fff}
.bk .field{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.24);color:#F4F0E8}
.bk .field::placeholder{color:rgba(244,240,232,0.45)}
.bk .field:focus{border-color:rgba(241,226,198,0.9);box-shadow:0 0 0 4px rgba(241,226,198,0.16)}
.bk .navlink{padding:0}
.bk .grain2{position:absolute;left:-50%;top:-50%;width:200%;height:200%;pointer-events:none;opacity:0.15;mix-blend-mode:overlay;background-image:url(/assets/img/texture-film-grain.png);animation:grain 1.2s steps(6) infinite}
@media (prefers-reduced-motion:reduce){.bk .grain2{animation:none}}
.bk__bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.bk__img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;filter:blur(36px) sepia(0.55) saturate(1.2) brightness(0.55);transform:scale(1.15)}
.bk__tint{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(52,34,18,0.38)}
.bk__grain{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.bk__vig{position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0 0 220px rgba(15,10,6,0.6)}
.bk__logo{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:#F4F0E8}
.bk__logo span:first-child{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:7px}
.bk__logo span:last-child{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;line-height:22px}
.bk__logo:hover{color:#F4F0E8}
.bk__navr{display:flex;align-items:center;gap:28px;font-size:13px;letter-spacing:1px;color:#D9D0C2}
.bk__secure{display:flex;align-items:center;gap:8px}
.bk__x{width:48px;height:48px;padding:0}
.bk__plogo{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#F4F0E8}
.bk__plogo span:first-child{font-family:'Cormorant Garamond',serif;font-size:10px;letter-spacing:5px}
.bk__plogo span:last-child{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;line-height:19px}
.bk__plogo:hover{color:#F4F0E8}
.bk__scroll:focus{outline:none}
/* step parts shared by both boards */
.bk-h{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:44px}
.bk-h:focus{outline:none}
.bk-s{display:flex;flex-direction:column;gap:22px}
.bk-hd{display:flex;flex-direction:column;gap:6px}
.bk-sub{font-size:15px;color:#D9D0C2}
.bk-note{margin:0;font-size:14px;color:#D9D0C2}
.bk-k{font-size:12px;letter-spacing:2px;color:#BDB3A4}
.bk-err{margin:0 0 18px;font-size:14px;line-height:1.5;padding:12px 16px;border-radius:14px;background:rgba(229,142,123,0.14);border:1px solid rgba(229,142,123,0.45);color:#FFD9D0}
.bk-err a{color:#FFE7DF}
.bk-on{background:rgba(250,247,241,0.92);color:#1F1E1C;border:1px solid #FFFFFF;box-shadow:0 8px 24px rgba(0,0,0,0.25)}
.bk-off{background:rgba(255,255,255,0.07);color:#F4F0E8;border:1px solid rgba(255,255,255,0.2)}
/* progress */
.bk-segs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.bk-seg{display:flex;flex-direction:column;gap:10px}
.bk-seg__bar{height:3px;border-radius:2px;background:rgba(255,255,255,0.18)}
.bk-seg__bar.is-on{background:#F1E2C6}
.bk-seg__l{font-size:13px;letter-spacing:1px;color:#BDB3A4}
.bk-seg__l.is-cur{color:#FFFFFF;font-weight:500}
.bk-pp__t{font-size:12px;letter-spacing:2px;color:#D9D0C2}
.bk-pp__bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.bk-pp__bars div{height:3px;border-radius:2px;background:rgba(255,255,255,0.2)}
.bk-pp__bars div.is-on{background:#F1E2C6}
/* 1 experience */
.bk-xs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bk-x{display:flex;flex-direction:column;padding:8px 8px 12px;border-radius:22px;text-align:left;font-family:Jost,sans-serif;color:#F4F0E8;cursor:pointer;transition:background .2s ease;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.16)}
.bk-x.is-on{background:rgba(255,255,255,0.16);border:1.5px solid rgba(241,226,198,0.95);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25)}
.bk-x__img{display:block;width:100%;height:130px;object-fit:cover;border-radius:14px}
.bk-x__t{display:flex;flex-direction:column;gap:4px;padding:14px 6px 4px}
.bk-x__r{display:flex;justify-content:space-between;align-items:baseline}
.bk-x__n{font-family:'Cormorant Garamond',serif;font-size:25px}
.bk-x__p{font-size:13px;color:#D9D0C2}
.bk-x__m{font-size:14px;color:#D9D0C2}
/* 2 date and time */
.bk-cal-row{display:flex;gap:36px;align-items:flex-start}
.bk-cal{width:420px;display:flex;flex-direction:column;gap:14px}
.bk-mh{position:relative}
.bk-mon{display:block;font-family:'Cormorant Garamond',serif;font-size:26px}
.bk-mnav{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:6px}
.bk-mnav button{width:32px;height:32px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.06);color:#F4F0E8;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.bk-mnav button[disabled]{opacity:0.3;cursor:default}
.bk-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;font-size:11px;letter-spacing:1px;color:#BDB3A4;text-align:center}
.bk-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bk-d{height:50px;border-radius:14px;font-family:Jost,sans-serif;font-size:16px;cursor:pointer}
.bk-d.bk-no{background:transparent;border:none;color:rgba(244,240,232,0.32);cursor:default}
.bk-d.bk-blank{background:transparent;border:none;cursor:default}
.bk-cal__msg{font-size:13px;line-height:1.5;color:#BDB3A4}
.bk-times{flex-grow:1;display:flex;flex-direction:column;gap:12px;padding-top:44px}
.bk-slots{display:flex;flex-direction:column;gap:10px}
.bk-slot{height:54px;border-radius:16px;font-family:Jost,sans-serif;font-size:16px;cursor:pointer}
.bk-local{font-size:13px;line-height:1.5;color:#BDB3A4}
.bk-pick{font-size:15px;line-height:1.5;color:#D9D0C2}
/* 3 guests */
.bk-s2{gap:26px}
.bk-gr{display:flex;align-items:center;gap:28px}
.bk-step{display:flex;align-items:center;gap:18px;padding:10px 12px 10px 22px;border-radius:999px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2)}
.bk-step__l{font-size:16px;width:64px}
.bk-step__c{display:contents}
.bk-pm{width:44px;height:44px;border-radius:22px;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.08);font-size:20px;color:#F4F0E8;cursor:pointer}
.bk-pm[disabled]{cursor:default}
.bk-step__n{width:24px;text-align:center;font-family:'Cormorant Garamond',serif;font-size:32px}
.bk-max{width:320px;font-size:14px;line-height:1.5;color:#D9D0C2}
.bk-who{display:flex;flex-direction:column;gap:10px}
.bk-tg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:520px}
.bk-tgb{height:54px;border-radius:16px;font-family:Jost,sans-serif;font-size:15px;cursor:pointer}
.bk-beh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;border-radius:22px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14)}
.bk-lbl{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#D9D0C2}
.bk-hold{grid-column:span 3;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-radius:16px;text-align:left;font-family:Jost,sans-serif;color:#F4F0E8;cursor:pointer;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.22)}
.bk-hold.is-on{background:rgba(241,226,198,0.16);border:1.5px solid rgba(241,226,198,0.9)}
.bk-hold__t{font-size:15px}
.bk-hold__d{font-size:13px;color:#D9D0C2}
/* 4 details */
.bk-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px}
.bk-form .bk-full{grid-column:span 2}
.bk-chk{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px}
.bk-chk input{width:20px;height:20px;accent-color:#F1E2C6;flex-shrink:0}
.bk-chk a{color:#E2C99E}
.bk-cr summary{cursor:pointer;font-size:14px;color:#E2C99E;text-decoration:underline;text-underline-offset:3px;list-style:none}
.bk-cr summary::-webkit-details-marker{display:none}
.bk-cr__row{display:flex;align-items:flex-end;gap:12px;margin-top:12px}
.bk-cr__row .bk-lbl{flex:1 1 auto}
.bk-cr__msg{display:block;margin-top:8px;font-size:13px;color:#D9D0C2}
/* 5 payment */
.bk-pay{display:flex;flex-direction:column;gap:16px;width:560px}
.bk-holdbox{display:flex;flex-direction:column;gap:14px;width:540px}
.bk-holdbox p{margin:0;font-size:14px;line-height:1.5;color:#D9D0C2}
.bk-or{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1.5px;color:#BDB3A4}
.bk-or span{flex-grow:1;height:1px;background:rgba(255,255,255,0.2)}
.bk-ece{min-height:54px}
.bk-pe{min-height:240px}
.bk-paymsg{margin:0;font-size:14px;line-height:1.5;color:#FFD9D0}
.bk-hosted{margin:0;font-size:15px;line-height:1.6;color:#E6DED1;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14)}
.bk-sum{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:20px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.16);font-size:15px}
.bk-sum__n{font-family:'Cormorant Garamond',serif;font-size:24px}
.bk-sum__d{color:#D9D0C2}
.bk-sum__r{display:flex;justify-content:space-between}
.bk-sum__r span:first-child{color:#D9D0C2}
.bk-sum__r--top{padding-top:10px;border-top:1px solid rgba(255,255,255,0.18)}
.bk-sum__r--tot span:first-child{color:#F4F0E8}
.bk-sum__r--tot span:last-child{font-weight:500}
.bk-fine{margin:0;font-size:12px;line-height:1.5;color:#BDB3A4}
/* done */
.bk-s5{gap:22px;padding-top:40px}
.bk-tick{width:76px;height:76px;flex-shrink:0;border-radius:38px;background:rgba(241,226,198,0.16);border:1px solid rgba(241,226,198,0.6);display:flex;align-items:center;justify-content:center;color:#F1E2C6}
.bk-tick svg{width:32px;height:32px}
.bk-tick--wait svg{animation:bkspin 1.4s linear infinite}
@keyframes bkspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bk-tick--wait svg{animation:none}}
.bk-done__t{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:54px}
.bk-done__b{margin:0;width:580px;font-size:17px;line-height:1.6;color:#E6DED1}
.bk-done__btns{display:flex;gap:12px;align-items:center;padding-top:8px}
.bk-done__btns .bk-ivory{background:rgba(250,247,241,0.92);color:#1F1E1C;border:1px solid #fff}
.bk-done__btns .bk-ivory:hover{background:rgba(255,255,255,0.98);color:#1F1E1C}
.bk-done__home{padding:0 16px;font-size:14px;color:#D9D0C2}
.bk-copy{display:flex;flex-direction:column;gap:8px;width:580px}
.bk-copy p{margin:0;font-size:14px;line-height:1.5;color:#D9D0C2}
.bk-sum--done{gap:6px;text-align:left}
.bk-sum--done .bk-sum__n{font-size:22px}
/* summary (desktop) and bottom bar (phone) */
.bk-a__img{display:block;width:100%;height:200px;object-fit:cover;border-radius:22px}
.bk-a__in{padding:22px 18px 18px;display:flex;flex-direction:column;gap:16px}
.bk-a__hd{display:flex;flex-direction:column;gap:4px}
.bk-a__n{font-family:'Cormorant Garamond',serif;font-size:30px}
.bk-a__m{font-size:14px;color:#D9D0C2}
.bk-a__rows{display:flex;flex-direction:column;font-size:15px}
.bk-a__row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,0.14)}
.bk-a__row span:first-child{color:#D9D0C2}
.bk-a__row span:last-child{text-align:right}
.bk-a__row--tot{padding:14px 0 0;border-top:1px solid rgba(255,255,255,0.4)}
.bk-a__row--tot span:first-child{color:#F4F0E8}
.bk-a__row--tot span:last-child{font-weight:500}
.bk-a__btns{display:flex;flex-direction:column;gap:8px}
.bk-next{height:56px;border-radius:999px;font-family:Jost,sans-serif;font-size:14px;letter-spacing:2px;background:rgba(250,247,241,0.92);color:#1F1E1C;border:1px solid #FFFFFF;box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(0,0,0,0.3);cursor:pointer}
.bk-next[disabled]{background:rgba(255,255,255,0.10);color:rgba(244,240,232,0.5);border:1px solid rgba(255,255,255,0.16);box-shadow:none;cursor:default}
.bk-backb{height:44px;border-radius:999px;background:transparent;border:none;font-family:Jost,sans-serif;font-size:14px;color:#D9D0C2;cursor:pointer}
.bk-b__info{display:flex;flex-direction:column;gap:2px;min-width:0}
.bk-b__p{font-size:15px;font-weight:500}
.bk-b__s{font-size:12px;color:#D9D0C2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-b__next{height:48px;padding:0 22px;flex-shrink:0;border-radius:999px;font-family:Jost,sans-serif;font-size:14px;letter-spacing:1px;background:rgba(250,247,241,0.92);color:#1F1E1C;border:1px solid #FFFFFF;cursor:pointer}
.bk-b__next[disabled]{background:rgba(255,255,255,0.10);color:rgba(244,240,232,0.5);border:1px solid rgba(255,255,255,0.16);cursor:default}

@media (min-width:1200px){
  .bk{--u:min(1px, 100vw / 1440, max(0.8px, 100vh / 1000))}
  .bk__img{filter:blur(calc(36*var(--u))) sepia(0.55) saturate(1.2) brightness(0.55)}
  .bk__vig{box-shadow:inset 0 0 calc(220*var(--u)) rgba(15,10,6,0.6)}
  .bk__frame{position:relative;width:min(calc(1440*var(--u)),100%);height:max(100vh,calc(1000*var(--u)));margin:0 auto}
  .bk__top,.bk__pprog,.bk__bar,.bk-p-only{display:none}
  .bk__nav{position:absolute;left:calc(40*var(--u));top:calc(28*var(--u));width:calc(1360*var(--u));height:calc(72*var(--u));box-sizing:border-box;padding:0 calc(14*var(--u)) 0 calc(36*var(--u));border-radius:999px;display:flex;align-items:center;justify-content:space-between}
  .bk__logo span:first-child{font-size:max(9px,calc(12*var(--u)));letter-spacing:calc(7*var(--u))}
  .bk__logo span:last-child{font-size:calc(22*var(--u));line-height:calc(22*var(--u))}
  .bk__navr{gap:calc(28*var(--u));font-size:max(11px,calc(13*var(--u)));letter-spacing:calc(1*var(--u))}
  .bk__secure{gap:calc(8*var(--u))}
  .bk__secure svg{width:calc(16*var(--u));height:calc(16*var(--u))}
  .bk__x{width:calc(48*var(--u));height:calc(48*var(--u))}
  .bk__x svg{width:calc(18*var(--u));height:calc(18*var(--u))}
  .bk__body{position:absolute;left:calc(120*var(--u));top:calc(132*var(--u));width:calc(1200*var(--u));height:calc(820*var(--u));display:flex;gap:calc(40*var(--u))}
  .bk__panel{width:calc(760*var(--u));height:calc(820*var(--u));box-sizing:border-box;padding:calc(40*var(--u)) calc(44*var(--u));border-radius:calc(32*var(--u));display:flex;flex-direction:column;gap:calc(30*var(--u))}
  .bk__scroll{flex-grow:1;overflow-y:auto;min-height:0}
  .bk__aside{width:calc(400*var(--u));align-self:flex-start;box-sizing:border-box;padding:calc(14*var(--u));border-radius:calc(32*var(--u));display:flex;flex-direction:column}
  .bk-h{font-size:calc(44*var(--u))}
  .bk-s{gap:calc(22*var(--u))}
  .bk-hd{gap:calc(6*var(--u))}
  .bk-sub{font-size:max(12px,calc(15*var(--u)))}
  .bk-note{font-size:max(11px,calc(14*var(--u)))}
  .bk-k{font-size:max(10px,calc(12*var(--u)));letter-spacing:calc(2*var(--u))}
  .bk-err{margin-bottom:calc(18*var(--u));font-size:max(12px,calc(14*var(--u)));padding:calc(12*var(--u)) calc(16*var(--u));border-radius:calc(14*var(--u))}
  .bk-segs{gap:calc(8*var(--u))}
  .bk-seg{gap:calc(10*var(--u))}
  .bk-seg__bar{height:max(2px,calc(3*var(--u)));border-radius:calc(2*var(--u))}
  .bk-seg__l{font-size:max(11px,calc(13*var(--u)));letter-spacing:calc(1*var(--u))}
  .bk-xs{gap:calc(16*var(--u))}
  .bk-x{padding:calc(8*var(--u)) calc(8*var(--u)) calc(12*var(--u));border-radius:calc(22*var(--u))}
  .bk-x__img{height:calc(130*var(--u));border-radius:calc(14*var(--u))}
  .bk-x__t{gap:calc(4*var(--u));padding:calc(14*var(--u)) calc(6*var(--u)) calc(4*var(--u))}
  .bk-x__n{font-size:calc(25*var(--u))}
  .bk-x__p{font-size:max(11px,calc(13*var(--u)))}
  .bk-x__m{font-size:max(11px,calc(14*var(--u)))}
  .bk-cal-row{gap:calc(36*var(--u))}
  .bk-cal{width:calc(420*var(--u));gap:calc(14*var(--u))}
  .bk-mon{font-size:calc(26*var(--u))}
  .bk-mnav{gap:calc(6*var(--u))}
  .bk-mnav button{width:calc(32*var(--u));height:calc(32*var(--u));font-size:calc(16*var(--u))}
  .bk-dow{gap:calc(6*var(--u));font-size:max(9px,calc(11*var(--u)));letter-spacing:calc(1*var(--u))}
  .bk-days{gap:calc(6*var(--u))}
  .bk-d{height:calc(50*var(--u));border-radius:calc(14*var(--u));font-size:max(12px,calc(16*var(--u)))}
  .bk-cal__msg{font-size:max(11px,calc(13*var(--u)))}
  .bk-times{gap:calc(12*var(--u));padding-top:calc(44*var(--u))}
  .bk-slots{gap:calc(10*var(--u))}
  .bk-slot{height:calc(54*var(--u));border-radius:calc(16*var(--u));font-size:max(12px,calc(16*var(--u)))}
  .bk-local{font-size:max(11px,calc(13*var(--u)))}
  .bk-pick{font-size:max(12px,calc(15*var(--u)))}
  .bk-s2{gap:calc(26*var(--u))}
  .bk-gr{gap:calc(28*var(--u))}
  .bk-step{gap:calc(18*var(--u));padding:calc(10*var(--u)) calc(12*var(--u)) calc(10*var(--u)) calc(22*var(--u))}
  .bk-step__l{font-size:max(12px,calc(16*var(--u)));width:calc(64*var(--u))}
  .bk-pm{width:calc(44*var(--u));height:calc(44*var(--u));border-radius:calc(22*var(--u));font-size:calc(20*var(--u))}
  .bk-step__n{width:calc(24*var(--u));font-size:calc(32*var(--u))}
  .bk-max{width:calc(320*var(--u));font-size:max(11px,calc(14*var(--u)))}
  .bk-who{gap:calc(10*var(--u))}
  .bk-tg{gap:calc(12*var(--u));width:calc(520*var(--u))}
  .bk-tgb{height:calc(54*var(--u));border-radius:calc(16*var(--u));font-size:max(12px,calc(15*var(--u)))}
  .bk-beh{gap:calc(14*var(--u));padding:calc(20*var(--u));border-radius:calc(22*var(--u))}
  .bk-lbl{gap:calc(6*var(--u));font-size:max(11px,calc(13*var(--u)))}
  .bk-hold{gap:calc(4*var(--u));padding:calc(14*var(--u)) calc(16*var(--u));border-radius:calc(16*var(--u))}
  .bk-hold__t{font-size:max(12px,calc(15*var(--u)))}
  .bk-hold__d{font-size:max(11px,calc(13*var(--u)))}
  .bk-form{gap:calc(18*var(--u)) calc(18*var(--u))}
  .bk-chk{gap:calc(10*var(--u));min-height:calc(44*var(--u));font-size:max(12px,calc(15*var(--u)))}
  .bk-cr summary{font-size:max(11px,calc(14*var(--u)))}
  .bk-pay{gap:calc(16*var(--u));width:calc(560*var(--u))}
  .bk-holdbox{gap:calc(14*var(--u));width:calc(540*var(--u))}
  .bk-holdbox p{font-size:max(11px,calc(14*var(--u)))}
  .bk-or{gap:calc(12*var(--u));font-size:max(10px,calc(12*var(--u)));letter-spacing:calc(1.5*var(--u))}
  .bk-ece{min-height:calc(54*var(--u))}
  .bk-s5{gap:calc(22*var(--u));padding-top:calc(40*var(--u))}
  .bk-tick{width:calc(76*var(--u));height:calc(76*var(--u));border-radius:calc(38*var(--u))}
  .bk-tick svg{width:calc(32*var(--u));height:calc(32*var(--u))}
  .bk-done__t{font-size:calc(54*var(--u))}
  .bk-done__b{width:calc(580*var(--u));font-size:max(13px,calc(17*var(--u)))}
  .bk-done__btns{gap:calc(12*var(--u));padding-top:calc(8*var(--u))}
  .bk-done__home{padding:0 calc(16*var(--u));font-size:max(11px,calc(14*var(--u)))}
  .bk-copy{width:calc(580*var(--u))}
  .bk-a__img{height:calc(200*var(--u));border-radius:calc(22*var(--u))}
  .bk-a__in{padding:calc(22*var(--u)) calc(18*var(--u)) calc(18*var(--u));gap:calc(16*var(--u))}
  .bk-a__hd{gap:calc(4*var(--u))}
  .bk-a__n{font-size:calc(30*var(--u))}
  .bk-a__m{font-size:max(11px,calc(14*var(--u)))}
  .bk-a__rows{font-size:max(12px,calc(15*var(--u)))}
  .bk-a__row{padding:calc(12*var(--u)) 0}
  .bk-a__row--tot{padding:calc(14*var(--u)) 0 0}
  .bk-a__btns{gap:calc(8*var(--u))}
  .bk-next{height:calc(56*var(--u));font-size:max(11px,calc(14*var(--u)));letter-spacing:calc(2*var(--u))}
  .bk-backb{height:calc(44*var(--u));font-size:max(11px,calc(14*var(--u)))}
  .bk-fine{font-size:max(10px,calc(12*var(--u)))}
}
@media (max-width:1199.98px){
  .bk{height:100vh;height:100dvh}
  .bk .field{height:50px;padding:0 14px;border-radius:14px}
  .bk textarea.field{height:120px;padding:14px;resize:vertical}
  .bk__img{filter:blur(30px) sepia(0.55) saturate(1.2) brightness(0.55);transform:scale(1.2)}
  .bk__vig,.bk__nav,.bk__prog,.bk__aside,.bk-d-only{display:none}
  .bk__frame{position:relative;height:100%;box-sizing:border-box;padding:12px 12px 0;display:flex;flex-direction:column;gap:12px;max-width:620px;margin:0 auto}
  .bk__top{height:60px;flex-shrink:0;box-sizing:border-box;padding:0 8px;border-radius:999px;display:flex;align-items:center;justify-content:space-between}
  .bk__top .icon-btn{border-radius:22px}
  .bk__pprog{flex-shrink:0;padding:4px 8px 0;display:flex;flex-direction:column;gap:10px}
  .bk__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  .bk__panel{flex-grow:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:20px 18px 24px;border-radius:28px}
  .bk__bar{flex-shrink:0;margin-bottom:max(14px,env(safe-area-inset-bottom));box-sizing:border-box;padding:10px 10px 10px 20px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .bk-h{font-size:32px}
  .bk-on{box-shadow:none}
  .bk-s{gap:16px}
  .bk-hd{gap:4px}
  .bk-sub{font-size:13px;line-height:1.5}
  .bk-note{font-size:13px;line-height:1.5}
  .bk-s0{gap:10px}
  .bk-s0 .bk-h{margin:0 0 4px}
  .bk-s0 .bk-note{margin:4px 0 0}
  .bk-xs{display:flex;flex-direction:column;gap:10px}
  .bk-x{flex-direction:row;align-items:center;gap:14px;padding:8px 14px 8px 8px;border-radius:20px;transition:none}
  .bk-x.is-on{box-shadow:none}
  .bk-x__img{width:64px;height:64px;flex-shrink:0;border-radius:14px}
  .bk-x__t{gap:3px;padding:0;min-width:0}
  .bk-x__r{display:contents}
  .bk-x__n{font-size:22px;order:0}
  .bk-x__m{font-size:13px;order:1}
  .bk-x__p{font-size:12px;order:2}
  .bk-s1{gap:14px}
  .bk-cal-row{flex-direction:column;align-items:stretch;gap:14px}
  .bk-cal{width:auto;gap:14px}
  .bk-mon{font-size:22px}
  .bk-dow,.bk-days{gap:4px}
  .bk-d{height:42px;border-radius:12px;font-size:15px}
  .bk-times{gap:10px;padding-top:6px}
  .bk-times.is-empty{display:none}
  .bk-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bk-slot{height:50px;font-size:15px}
  .bk-s2{gap:22px}
  .bk-gr{flex-direction:column;align-items:stretch;gap:10px}
  .bk-step{justify-content:space-between;gap:0;padding:8px 8px 8px 20px}
  .bk-step__l{width:auto}
  .bk-step__c{display:flex;align-items:center;gap:14px}
  .bk-pm{border-color:rgba(255,255,255,0.22);display:flex;align-items:center;justify-content:center;padding:0}
  .bk-step__n{width:20px;font-size:28px}
  .bk-max{width:auto;font-size:13px}
  .bk-tg{gap:8px;width:auto}
  .bk-tgb{height:52px;font-size:14px}
  .bk-beh{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:20px}
  .bk-hold{padding:14px}
  .bk-form{display:flex;flex-direction:column;gap:16px}
  .bk-pay{width:auto;gap:12px}
  .bk-holdbox{width:auto;gap:12px}
  .bk-holdbox p{font-size:13px}
  .bk-ece{min-height:52px}
  .bk-s5{align-items:center;gap:18px;padding-top:24px;text-align:center}
  .bk-tick{width:68px;height:68px;border-radius:34px}
  .bk-tick svg{width:28px;height:28px}
  .bk-done__t{font-size:34px}
  .bk-done__b{width:auto;font-size:15px}
  .bk-copy{width:100%;text-align:left}
  .bk-sum--done{width:100%;box-sizing:border-box}
  .bk-done__btns{flex-direction:column;align-items:stretch;gap:18px;padding-top:0;width:100%}
  .bk-done__btns .btn{width:100%;height:54px;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
  .bk-done__btns .btn-clear{height:50px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.3)}
  .bk-done__home{padding:0;align-self:center}
}
.bk-ece-w{display:flex;flex-direction:column;gap:inherit}
.bk-paymsg:empty,.bk-cr__msg:empty{display:none}

/* ═════ APP (PWA) SCREENS (boards "App (PWA) screens": install prompt, iPhone guide, My booking, offline) ═══════════
   Phone boards (390 px); on larger screens the same column is centred, 480 px at most. */
.pw{position:relative;min-height:100vh;background:#1E1610;color:#F4F0E8;font-family:'Jost',sans-serif}
.pw .field{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.24);color:#F4F0E8;height:50px;padding:0 14px}
.pw .field::placeholder{color:rgba(244,240,232,0.45)}
.pw .field:focus{border-color:rgba(241,226,198,0.9);box-shadow:0 0 0 4px rgba(241,226,198,0.16)}
.pw__bg{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.pw__bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:52% 60%;filter:blur(30px) sepia(0.4) saturate(1.1) brightness(0.5);transform:scale(1.2)}
.pw__shade{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(30,20,12,.25),rgba(30,20,12,.7))}
.pw__grain{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pw .grain2{position:absolute;left:-50%;top:-50%;width:200%;height:200%;pointer-events:none;opacity:0.15;mix-blend-mode:overlay;background-image:url(/assets/img/texture-film-grain.png)}
.pw__col{position:relative;box-sizing:border-box;max-width:480px;margin:0 auto;padding:12px 12px 92px;padding-bottom:calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
.pw__head{height:60px;flex-shrink:0;border-radius:999px;display:flex;align-items:center;justify-content:center}
.pw__title{padding:6px 8px 0;display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.pw__eye{font-size:11px;letter-spacing:3px;color:#E4C796}
.pw__h{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:34px;line-height:1.05}
.pw__off{display:none;flex-shrink:0;border-radius:16px;padding:12px 16px;background:rgba(228,199,150,.16);border:1px solid rgba(228,199,150,.4);gap:12px;align-items:center}
.pw__off span{font-size:14px;line-height:1.35;color:#F1E4CC}
html[data-offline] .pw__off,.pw__off--always{display:flex}
.pw__offnote{display:none}
html[data-offline] .pw__offnote,.pw__offnote--always{display:inline}
.pw__note{margin:0;padding:0 10px;font-size:12.5px;line-height:1.5;color:#CFC4B3}
.pw__note a{color:#E2C99E}
.pw-card{border-radius:26px;overflow:hidden;flex-shrink:0}
.pw-card__ph{position:relative;height:104px;overflow:hidden;background:#3A2A1D}
.pw-card__ph img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.35) saturate(1.05) brightness(.8)}
.pw-card__fade{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(30,20,12,0),rgba(30,20,12,.65))}
.pw-card__when{position:absolute;left:18px;bottom:12px}
.pw-card__in{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.pw-card__n{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:28px}
.pw-card__d{font-size:15px;color:#EDE3D3}
.pw-card__v{font-size:14px;color:#CFC4B3}
.pw-card__acts{display:flex;gap:8px;padding-top:12px}
.pw-card__p{margin:0;font-size:15px;line-height:1.5;color:#EDE3D3}
.pw-card__in form{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.pw-btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;box-sizing:border-box;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,232,198,0.36);background:rgba(255,238,214,0.08);color:#F4F0E8;font:400 12px/1 'Jost',sans-serif;letter-spacing:1.5px;text-align:center;text-decoration:none;cursor:pointer}
.pw-btn:hover{background:rgba(255,238,214,0.16);color:#fff}
.pw-btn--ivory{height:52px;border:0;background:rgba(247,239,226,0.94);color:#2A1D12;font:500 14px/1 'Jost',sans-serif;letter-spacing:1.5px}
.pw-btn--ivory:hover{background:#FBF6EE;color:#2A1D12}
.pw-btn[disabled]{opacity:.5;cursor:default}
.pw-card__manage{align-self:flex-start;padding:10px 0 0}
.pw-form .pw-lab{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#CFC4B3;margin-bottom:-6px}
.pw select.field{color-scheme:dark;width:100%;box-sizing:border-box;border-radius:14px}
.pw-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#E3D6C3;cursor:pointer}
.pw-check input{width:18px;height:18px;margin:2px 0 0;accent-color:#E4C796;flex-shrink:0}
.pw-link{align-self:center;background:none;border:0;padding:8px;font:400 13px 'Jost',sans-serif;letter-spacing:1px;color:#CFC4B3;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pw__tabs{position:fixed;z-index:20;left:max(12px,calc(50% - 228px));right:max(12px,calc(50% - 228px));bottom:calc(12px + env(safe-area-inset-bottom));height:68px;border-radius:999px;display:flex;align-items:center;padding:0 10px;box-sizing:border-box}
.pw-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:#BFB3A1;text-decoration:none;min-width:0}
.pw-tab span{font-size:10.5px;letter-spacing:1px;text-align:center}
.pw-tab[aria-current]{color:#F5EEE3}
.pw-tab:hover{color:#F5EEE3}
/* install prompt (Android, desktop Chrome) and the iPhone guide */
.pwi{position:fixed;z-index:95;left:0;top:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;background:rgba(20,13,8,0.35);font-family:'Jost',sans-serif;color:#F4F0E8}
.pwi__sheet{width:100%;max-width:456px;border-radius:28px;box-sizing:border-box;padding:22px 20px 20px;display:flex;flex-direction:column;gap:16px}
.pwi__sheet--ios{gap:18px}
.pwi__sheet:focus{outline:none}
.pwi__top{display:flex;gap:14px;align-items:center}
.pwi__icon{width:64px;height:64px;border-radius:16px;background:#1E1610;border:1px solid rgba(255,232,198,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;color:#F5EEE3}
.pwi__icon span:first-child{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:7px;letter-spacing:3px}
.pwi__icon span:last-child{font-family:'Cormorant Garamond',serif;font-weight:500;font-style:italic;font-size:15px;line-height:15px}
.pwi__tt{display:flex;flex-direction:column;gap:2px}
.pwi__t{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:27px;line-height:1.1}
.pwi__s{font-size:13px;color:#CFC4B3}
.pwi__tick{display:flex;gap:12px;align-items:flex-start}
.pwi__tick svg{flex-shrink:0;margin-top:2px}
.pwi__tick span{font-size:15px;line-height:1.45;color:#E3D6C3}
.pwi__btns{display:flex;flex-direction:column;gap:10px;padding-top:4px}
.pwi__step{display:flex;gap:14px;align-items:center}
.pwi__n{width:36px;height:36px;border-radius:18px;border:1px solid rgba(255,232,198,.36);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.pwi__step > span:nth-child(2){font-size:16px;line-height:1.4;color:#EDE3D3;flex-grow:1}
.pwi .pw-btn{flex:none;height:52px;font:400 14px/1 'Jost',sans-serif;letter-spacing:1.5px;padding:0 26px}
.pwi .pw-btn--ivory{font-weight:500}

/* ═════ TABLETS (700 to 1199 px) ═══════════════════════════════════════════════════════════════════════════════════
   The phone boards' structure in a wider, centred column (720 px at most), with card lists in two columns. */
@media (min-width:700px) and (max-width:1199.98px){
  :root{--tg:max(40px, calc(50vw - 360px))}
  .sec .inner,.hh,.xh,.ph,.ah,.foot{padding-left:var(--tg);padding-right:var(--tg)}
  .hx__grid,.jgrid,.jgrid2,.ht__grid,.vs__grid,.vp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xs__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .hh__inset{max-width:720px}
  .foot{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
  .xbar__in{left:var(--tg);right:var(--tg)}
  .drawer__box{left:max(8px,calc(50vw - 300px));right:max(8px,calc(50vw - 300px))}
}
/* Journal: discreet device opt-in and cinematic, accessible video playback. */
.journal-tools{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}
.journal-tools .chips{margin:0}
.journal-alert{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.journal-alert .btn{border:1px solid currentColor;border-radius:99px;padding:.6rem 1rem;white-space:nowrap}
.journal-alert [role=status]{font-size:.78rem;line-height:1.4;max-width:19rem}
.journal-alert--article{margin:2rem 0;border-top:1px solid currentColor;padding-top:1.5rem}
.journal-alert{scroll-margin-top:calc(88px + env(safe-area-inset-top, 0px))}
.pwa-push-invite{position:fixed;z-index:70;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));box-sizing:border-box;max-width:440px;margin:0 auto;padding:18px;border-radius:22px;background:#2d2118;border:1px solid rgba(255,232,198,.4);box-shadow:0 16px 50px rgba(0,0,0,.42);color:#f4f0e8}
.pwa-push-invite__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pwa-push-invite strong{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:500}
.pwa-push-invite p{font-size:14px;line-height:1.45;color:#dfd3c2;margin:8px 0 14px}
.pwa-push-invite .btn{width:100%;min-height:44px;height:auto;white-space:normal;text-align:center}
.pwa-push-invite [role=status]{display:block;margin-top:10px;font-size:13px;line-height:1.4}
.pwa-push-invite__dismiss{min-width:36px;min-height:36px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;cursor:pointer}
.journal-video{margin:0 0 2.5rem}
.journal-video video{display:block;width:100%;max-height:75vh;aspect-ratio:16/9;object-fit:contain;background:#15110e;border-radius:6px}
.journal-video figcaption{padding:.7rem 0 0;font-size:.84rem;opacity:.72;line-height:1.5}