.menu-btn{position:fixed;top:clamp(14px,4vh - 6px,38px);right:clamp(10px,3vw - 6px,34px);z-index:16;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer;transition:color 1.2s ease,background .2s,opacity .3s ease}.menu-btn:hover{background:#7d75a629}.menu-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.menu-btn svg{display:block;overflow:visible}.menu-btn path{transform-box:view-box;transform-origin:50% 50%;transition:transform .4s cubic-bezier(.3,1.3,.5,1)}body.night .menu-btn{color:#f6efe0}body.menu-open .menu-btn{color:var(--ink);transition:color .3s ease,background .2s}body.menu-open .mb-a{transform:translateY(3px) rotate(45deg)}body.menu-open .mb-b{transform:translateY(-3px) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:15;visibility:hidden;transition:visibility 0s .45s}.menu-shade{position:absolute;inset:0;background:#14143647;opacity:0;transition:opacity .4s ease}.menu-panel{position:absolute;top:0;right:0;bottom:0;width:max(30vw,280px);max-width:100vw;padding:clamp(84px,14vh,128px) clamp(24px,3vw,44px) 32px;background:#faf7ffeb;border-left:1px solid var(--line);box-shadow:-18px 0 50px #1e1c462e;backdrop-filter:blur(14px);transform:translate(100%);transition:transform .45s cubic-bezier(.2,.8,.3,1)}body.menu-open .menu{visibility:visible;transition-delay:0s}body.menu-open .menu-shade{opacity:1}body.menu-open .menu-panel{transform:none}.menu-panel ul{margin:14px 0 0;padding:0;list-style:none}.menu-panel li{border-top:1px solid var(--line);opacity:0;transform:translate(18px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.3,1)}.menu-panel li:last-child{border-bottom:1px solid var(--line)}body.menu-open .menu-panel li{opacity:1;transform:none;transition-delay:calc(.14s + var(--i, 0) * .07s)}.menu-panel li:nth-child(2){--i: 1}.menu-panel li:nth-child(3){--i: 2}.menu-panel a{display:grid;gap:2px;padding:18px 4px;color:var(--ink);text-decoration:none;transition:padding .25s ease,color .2s}.menu-panel a b{font-family:var(--round);font-size:clamp(19px,1.9vw,24px);font-weight:400;letter-spacing:.08em}.menu-panel a span{font-family:var(--round);font-size:10px;letter-spacing:.22em;color:var(--ink-soft)}.menu-panel a:hover{padding-left:12px;color:var(--accent)}.menu-panel a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:8px}.menu-panel a[aria-current=page] b:after{content:"✦";margin-left:10px;font-size:.55em;color:var(--gold);vertical-align:middle}@media(max-width:760px){.menu-panel{width:min(82vw,320px)}}@media(prefers-reduced-motion:reduce){.menu-btn path,.menu-panel,.menu-panel li,.menu-shade{transition:none}}.lang-switch{position:fixed;top:clamp(14px,4vh - 6px,38px);right:calc(clamp(10px,3vw - 6px,34px) + 44px);z-index:16;transition:opacity .3s ease}.ls-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer;transition:color 1.2s ease,background .2s}.ls-btn:hover,.lang-switch.open .ls-btn{background:#7d75a629}.ls-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ls-btn svg{display:block}.ls-list{position:absolute;top:calc(100% + 4px);right:0;min-width:72px;margin:0;padding:4px;list-style:none;border:1px solid var(--line);border-radius:14px;background:#faf7fff2;box-shadow:0 10px 30px #1e1c4629;backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}.lang-switch.open .ls-list{opacity:1;visibility:visible;transform:none;transition-delay:0s}.ls-list a{display:block;padding:7px 12px;border-radius:10px;white-space:nowrap;font-family:var(--round);font-size:13px;letter-spacing:.04em;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}.ls-list a:hover{background:#7d75a624;color:var(--accent)}.ls-list a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.ls-list a[aria-current]{color:var(--accent);font-weight:700}.ls-list a[aria-current]:after{content:"✦";margin-left:8px;font-size:.7em;color:var(--gold)}body.night .ls-btn{color:#f6efe0}body.night .ls-btn:hover,body.night .lang-switch.open .ls-btn{background:#f6efe024}body.menu-open .lang-switch{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.ls-btn,.ls-list{transition:none}}
