.menu{& ul[class^=menu]{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;overflow:hidden}& .menu__btn{color:var(--color-black)}& a,& button{align-items:center;background:none;border:none;color:var(--color-black-60);cursor:pointer;display:flex;font-weight:700;text-align:left;transition:color var(--mouse-in)}}.menu__nav{overflow:hidden}.menu-1{& a,& button{&:focus,&:hover{color:var(--color-black);&:before{transform:scale(1)}}&:before{aspect-ratio:1/1;background-color:var(--color-black);border-radius:50%;content:"";left:0;position:absolute;transform:scale(0);transition:transform var(--mouse-in);width:var(--space-sm)}}& button{gap:var(--space-sm);&:after{content:"+";margin-left:auto}&[aria-expanded=true]:after{content:"-"}}}@media (width >= 768px){.menu{position:relative;width:100%;.menu__nav-wrapper{overflow:hidden}.menu__btn{border-radius:5rem;padding:2rem 3rem;width:100%}& .menu__nav,.menu__btn{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background-color:var(--color-white-30)}& .menu__nav{border-radius:var(--space-md);display:grid;grid-template-rows:0fr;position:relative;transition:grid-template-rows .2s ease}& .menu__btn[aria-expanded=true]+.menu__nav{grid-template-rows:1fr}& .menu__nav{left:0;position:absolute;top:100%;width:25rem}& .menu-1{& li{display:grid;grid-template-columns:1fr;grid-template-rows:min-content 0fr;overflow:hidden;padding:0 var(--space-sm);transition:grid-template-rows .2s ease}& li:has(button[aria-expanded=true]+ul){grid-template-rows:min-content 1fr}}}}@media (width < 768px){.menu{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background-color:var(--color-white-30);border-radius:var(--space-lg);display:grid;flex-grow:1;grid-template-rows:5rem 0fr;overflow:hidden;padding:0 var(--space-md);transition:grid-template-rows var(--mouse-in),padding var(--mouse-in);&:has(.menu__btn[aria-expanded=true]){grid-template-rows:1.1em 1fr;padding:var(--space-xl)}}.menu-1 li{display:grid;grid-template-rows:min-content 0fr;overflow:hidden;padding-left:var(--space-md);position:relative;transition:grid-template-rows var(--mouse-in);&:first-child{margin-top:var(--space-sm)}&:has(button[aria-expanded=true]){grid-template-rows:min-content 1fr}}}.lang-switcher{margin-top:var(--space-lg);& ul{list-style:none}& li{padding-left:var(--space-md);position:relative}& a{text-decoration:none;&:focus,&:hover{color:var(--color-black)}}}.current-lang a{color:var(--color-black);&:before{aspect-ratio:1/1;background-color:var(--color-black);border-radius:50%;content:"";left:0;position:absolute;width:var(--space-sm)}}.lang-switcher--inline{& li,& ul{display:flex}& a{text-transform:capitalize}}