.topnav{--cream: #f5f3ec;--sage-muted: #b9c6b0;--gold: #c9a227;--ink-glass: rgb(11 16 12 / .86);--ink-panel: rgb(9 14 10 / .97);--line: rgb(245 243 236 / .12);position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem clamp(1rem,5vw,5rem);background:var(--ink-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:background .3s ease,border-color .3s ease}.topnav.hero:not([data-scrolled]){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}.topnav.hero:not([data-scrolled]) .brand{opacity:0;pointer-events:none}.topnav .brand{display:inline-flex;align-items:center;min-height:44px;font-weight:600;letter-spacing:.45em;font-size:.85rem;color:var(--cream);text-decoration:none;padding:.6rem 0;transition:opacity .3s ease}.topnav .brand:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topnav .links{display:flex;gap:clamp(.6rem,1.4vw,1.4rem);align-items:center;list-style:none;margin:0;padding:0}.topnav .group{position:relative}.topnav .trigger{display:inline-flex;align-items:center;gap:.38rem;font:inherit;font-size:.95rem;color:var(--sage-muted);background:none;border:0;cursor:pointer;padding:.6rem .2rem;min-height:44px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.topnav .trigger:hover{color:var(--cream)}.topnav .group.on>.trigger{color:var(--cream);border-bottom-color:var(--gold)}.topnav .trigger:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topnav .chev{transition:transform .2s ease;flex:none}.topnav .trigger[aria-expanded=true]{color:var(--cream)}.topnav .trigger[aria-expanded=true] .chev{transform:rotate(180deg)}.topnav .panel{position:absolute;top:100%;left:-.75rem;min-width:15rem;display:flex;flex-direction:column;padding:.45rem;background:var(--ink-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #060a0780;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}@media(hover:hover){.topnav .group:hover>.panel{opacity:1;visibility:visible;transform:translateY(0)}}.topnav .group:focus-within>.panel,.topnav .trigger[aria-expanded=true]+.panel{opacity:1;visibility:visible;transform:translateY(0)}.topnav .panel a{color:var(--sage-muted);text-decoration:none;font-size:.92rem;padding:.6rem .7rem;border-radius:9px;min-height:40px;display:flex;align-items:center;transition:color .18s ease,background .18s ease}.topnav .panel a:hover{color:var(--cream);background:#f5f3ec0f}.topnav .panel a[aria-current]{color:var(--gold)}.topnav .panel a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.topnav .nav-right{display:flex;align-items:center;gap:.6rem}.topnav .btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.02em;color:#0b100c;background:var(--cream);border:1px solid var(--cream);border-radius:999px;padding:.55rem 1.35rem;font-size:.9rem;min-height:44px;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s}.topnav .btn .short{display:none}.topnav .btn:hover{background:#fffdf6;transform:translateY(-2px)}.topnav .btn:active{transform:translateY(0) scale(.98)}.topnav .btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topnav .mnav{display:none}.topnav .mnav>summary{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.topnav .mnav>summary::-webkit-details-marker{display:none}.topnav .mnav>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topnav .mnav .bar{width:18px;height:2px;background:var(--cream);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.topnav .mnav[open] .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.topnav .mnav[open] .bar:nth-child(2){opacity:0}.topnav .mnav[open] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.topnav .mpanel{position:absolute;left:0;right:0;top:100%;background:var(--ink-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;flex-direction:column;padding:.5rem clamp(1rem,5vw,5rem) 1rem;max-height:calc(100dvh - 100%);overflow-y:auto;overscroll-behavior:contain}.topnav .mgroup{border-bottom:1px solid rgb(245 243 236 / .07)}.topnav .mgroup>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--cream);font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.95rem 0;min-height:44px;cursor:pointer}.topnav .mgroup>summary::-webkit-details-marker{display:none}.topnav .mgroup>summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.topnav .mgroup[open]>summary .chev{transform:rotate(180deg)}.topnav .mitems{display:flex;flex-direction:column;padding-bottom:.4rem}.topnav .mitems a{color:var(--sage-muted);text-decoration:none;font-size:1rem;padding:.7rem 0 .7rem .9rem;min-height:44px;display:flex;align-items:center;border-left:1px solid rgb(245 243 236 / .12)}.topnav .mitems a[aria-current]{color:var(--gold);border-left-color:var(--gold)}.topnav .mitems a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.topnav .mpanel .mbook{margin-top:1rem;border-bottom:0;display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;font-weight:600;color:#0b100c;background:var(--cream);border-radius:999px;padding:.7rem 1.35rem}.topnav .mpanel .mbook:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:900px){.topnav .links{display:none}.topnav .mnav{display:block}}@media(max-width:429px){.topnav .brand{letter-spacing:.28em;font-size:.78rem}.topnav .btn{padding:.5rem .9rem}.topnav .btn .full{display:none}.topnav .btn .short{display:inline}.topnav.hero:not([data-scrolled]) .brand{opacity:1;pointer-events:auto}}@media(hover:none){.topnav .btn:hover{transform:none;background:var(--cream)}.topnav .trigger:hover{color:var(--sage-muted)}.topnav .group.on>.trigger:hover{color:var(--cream)}}@media(max-width:767px){.topnav,.topnav .mpanel{padding-left:max(clamp(1rem,5vw,5rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,5vw,5rem),env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){.topnav,.topnav .brand,.topnav .trigger,.topnav .btn,.topnav .mnav .bar,.topnav .chev,.topnav .panel{transition:none}}