.topnav{--cream:#f5f3ec;--sage-muted:#b9c6b0;--gold:#c9a227;--ink-glass:#0b100cdb;--ink-panel:#090e0af7;--line:#f5f3ec1f;z-index:10;background:var(--ink-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem clamp(1rem,5vw,5rem);transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.topnav.hero:not([data-scrolled]){-webkit-backdrop-filter:none;background:0 0;border-bottom-color:#0000}.topnav.hero:not([data-scrolled]) .brand{opacity:0;pointer-events:none}.topnav .brand{letter-spacing:.45em;min-height:44px;color:var(--cream);align-items:center;padding:.6rem 0;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .3s;display:inline-flex}.topnav .brand:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topnav .links{align-items:center;gap:clamp(.6rem,1.4vw,1.4rem);margin:0;padding:0;list-style:none;display:flex}.topnav .group{position:relative}.topnav .trigger{font:inherit;color:var(--sage-muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:.38rem;min-height:44px;padding:.6rem .2rem;font-size:.95rem;transition:color .2s,border-color .2s;display:inline-flex}.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{flex:none;transition:transform .2s}.topnav .trigger[aria-expanded=true]{color:var(--cream)}.topnav .trigger[aria-expanded=true] .chev{transform:rotate(180deg)}.topnav .panel{background:var(--ink-panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);opacity:0;visibility:hidden;border-radius:14px;flex-direction:column;min-width:15rem;padding:.45rem;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:100%;left:-.75rem;transform:translateY(-6px);box-shadow:0 18px 40px #060a0780}@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);border-radius:9px;align-items:center;min-height:40px;padding:.6rem .7rem;font-size:.92rem;text-decoration:none;transition:color .18s,background .18s;display:flex}.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{align-items:center;gap:.6rem;display:flex}.topnav .btn{letter-spacing:.02em;color:#0b100c;background:var(--cream);border:1px solid var(--cream);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.55rem 1.35rem;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s;display:inline-flex}.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{border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;list-style:none;display:flex}.topnav .mnav>summary::-webkit-details-marker{display:none}.topnav .mnav>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topnav .mnav .bar{background:var(--cream);border-radius:2px;width:18px;height:2px;transition:transform .25s,opacity .25s}.topnav .mnav[open] .bar:first-child{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{background:var(--ink-glass);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);overscroll-behavior:contain;flex-direction:column;max-height:calc(100dvh - 100%);padding:.5rem clamp(1rem,5vw,5rem) 1rem;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.topnav .mgroup{border-bottom:1px solid #f5f3ec12}.topnav .mgroup>summary{color:var(--cream);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:.95rem 0;font-size:.82rem;font-weight:600;list-style:none;display:flex}.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{flex-direction:column;padding-bottom:.4rem;display:flex}.topnav .mitems a{color:var(--sage-muted);border-left:1px solid #f5f3ec1f;align-items:center;min-height:44px;padding:.7rem 0 .7rem .9rem;font-size:1rem;text-decoration:none;display:flex}.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{color:#0b100c;background:var(--cream);border-bottom:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin-top:1rem;padding:.7rem 1.35rem;font-weight:600;text-decoration:none;display:flex}.topnav .mpanel .mbook:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width<=900px){.topnav .links{display:none}.topnav .mnav{display:block}}@media (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{background:var(--cream);transform:none}.topnav .trigger:hover{color:var(--sage-muted)}.topnav .group.on>.trigger:hover{color:var(--cream)}}@media (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}}
