/* Public-site navigation. The dark surface stays constant across page themes. */
/* One homepage-sized frame for public pages; embedded pages use their parent's frame. */
:root{--site-page-gutter:1.5rem;--site-page-width:1480px;--site-page-radius:30px;--site-page-backdrop:0 0% 5%;--site-page-line:0 0% 18%;--site-page-border:1px}
html:not(.site-embedded) body:has(.site-nav){margin:0!important;padding:var(--site-page-gutter)!important;box-sizing:border-box;background:hsl(var(--site-page-backdrop))!important}
html:not(.site-embedded) body:has(.site-nav) .page-shell,
html:not(.site-embedded) body:has(.site-nav) div:has(> .site-nav){width:100%!important;max-width:var(--site-page-width)!important;margin:0 auto!important;border:var(--site-page-border) solid hsl(var(--site-page-line))!important;border-radius:var(--site-page-radius)!important;overflow:clip!important;box-sizing:border-box}
html:not(.site-embedded) body:has(.site-nav) .rz-flow,
html:not(.site-embedded) body:has(.site-nav) div.min-h-screen:has(> .site-nav){min-height:calc(100dvh - 2 * var(--site-page-gutter))}
html:not(.site-embedded) .site-nav{border-radius:0}
@media(max-width:860px){:root{--site-page-gutter:0rem;--site-page-radius:0px;--site-page-border:0px}}
:root{--site-nav-surface:0 0% 12%;--site-nav-ink:0 0% 100%;--site-nav-line:0 0% 100% / .34;--site-nav-hover:0 0% 100% / .12}
.site-nav{position:relative;z-index:40;display:flex;align-items:center;gap:clamp(.75rem,1.7vw,1.75rem);min-height:76px;padding:.85rem clamp(1rem,2.5vw,2.5rem)!important;background:linear-gradient(180deg,hsl(0 0% 17%) 0%,hsl(0 0% 12%) 46%,hsl(0 0% 8%) 100%)!important;box-shadow:inset 0 1px 0 hsl(0 0% 100% / .18),inset 0 -1px 0 hsl(0 0% 0% / .55),0 18px 36px -22px hsl(0 0% 0% / .7)!important;border:0!important;border-radius:26px 26px 0 0;color:hsl(var(--site-nav-ink));font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.site-nav *{box-sizing:border-box}
.site-nav a{color:hsl(var(--site-nav-ink));text-decoration:none}
.site-nav .brand,.site-nav .sn-brand{display:inline-flex;align-items:center;gap:.72rem;flex-shrink:0;color:hsl(var(--site-nav-ink))!important}
.site-nav .brand img,.site-nav .sn-brand img{width:38px;height:38px;object-fit:contain;filter:none}
.site-nav .brand-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none}
.site-nav .brand-logo-wrap img{display:none!important;position:static;inset:auto}.site-nav .brand-logo-wrap .logo-light{display:block!important;opacity:1!important;transform:none!important}
.site-nav .brand-text,.site-nav .sn-brand span{font-size:1.35rem;font-weight:750;color:hsl(var(--site-nav-ink))!important;letter-spacing:0}
.site-nav .sn-links,.site-nav .figma-nav-links{position:static!important;transform:none!important;display:flex;align-items:center;justify-content:flex-end;gap:clamp(.7rem,1.55vw,1.9rem);margin:0 0 0 auto!important;white-space:nowrap}
.site-nav .sn-links a,.site-nav .figma-nav-links a{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem 0!important;color:hsl(var(--site-nav-ink))!important;font-size:.78rem!important;font-weight:600!important;opacity:.83;transition:opacity .2s ease}
.site-nav .sn-links a:hover,.site-nav .sn-links a:focus-visible,.site-nav .figma-nav-links a:hover,.site-nav .figma-nav-links a:focus-visible,.site-nav .sn-links a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.site-nav .nav-cta,.site-nav .sn-signin{min-height:36px;padding:.5rem 1rem;border:1px solid hsl(var(--site-nav-line))!important;border-radius:999px;background:transparent!important;color:hsl(var(--site-nav-ink))!important;white-space:nowrap;font-size:.78rem;font-weight:600;line-height:1.2}
.site-nav .nav-cta svg{width:14px;height:14px}.site-nav .nav-cta:hover,.site-nav .sn-signin:hover{background:hsl(var(--site-nav-hover))!important;transform:none}
.site-nav .menu-toggle,.site-nav .sn-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid hsl(var(--site-nav-line))!important;border-radius:50%;background:transparent;color:hsl(var(--site-nav-ink))!important;cursor:pointer}
.site-nav .menu-toggle svg{width:20px;height:20px}
.site-nav .nav-auth{color:hsl(var(--site-nav-ink))}
.site-nav .nav-auth a,.site-nav .nav-auth button{color:hsl(var(--site-nav-ink))!important}
.sn-mobile,.site-nav + .mobile-menu{position:relative;z-index:39;background:linear-gradient(180deg,hsl(0 0% 9%),hsl(0 0% 12%))!important;color:hsl(var(--site-nav-ink));border:0!important;padding:0 1.5rem 1.2rem;box-shadow:inset 0 1px 0 hsl(0 0% 100% / .1)}
.sn-mobile a,.site-nav + .mobile-menu a:not(.mobile-cta){display:block;color:hsl(var(--site-nav-ink))!important;padding:.8rem .2rem;border-bottom:1px solid hsl(var(--site-nav-line));font-size:.95rem;text-decoration:none}
.site-nav + .mobile-menu .nav-icon{display:none!important}.site-nav + .mobile-menu .mobile-cta{color:hsl(var(--site-nav-ink))!important;border-color:hsl(var(--site-nav-line))!important}
.site-nav + .mobile-menu [hidden]{display:none!important}
.sn-mobile{display:none}.sn-mobile.open{display:flex;flex-direction:column}
.site-nav .sn-extra{display:flex;align-items:center;flex-shrink:0}
.site-nav .sn-extra .rz-btn,.site-nav .sn-extra .rz-link,.site-nav .sn-extra .rz-wallet-chip{color:hsl(var(--site-nav-ink));border-color:hsl(var(--site-nav-line));background:transparent}
@media(max-width:900px){.site-nav{min-height:65px;border-radius:18px 18px 0 0;padding:.65rem 1rem!important}.site-nav .sn-links,.site-nav .figma-nav-links,.site-nav .nav-cta,.site-nav .sn-signin{display:none!important}.site-nav .menu-toggle,.site-nav .sn-toggle{display:inline-flex!important;margin-left:auto}.site-nav .sn-extra{margin-left:auto}.site-nav .sn-extra + .sn-toggle{margin-left:0}.site-nav .brand img,.site-nav .sn-brand img{width:32px;height:32px}.site-nav .brand-text,.site-nav .sn-brand span{font-size:1.05rem}}
@media(max-width:430px){.site-nav .sn-extra .rz-wallet-chip{display:none}.site-nav .sn-extra .rz-btn,.site-nav .sn-extra .rz-link{font-size:.64rem;padding:.35rem .55rem}.site-nav .nav-auth{margin-left:auto!important}}
@media(max-width:900px){.site-nav .brand-logo-wrap{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.site-nav a{transition:none!important}}
/* Keep page-specific actions legible beside the shared links. */
.site-nav .sn-extra{gap:.65rem}
.site-nav .sn-extra .rz-btn,.site-nav .sn-extra .rz-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.5rem .85rem!important;border:1px solid hsl(var(--site-nav-line));border-radius:999px;font-size:.78rem!important;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none}
.site-nav .sn-extra .rz-btn:hover,.site-nav .sn-extra .rz-link:hover{background:hsl(var(--site-nav-hover))}
.site-nav .sn-extra .rz-wallet-chip{color:hsl(var(--site-nav-ink))}
/* Signed-in account cluster — same gray pill as the landing page, on every page. */
.site-nav .nav-auth{display:flex;align-items:center;gap:.4rem;padding:.28rem;border:1px solid hsl(var(--site-nav-line));border-radius:999px;background:linear-gradient(180deg,hsl(0 0% 100% / .14),hsl(0 0% 100% / .06));box-shadow:inset 0 1px 0 hsl(0 0% 100% / .22),inset 0 -1px 0 hsl(0 0% 0% / .3),0 5px 12px -5px hsl(0 0% 0% / .55);font-family:Arial,Helvetica,sans-serif}
.site-nav .nav-auth[hidden]{display:none}
.site-nav .nav-auth-identity{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.1rem;padding:0 .5rem;border-radius:999px;background:transparent;color:hsl(var(--site-nav-ink))!important;text-decoration:none;border:0;cursor:pointer;font:600 .78rem/1.2 Arial,Helvetica,sans-serif;transition:background .18s ease;min-width:0}
.site-nav .nav-auth-identity:hover{background:hsl(0 0% 100% / .12)}
.site-nav .nav-auth-avatar{width:1.6rem;height:1.6rem;border-radius:999px;background:linear-gradient(135deg,hsl(0 0% 100% / .9),hsl(0 0% 100% / .45));color:hsl(var(--site-nav-surface));display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;flex-shrink:0;overflow:hidden}
.site-nav .nav-auth-avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px}
.site-nav .nav-auth-name{font-size:.78rem;font-weight:700;color:hsl(var(--site-nav-ink));max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-nav .nav-auth-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:2.1rem;height:2.1rem;padding:0;border-radius:999px;color:hsl(var(--site-nav-ink))!important;text-decoration:none;background:transparent;border:0;cursor:pointer;font:600 .78rem/1.2 Arial,Helvetica,sans-serif;transition:background .18s ease}
.site-nav .nav-auth-chip:hover{background:hsl(0 0% 100% / .1)}
.site-nav .nav-auth-chip svg{width:1rem;height:1rem;flex:none}
.site-nav .nav-auth .sn-menu{top:calc(100% + .5rem);right:0}
.site-nav .nav-auth-wrap{position:relative;display:inline-flex}
.site-nav .nav-auth{margin-left:0!important}
.site-nav .nav-auth-identity,.site-nav .nav-auth-chip{background:transparent!important;font-weight:600!important}
.site-nav .nav-auth-name{font-weight:600}
.site-nav .nav-auth-identity:hover,.site-nav .nav-auth-chip:hover{background:hsl(var(--site-nav-hover))!important}
.site-nav .nav-auth-k,.site-nav .nav-auth-v,.site-nav .nav-auth-arrow,.site-nav .nav-auth-name{color:hsl(var(--site-nav-ink))}
@media(max-width:900px){.site-nav #rSignInCta{display:inline-flex!important;margin-left:auto}.site-nav #rSignInCta + .menu-toggle{margin-left:0}.site-nav .nav-auth{margin-left:auto!important}}
.site-nav [hidden]{display:none!important}
.site-nav .nav-auth-wrap .sn-menu{top:100%;padding-top:.5rem;border-radius:8px;background:hsl(var(--site-nav-surface));border-color:hsl(var(--site-nav-line));box-shadow:none}
.site-nav .nav-auth-wrap .sn-menu a,.site-nav .nav-auth-wrap .sn-menu button{color:hsl(var(--site-nav-ink));background:transparent;font:600 .8rem/1.2 Arial,Helvetica,sans-serif}
.site-nav .nav-auth-wrap .sn-menu a:hover,.site-nav .nav-auth-wrap .sn-menu button:hover{background:hsl(var(--site-nav-hover))}
@media(max-width:560px){.site-nav .nav-auth-chip,.site-nav .nav-auth-name{font-size:.7rem}.site-nav .nav-auth-avatar{width:1.35rem;height:1.35rem}.site-nav .nav-auth-identity{gap:.3rem}.site-nav .nav-auth-chip{width:1.85rem;height:1.85rem}.site-nav .sn-extra{gap:.25rem}}

/* Booking lives outside the menu as the persistent public action. */
:root{--site-book-surface:49 100% 64%;--site-book-ink:0 0% 9%;--site-book-edge:0 0% 9%;--site-book-shadow:0 0% 0% / .28}
.site-nav .sn-links a[href="/book.html"],.site-nav .figma-nav-links a[href="/book.html"],.site-nav + .mobile-menu a[href="/book.html"]{display:none!important}
.site-book-float{position:fixed;right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:45;display:inline-flex;align-items:center;gap:.55rem;min-height:46px;padding:.35rem .95rem .35rem .35rem;border:2px solid hsl(var(--site-book-edge));border-radius:999px;background:hsl(var(--site-book-surface));box-shadow:3px 4px 0 hsl(var(--site-book-shadow));color:hsl(var(--site-book-ink));font:800 .82rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}
.site-book-float:hover{transform:translateY(-2px);box-shadow:3px 6px 0 hsl(var(--site-book-shadow));color:hsl(var(--site-book-ink))}
.site-book-float:focus-visible{outline:3px solid hsl(var(--site-book-edge));outline-offset:4px}
.site-book-float__mark{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid currentColor;border-radius:50%;font-size:1.05rem;line-height:1;flex:none;transition:transform .3s ease}
.site-book-float:hover .site-book-float__mark{transform:rotate(45deg)}
@media(max-width:600px){.site-book-float{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));min-height:42px;gap:.45rem;padding:.3rem .8rem .3rem .3rem;font-size:.75rem}.site-book-float__mark{width:26px;height:26px;font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.site-book-float{transition:none}}
/* Identical bar height and control size on every page. */
@media(min-width:901px){.site-nav{height:76px!important;min-height:76px!important;padding-top:0!important;padding-bottom:0!important;margin:0!important}.site-nav .nav-cta,.site-nav .sn-signin{height:40px;min-height:40px;display:inline-flex;align-items:center;font-size:.78rem!important;padding:0 1.1rem!important}}
.sn-avatar-wrap{position:relative;display:inline-flex}
.sn-avatar{width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;overflow:hidden;padding:0}
.sn-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sn-avatar:hover{border-color:#fff}
.sn-menu{position:absolute;top:2.5rem;right:0;min-width:150px;background:#171717;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.4);padding:.35rem;display:flex;flex-direction:column;z-index:60}
.sn-menu a,.sn-menu button{display:block;text-align:left;padding:.5rem .7rem;border-radius:8px;color:#fff;text-decoration:none;font-size:.8rem;font-weight:600;background:none;border:0;cursor:pointer;font-family:inherit}
.sn-menu a:hover,.sn-menu button:hover{background:rgba(255,255,255,.1)}

.sn-create{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid hsl(0 0% 100%/.28);border-radius:50%;color:hsl(0 0% 100%);background:hsl(0 0% 100%/.06);text-decoration:none;margin-right:.45rem;transition:background .18s ease,transform .18s ease}
.sn-create:hover{background:hsl(0 0% 100%/.16);transform:rotate(90deg);color:hsl(0 0% 100%)}
.sn-create:focus-visible{outline:2px solid hsl(0 0% 100%);outline-offset:3px}
.sn-mobile .sn-create{margin:.25rem 0}
@media(prefers-reduced-motion:reduce){.sn-create{transition:none}}

.site-nav .nav-links{display:flex;align-items:center;gap:1.5rem;margin-left:auto}.site-nav .nav-links>a{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600}.site-nav + .mobile-menu>a,.sn-mobile>a{display:flex;align-items:center;gap:.5rem}.site-nav .nav-links>a[aria-current="page"],.site-nav .figma-nav-links>a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}@media(max-width:900px){.site-nav .nav-links{display:none}}
