.nav-wrapper{--button-size:60px}.nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9998;background-color:var(--shade-trans-80);opacity:0;pointer-events:none;transition:all .8s cubic-bezier(0.075,.82,.165,1)}.nav-backdrop--active{cursor:pointer;opacity:1;pointer-events:auto}.nav-anchor{position:relative;top:0;right:0;z-index:9999;width:var(--button-size);height:var(--button-size)}.nav-hamburger{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;right:0;z-index:3;cursor:pointer;background-color:transparent;width:var(--button-size);height:var(--button-size)}.nav-hamburger__icon{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:20px;transition:all .8s cubic-bezier(0.075,.82,.165,1)}.nav-hamburger__icon span{width:100%;height:2px;background-color:var(--primary-400);border-radius:0;transition-property:all;transition-duration:.2s;transition-timing-function:ease}.nav-hamburger:focus-visible{border:2px solid var(--shade-400);border-radius:100vmax}.nav-hamburger:is(:hover,:focus-visible) .nav-hamburger__icon span{background-color:var(--primary-200);width:80%}.nav-hamburger:is(:hover,:focus-visible) .nav-hamburger__icon span:nth-of-type(even){width:50%}.nav{position:absolute;top:0;right:0;z-index:2;padding:.8rem;white-space:nowrap;pointer-events:none}.nav::before{content:"";position:absolute;top:0;right:0;z-index:1;background-color:var(--secondary-400);border-radius:30px;box-shadow:var(--shadow-300);width:var(--button-size);height:var(--button-size);transition:all .8s cubic-bezier(0.075,.82,.165,1);transition-delay:.2s}.nav ul{position:relative;z-index:1;list-style-type:none;padding:0;padding-top:calc(var(--button-size) + .4rem);margin:0;display:flex;flex-direction:column;gap:.4rem;font-size:var(--text-m);font-weight:var(--h3-weight);letter-spacing:var(--h3-letter-spacing);line-height:1.2em;opacity:0;overflow:hidden;transition:all .8s cubic-bezier(0.075,.82,.165,1) 0s}.nav ul li a{display:flex;color:var(--primary-400);padding:.8rem 1.6rem;border-radius:30px;transition:all .2s cubic-bezier(0.075,.82,.165,1) 0s}.nav ul li a:is(:hover,:focus-visible){background-color:var(--primary-400);color:var(--neutral-100)}.nav ul li a:is(:hover,:focus-visible) .home-button__icon svg{fill:var(--neutral-100)}.home-button{position:absolute;top:0}.nav ul .home-button a{display:flex;align-items:center;justify-content:center;height:var(--button-size);width:var(--button-size)}.home-button__icon svg{display:flex;font-size:24px;fill:var(--primary-400);transition:all .2s cubic-bezier(0.075,.82,.165,1) 0s}.nav[aria-hidden=false]{pointer-events:auto}.nav[aria-hidden=false]::before{height:100%;width:100%;transition-delay:0s}.nav[aria-hidden=false] ul{opacity:1;transition-delay:.5s}.nav-hamburger[aria-expanded=true]:hover .nav-hamburger__icon{transform:scale(1.3)}.nav-hamburger[aria-expanded=true] .nav-hamburger__icon span:nth-of-type(1){transform:translatey(6px) rotate(45deg);width:100%}.nav-hamburger[aria-expanded=true] .nav-hamburger__icon span:nth-of-type(2){opacity:0}.nav-hamburger[aria-expanded=true] .nav-hamburger__icon span:nth-of-type(3){transform:translatey(-6px) rotate(-45deg);width:100%}@media all and (max-width:767px){.nav{width:calc(100vw - 4.8rem);width:calc(100svw - 4.8rem)}}