z.menu-container{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:100;pointer-events:none}.menu-bar{position:fixed;top:0;width:calc(100% - 4em);margin:2em;align-items:flex-start;background:rgba(156,151,151,.25);backdrop-filter:blur(5px);border-radius:1rem;overflow:hidden;border:1px dashed rgba(255,255,255,.25);pointer-events:all;z-index:100000}.menu-bar,.menu-bar-container{height:64px;display:flex;justify-content:space-between}.menu-bar-container{background-color:transparent;width:100%;align-items:center;padding:0 .7em .1em 1em}.menu-logo a{position:relative;display:inline-block;top:-.05em;color:var(--bg)}.menu-actions{display:flex;align-items:center;gap:2em}.menu-toggle{height:60px;justify-content:flex-end}.hamburger-icon,.menu-toggle{width:60px;display:flex;align-items:center}.hamburger-icon{position:absolute;justify-content:center;outline:none;height:40px;border-radius:.6rem;background:rgba(0,0,0,.25);background:transparent;transition:all .3s;border:1px dashed rgba(255,255,255,.25)}.hamburger-icon:hover{background:rgba(255,255,255,.2)}.hamburger-icon:after,.hamburger-icon:before{content:"";position:absolute;width:24px;height:1.5px;background:#fff;transition:all .3s ease-in-out;transition-delay:.15s;will-change:transform}.hamburger-icon:before{transform:translateY(-3px)}.hamburger-icon:after{transform:translateY(3px)}.active.hamburger-icon:before{transform:translateY(0) rotate(45deg)}.active.hamburger-icon:after{transform:translateY(0) rotate(-45deg)}.menu{position:absolute;top:0;left:0;width:calc(100% - 4em);height:calc(100svh - 4em);background:transparent;border-radius:1rem;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 0,0 0);display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:100000;margin:2em}.menu-link-item{position:relative;padding:1em 0 .125em;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);text-align:center;pointer-events:all}.menu-link-item .menu-link-item-holder{position:relative;will-change:transform}.menu-link-item .menu-link-item-holder a{position:relative;color:var(--bg);font-size:7vw;text-transform:uppercase;letter-spacing:-.01em;line-height:80%;transition:color .3s}.menu-link-item .menu-link-item-holder:hover a{color:rgba(255,255,255,1)}.menu-link-item .menu-link-item-holder{color:rgba(203,195,227,1)}@media (max-width:1000px){.menu{height:calc(100svh - 2.5em)}.menu,.menu-bar{width:calc(100% - 2.5em);margin:1.25em}.menu-toggle{justify-content:flex-end}.menu-col{width:100%;flex-direction:column}.menu-link-item .menu-link-item-holder a{font-size:16vw}}