.nav{position:sticky;top:14px;z-index:20;margin:14px auto 0;width:max-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:2px;background:var(--ink);color:#f3ead9;border-radius:999px;padding:7px 8px;box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
.nav .home{display:block;border-radius:50%;margin-right:6px;transition:transform .25s cubic-bezier(.2,.7,.1,1)}.nav .home:hover{transform:scale(1.08) rotate(-4deg)}.nav .home:focus-visible{outline:2px solid #fff;outline-offset:3px}.nav .home img{display:block;width:36px;height:36px;border-radius:50%;background:#fff}
.nav .it{position:relative}
.nav .it>a{display:block;padding:9px 15px;border-radius:999px;font-size:.92rem;opacity:.92}
.nav .it:hover>a,.nav .it:focus-within>a{background:rgba(255,255,255,.12);opacity:1}
.nav .it.has>a::after{content:"▾";font-size:.7rem;margin-left:6px;opacity:.7}
.nav .menu{position:absolute;left:0;top:100%;padding-top:12px;display:none;min-width:320px}
.nav .it:hover .menu,.nav .it:focus-within .menu{display:block}
.menu .box{background:var(--card);color:var(--ink);border-radius:22px;box-shadow:0 24px 50px -18px rgba(60,35,10,.45);padding:10px;display:grid;gap:2px}
.menu .box a{padding:10px 14px;border-radius:14px;display:block}
.menu .box a:hover{background:var(--paper-2)}
.menu .box b{display:block;font-size:.97rem}.menu .box span{display:block;color:var(--muted);font-size:.85rem;line-height:1.4}
.nav .login{background:#fff;color:var(--ink);font-weight:600;margin-left:6px;padding:9px 18px;border-radius:999px;font-size:.92rem}
.nav .lang{font-size:.82rem;opacity:.75;padding:0 10px}