/* Site-icon button + small dropdown of the main pages */
.nav-menu-wrap{position:relative;display:flex}
.menu-button{display:grid;place-items:center;width:44px;height:44px;border-radius:0;border:0;background:transparent;padding:0;flex-shrink:0;transition:background-color .2s,border-color .2s,transform .2s}
.menu-button:hover{background:transparent;border-color:transparent}
.menu-button:active{transform:scale(.92)}
.menu-button img{width:24px;height:26px;object-fit:contain;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.menu-button:hover img{transform:scale(1.1)}
.menu-button.is-open{border-color:transparent;background:transparent}
.menu-button.is-open img{transform:rotate(-12deg) scale(1.12)}
.nav-menu{left:auto;right:0;top:54px;min-width:190px;padding:10px;transform-origin:top right;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s}
.nav-menu.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
.nav-menu>a{opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .25s ease,background-color .15s}
.nav-menu.open>a{opacity:1;transform:none;transition-delay:calc(.05s + var(--i,0) * .045s),calc(.05s + var(--i,0) * .045s),0s}
.reduce-motion .nav-menu,.reduce-motion .nav-menu>a{transition:none}
@media(prefers-reduced-motion:reduce){.nav-menu,.nav-menu>a{transition:none}}