:root{--bg:#f6f4f0;--surface:#fff;--surface-2:#f0ede8;--text:#1c1917;--text-secondary:#78716c;--border:#e2dfd9;--border-light:#d6d3cc;--accent:#a87a52;--accent-subtle:rgba(168,122,82,.06)}.top-nav{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:.75rem 1.5rem;position:relative;z-index:1000}.top-nav,.top-nav-logo{align-items:center;display:flex}.top-nav-logo{color:var(--text);gap:.5rem;text-decoration:none}.top-nav-logo-text{font-family:Playfair Display,Georgia,serif;font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.top-nav-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.top-nav-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:1.05rem;font-weight:500;min-height:44px;padding:.5rem 0;position:relative;text-decoration:none;transition:color .2s}.top-nav-link:after{background:var(--accent);bottom:-4px;content:"";height:1.5px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .2s;width:100%}.top-nav-link:hover{color:var(--text)}.top-nav-link:hover:after{transform:scaleX(1)}.top-nav-link.active{color:var(--text)}.top-nav-link.active:after{transform:scaleX(1)}.top-nav-actions{align-items:center;display:flex;gap:.5rem}.top-nav-hamburger{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:none;height:36px;justify-content:center;transition:background .2s;width:36px}.top-nav-hamburger svg{height:20px;width:20px}.top-nav-hamburger:hover{background:var(--surface)}.top-nav-mobile-menu{background:var(--bg);border-bottom:1px solid var(--border);display:none;flex-direction:column;left:0;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:100}.top-nav-mobile-menu.open{display:flex}.top-nav-mobile-link{color:var(--text-secondary);display:block;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background .15s,color .15s}.top-nav-mobile-link:hover{background:var(--surface);color:var(--text)}.top-nav-mobile-link.active{color:var(--text)}@media (max-width:600px){.top-nav-links{display:none}.top-nav-hamburger{display:flex}}