.menu{& a{color:var(--color-black);display:block;line-height:1.4;text-decoration:none;&:focus,&:hover{text-decoration:underline}&.active{font-weight:700}}}.menu-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none}.menu__btn{align-items:center;background-color:transparent;border:0;color:var(--color-black);display:flex;font-weight:900;gap:1.2rem;grid-row:span 1/-1;justify-content:center;padding:var(--space-sm);position:relative;width:100%;&:hover{cursor:pointer}}@media (width >= 992px){.menu{background-color:var(--color-white);border-right:.1rem solid var(--color-lighter);padding:calc(var(--space-xl) + .5vw)}.menu-list-wrapper{position:sticky;top:calc(var(--space-xl) + .5vw)}}@media (width < 992px){.menu{align-content:end;background-color:var(--color-primary);border:.4rem solid var(--color-black);border-radius:var(--radius-lg);bottom:var(--space-xs);display:grid;grid-template-rows:0fr 5rem;overflow:hidden;position:fixed;right:var(--space-xs);transition:grid-template-rows .2s ease;width:max(40vw,24rem);z-index:20;&:has(.menu__btn[aria-expanded=true]){grid-template-rows:1fr 5rem}}.menu-list{border-bottom:.2rem solid var(--color-black);margin:0 var(--space-lg);padding:var(--space-xl) var(--space-sm)}.menu-list-wrapper{display:none;grid-row:1/span 1;overflow:hidden}.menu__btn[aria-expanded=true]+.menu-list-wrapper{display:block}}.menu__hamburger{align-items:center;aspect-ratio:1/1;display:flex;position:relative;transition:transform .2s ease;width:2.4rem}.menu__hamburger span,.menu__hamburger:after,.menu__hamburger:before{background-color:var(--color-black);border-radius:2em;height:.3rem;width:100%}.menu__hamburger span{transition:opacity .1s ease}.menu__hamburger:after,.menu__hamburger:before{content:"";position:absolute;transition:transform .2s ease}.menu__hamburger:before{transform:translateY(-230%)}.menu__hamburger:after{transform:translateY(230%)}.menu__btn[aria-expanded=true] .menu__hamburger span{opacity:0}.menu__btn[aria-expanded=true] .menu__hamburger:before{transform:rotate(45deg)}.menu__btn[aria-expanded=true] .menu__hamburger:after{transform:rotate(-45deg)}