.topbar{position:sticky;top:0;z-index:30;background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:.85rem 1.5rem}.topbar-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{text-decoration:none;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:500;color:#2f5d7c;white-space:nowrap}.topnav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem}.nav-toggle{display:none;align-items:center;gap:.55rem;border:1px solid var(--border);background:#fff;border-radius:0;padding:.42rem .62rem;color:var(--ink);font:inherit}.nav-toggle-label{font-size:.84rem;font-weight:500;line-height:1}.nav-toggle-icon{position:relative;display:inline-block;width:16px;height:12px}.nav-toggle-icon:before,.nav-toggle-icon:after,.nav-toggle-icon span{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-toggle-icon:before{top:0}.nav-toggle-icon span{top:5px}.nav-toggle-icon:after{top:10px}.topbar[data-nav-open=true] .nav-toggle-icon:before{transform:translateY(5px) rotate(45deg)}.topbar[data-nav-open=true] .nav-toggle-icon span{opacity:0}.topbar[data-nav-open=true] .nav-toggle-icon:after{transform:translateY(-5px) rotate(-45deg)}.topnav a{position:relative;text-decoration:none;color:var(--muted);font-weight:500;padding-bottom:4px;border-bottom:0;transition:color .2s}.topnav a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:#2f5d7c;opacity:0;transform:scaleX(0);transform-origin:left center;transition:opacity .2s,transform .2s}.topnav a:hover,.topnav a:focus-visible{color:#2f5d7c}.topnav a.active{color:#2f5d7c;font-weight:500}.topnav a.active:after{opacity:1;transform:scaleX(1)}@media(max-width:760px){.topbar{padding:.75rem 1rem}.topbar-inner{gap:.75rem;flex-wrap:wrap}.nav-toggle{display:inline-flex}.topnav{display:none;width:100%;flex-direction:column;gap:.3rem;margin-top:.2rem;padding-top:.7rem;border-top:1px solid var(--border);font-size:.9rem}.topbar[data-nav-open=true] .topnav{display:flex}.topnav a{display:block;padding:.58rem .7rem;border-bottom:none;border-radius:0}.topnav a:after{display:none}.topnav a.active{background:var(--surface-soft)}.topnav a:hover,.topnav a:focus-visible{background:var(--surface)}.brand span{display:none}.brand:after{content:"EB"}}