/* Site nav: a slim bar (logo, language, booking, menu) that hides on the way down and returns on the way up,
   and a full-screen menu that opens as a circle from the menu button. Shared by the home page and every inner page. */
.nav{position:fixed;inset-inline:0;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:calc(env(safe-area-inset-top,0px) + 16px) var(--gutter) 16px;color:var(--hf,var(--fg,#0B1B3A));
  transition:transform .5s cubic-bezier(.2,.8,.2,1),background .35s,padding .35s,box-shadow .35s,color .35s}
.nav.nav-hide{transform:translateY(-110%)}
.nav.solid{color:#0B1B3A;background:rgba(237,239,234,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  padding-block:calc(env(safe-area-inset-top,0px) + 10px) 10px;box-shadow:0 1px 0 rgba(11,27,58,.12)}
.menu-open .nav{color:#EDEFEA;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}
.nav .links{display:none}
.nav-end{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.menu-btn{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 8px 0 18px;border-radius:999px;border:0;cursor:pointer;
  background:currentColor;font:inherit}
[dir="rtl"] .menu-btn{padding:0 18px 0 8px}
.menu-label{color:var(--hb,var(--bg,#EDEFEA));transition:color .35s}
.nav.solid .menu-label{color:#EDEFEA}
.menu-open .menu-label{color:#0B1B3A}
.burger{position:relative;width:30px;height:30px;border-radius:50%;background:var(--hb,var(--bg,#EDEFEA));display:block}
.nav.solid .burger{background:#EDEFEA}
.burger i{position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.7,0,.2,1),top .45s cubic-bezier(.7,0,.2,1)}
.burger i:first-child{top:11px}
.burger i:last-child{top:17px}
.menu-open .burger{background:#0B1B3A}
.menu-open .burger i{background:#EDEFEA}
.menu-open .burger i:first-child{top:14px;transform:rotate(45deg)}
.menu-open .burger i:last-child{top:14px;transform:rotate(-45deg)}
.menu-open .menu-btn{background:#EDEFEA}
.menu-open .lang{color:#EDEFEA}
.menu-open .nav-book{opacity:0;pointer-events:none}

.menu{position:fixed;inset:0;z-index:70;background:#0B1B3A;color:#EDEFEA;overflow-y:auto;
  clip-path:circle(0 at var(--mx,90%) var(--my,40px));transition:clip-path .9s cubic-bezier(.76,0,.24,1)}
.menu.open{clip-path:circle(150% at var(--mx,90%) var(--my,40px))}
.menu-in{min-height:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;
  padding:calc(env(safe-area-inset-top,0px) + 110px) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 40px)}
.menu-links{display:flex;flex-direction:column}
.menu-links a{display:flex;align-items:baseline;gap:18px;padding-block:2px;overflow:hidden;color:rgba(237,239,234,.92)}
.menu-links a .mono{opacity:.5;min-width:2.4em;font-size:12px}
.menu-links b{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:clamp(48px,8.4vw,136px);line-height:.92;letter-spacing:-.04em;
  transform:translateY(105%);transition:transform .8s cubic-bezier(.16,1,.3,1),color .3s;transition-delay:calc(var(--i,0) * 60ms + .25s)}
.page[lang="en"] .menu-links b{font-stretch:75%;text-transform:uppercase}
.page[lang="ar"] .menu-links b{font-size:clamp(42px,6.6vw,108px);line-height:1.25;letter-spacing:0}
.menu.open .menu-links b{transform:none}
.menu-links a:hover b,.menu-links a:focus-visible b,.menu-links a[aria-current="page"] b{color:var(--c)}
.menu-links a b{transition-property:transform,color,translate}
.menu-links a:hover b{translate:16px 0}
[dir="rtl"] .menu-links a:hover b{translate:-16px 0}
.menu-side{display:flex;flex-direction:column;gap:28px;opacity:0;transform:translateY(20px);transition:opacity .6s .45s,transform .8s .45s cubic-bezier(.16,1,.3,1)}
.menu.open .menu-side{opacity:1;transform:none}
.menu-preview{margin:0;display:flex;flex-direction:column;gap:14px}
.menu-pic{position:relative;aspect-ratio:4/5;max-height:52vh;border-radius:24px;overflow:hidden;background:var(--pc,#1FCF86);transition:background .4s}
.menu-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2);mix-blend-mode:multiply;opacity:0;transform:scale(1.08);transition:opacity .45s,transform 1s cubic-bezier(.2,.8,.2,1)}
.menu-preview img.on{opacity:1;transform:none}
.menu-preview figcaption{color:#EDEFEA;font-family:var(--font-display);font-weight:600;font-size:clamp(18px,1.6vw,24px);line-height:1.3;letter-spacing:-.01em;max-width:26ch}
.menu-foot{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:rgba(237,239,234,.8)}
.menu-mail{font-family:var(--font-display-en);font-weight:600;font-size:clamp(20px,2vw,30px);letter-spacing:-.02em;color:#EDEFEA}
.menu-foot .pill{color:#EDEFEA}
.menu-open body{overflow:hidden}
@media (max-width:900px){
  .nav-book{display:none}
  .menu-in{grid-template-columns:1fr;align-items:start}
  .menu-preview{display:none}
}
@media (prefers-reduced-motion:reduce){
  .menu,.menu-links b,.menu-side,.nav{transition:none}
}