.menu-toggle{position:fixed;bottom:0;left:50%;transform:translate(-50%,55%);width:20rem;height:10rem;padding-top:2rem;background-color:var(--fg);border:none;border-radius:50% 50% 0 0/80% 80% 0 0;cursor:pointer;z-index:1500;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:transform .5s cubic-bezier(.6,.05,.05,1)}.menu-toggle:hover{transform:translate(-50%,35%)}.menu-toggle.is-open{z-index:2100;transform:translate(-50%,30%)}.menu-toggle.is-open:hover{transform:translate(-50%,22%)}.menu-toggle .bar{display:block;width:3rem;height:.28rem;background-color:var(--bg);transition:transform .3s ease,opacity .3s ease}.menu-toggle.is-open .bar:nth-child(2){opacity:0}.menu-toggle.is-open .bar:nth-child(1){transform:translateY(.68rem) rotate(45deg)}.menu-toggle.is-open .bar:nth-child(3){transform:translateY(-.68rem) rotate(-45deg)}.menu-toggle .menu-toggle-label{margin-top:.6rem;color:var(--bg)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background-color:#000;color:var(--bg);opacity:0;pointer-events:none;visibility:hidden;overflow:hidden}.menu.open{opacity:1;pointer-events:auto;visibility:visible}.menu-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.menu .container{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.menu-top,.menu-bottom{pointer-events:auto}.menu a,.menu p{color:var(--bg)}.menu-top,.menu-bottom{display:flex;justify-content:space-between;align-items:center}.menu-close{background:none;border:none;cursor:pointer;color:var(--bg);font-family:var(--type-3);font-size:.75rem;text-transform:uppercase}.menu-socials,.menu-bottom-links{display:flex;gap:1.5rem}.menu-wheel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32rem;height:32rem;z-index:1}.menu-wheel-svg{width:100%;height:100%;display:block}.menu-segment{cursor:pointer}.menu-segment .seg-shape{fill:#000;stroke:var(--bg);stroke-width:1;transition:fill .05s linear}.menu-segment.active .seg-shape{fill:var(--bg)}.menu-segment .seg-label{fill:var(--bg);font-family:var(--type-3);font-size:11px;text-transform:uppercase;pointer-events:none}.menu-segment.active .seg-label,.menu-segment.active .seg-icon{fill:#000}.menu-segment .seg-icon{fill:var(--bg);pointer-events:none}.menu-wheel-hub{fill:var(--bg)}@media (max-width: 1000px){.menu-toggle{width:14rem;height:7rem}.menu-wheel{width:22rem;height:22rem}}