/* Shared header and navigation: account actions live inside the menu. */
.header:has(.menu-toggle){gap:24px}.header:has(.menu-toggle) nav{display:flex;align-items:center;gap:24px;width:auto;margin-left:auto}.header .menu-toggle,.header.account-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:82px;min-height:48px;margin:0;padding:12px 0 12px 12px;border:0;background:none;color:#f2f5f6;font:600 14px Barlow,Arial,sans-serif;text-decoration:none;cursor:pointer}.menu-lines{position:relative;width:24px;height:12px;border-block:1px solid currentColor}.header .menu-toggle:hover{color:#24b9fa}.menu-toggle:focus-visible,.water-menu a:focus-visible,.water-menu button:focus-visible{outline:2px solid #24b9fa;outline-offset:4px}.account-session-controls[hidden],.water-menu [hidden]{display:none!important}
.water-menu{--blue:#24b9fa;position:fixed;inset:0 0 auto;margin:0;width:100%;height:50dvh;max-width:none;max-height:50dvh;border:0;border-bottom:1px solid #395564;padding:0;color:#f2f5f6;background:radial-gradient(ellipse at 100% 0,#193646,transparent 75%),#0b1115;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0008}.water-menu:not([open]){display:none}.water-menu::backdrop{background:#02070a8c;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.menu-surface{position:fixed;inset:0 0 auto;height:50dvh;background:transparent;pointer-events:none;z-index:-1}.menu-shell{position:relative;max-width:1100px;margin:auto;min-height:100%;padding:18px 5% 22px;display:flex;flex-direction:column;z-index:3}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px}.menu-brand{font:800 italic 21px Barlow,Arial,sans-serif;letter-spacing:-.5px}.menu-brand span{color:#24b9fa}.menu-close{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:80px;min-height:44px;padding:10px 0;border:0;background:none;color:#eaf2f5;font:500 13px Barlow,Arial,sans-serif;cursor:pointer}.menu-close>span{position:relative;width:20px;height:20px}.menu-close>span:before,.menu-close>span:after{content:'';position:absolute;top:9px;left:0;width:20px;height:1px;background:currentColor;transform:rotate(45deg)}.menu-close>span:after{transform:rotate(-45deg)}.menu-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:18px 0;margin:auto 0}.menu-pages{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;align-content:start}.menu-pages a{display:flex;align-items:center;min-height:52px;padding:10px 0;border-bottom:1px solid #ffffff15;font:500 32px/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.25px;color:#eef3f5;transition:color .2s}.menu-pages a:hover,.menu-pages a[aria-current=page]{color:var(--blue)}.menu-contact{padding-left:32px;border-left:1px solid #ffffff18;align-self:center}.menu-kicker{font:500 10px Barlow,Arial,sans-serif;letter-spacing:2px;color:#a3b3bd;margin:0 0 10px}.menu-contact>a{display:flex;align-items:center;min-height:34px;font:500 18px/1.4 Barlow,Arial,sans-serif;color:#d7e4eb;overflow-wrap:anywhere}.menu-contact>a:hover{color:var(--blue)}.menu-bottom{display:flex;align-items:center;gap:20px;padding-top:12px;border-top:1px solid #ffffff18}.menu-book{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:155px;padding:12px 24px;border-radius:3px;background:var(--blue);color:#041018;font:700 14px Barlow,Arial,sans-serif}.menu-book:hover{background:#89deff;color:#041018}.menu-instagram{font:500 12px Barlow,Arial,sans-serif;color:#a3b3bd;min-height:44px;display:flex;align-items:center;margin-left:auto}.menu-session{display:flex;align-items:center;gap:16px}.menu-session>a,.menu-signout{font:500 12px Barlow,Arial,sans-serif;color:#a3b3bd;background:none;border:0;padding:10px 0;min-height:44px;cursor:pointer;text-decoration:none}.window-water{position:fixed;inset:0 0 auto;width:100%;height:50dvh;pointer-events:none;z-index:8;display:none}.is-pouring .window-water{display:block}.is-pouring .menu-surface{clip-path:var(--water-mask);will-change:clip-path}
@media(max-width:760px){.header:has(.menu-toggle),.header.account-header:has(.menu-toggle){height:76px;min-height:76px;flex-wrap:nowrap;padding:12px 5%;gap:16px}.header:has(.menu-toggle) .brand>span{display:none}.header:has(.menu-toggle) .brand img{width:44px;height:44px}.header:has(.menu-toggle) nav{width:auto;flex-wrap:nowrap;margin-left:auto;gap:0}.header:has(.menu-toggle) nav>:not(.menu-toggle){display:none!important}.header:has(.menu-toggle) .menu-toggle{padding:12px 0 12px 16px;font-size:13px}.home-page .header:has(.menu-toggle){position:fixed;top:0;z-index:20;background:#090c0ef5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.account-header:has(.menu-toggle){position:sticky;top:0;z-index:20;background:#090c0ef5;backdrop-filter:blur(16px)}.menu-shell{padding:12px 6% 16px}.menu-top{min-height:40px}.menu-layout{grid-template-columns:1fr;gap:14px;padding:8px 0 12px;margin:0}.menu-pages{gap:0 24px}.menu-pages a{min-height:44px;padding:8px 0;font-size:26px}.menu-contact{padding:0;border:0}.menu-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:4px}.menu-contact>a{min-height:30px;font-size:15px}.menu-bottom{padding-top:10px;gap:12px}.menu-book{min-width:130px;min-height:44px;padding:10px 20px}.menu-brand{font-size:19px}.menu-close{font-size:12px}.menu-session{gap:10px}.menu-session>a,.menu-signout{font-size:11px}.menu-instagram{font-size:11px}.menu-bottom:has(.menu-signout:not([hidden])) .menu-instagram{display:none}}
@media(prefers-reduced-motion:reduce){.window-water{display:none!important}.is-pouring .menu-shell,.is-pouring .menu-surface{clip-path:none}.menu-pages a{transition:none}}
@media(max-width:760px){.menu-top{position:relative;z-index:9;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Tap focus is quiet; keyboard focus remains clear and visible. */
.water-menu.pointer-input a:focus,.water-menu.pointer-input button:focus,.header .menu-toggle.pointer-input:focus{outline:none;box-shadow:none}.water-menu,.water-menu a,.water-menu button{-webkit-tap-highlight-color:transparent}.water-menu .menu-shell{clip-path:none}.menu-surface,.window-water{pointer-events:none}.water-menu:not(.pointer-input) a:focus-visible,.water-menu:not(.pointer-input) button:focus-visible{outline:2px solid #24b9fa;outline-offset:3px}