#menu-toggle{--circle-size:26px;--icon-width:3px;--transition-total-duration:0.5s;--transition-duration:var(--transition-total-duration);position:fixed;z-index:1300;top:28px;left:24px;transform:translate(-50%,-50%);cursor:pointer;perspective:100px;width:var(--circle-size);height:var(--circle-size)}#menu-toggle[data-expanded="1"]{z-index:1500}#menu-toggle .menu-icon{transform-style:preserve-3d}.menu-icon{--transition-delay:calc(var(--transition-duration) / 2);position:absolute;top:0;left:0;pointer-events:none;transition-property:opacity,transform;transition-duration:0s,calc(var(--transition-duration) / 2);transition-delay:var(--transition-delay),0s}.menu-icon[data-button-action=open] .circle{background-color:var(--blue)}.menu-icon[data-button-action=close] .circle{background-color:var(--pink)}#menu-toggle[data-expanded="0"] .menu-icon[data-button-action=close],#menu-toggle[data-expanded="1"] .menu-icon[data-button-action=open]{opacity:0;transform:rotateY(90deg)}#menu-toggle[data-expanded="0"].transitioning .menu-icon[data-button-action=open],#menu-toggle[data-expanded="1"].transitioning .menu-icon[data-button-action=close]{transition-delay:var(--transition-delay),var(--transition-delay)}.no-touchscreen #menu-toggle[data-expanded="0"]:not(.transitioning):hover .menu-icon[data-button-action=open],.no-touchscreen #menu-toggle[data-expanded="1"]:not(.transitioning):hover .menu-icon[data-button-action=close]{transform:rotateY(60deg);--transition-duration:calc(var(--transition-total-duration) / 2);transition-delay:var(--transition-delay),0}.menu-icon[data-button-action=close]:after,.menu-icon[data-button-action=close]:before{content:"";position:absolute;height:var(--icon-width);width:70%;background-color:#000;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--rotate));transition:opacity 0s .125s;z-indeX:10}.menu-icon[data-button-action=close]:after{--rotate:-45deg}.menu-icon[data-button-action=close]:before{--rotate:45deg}@media screen and (min-width:500px){#menu-toggle{top:30px;left:30px}}@media screen and (min-width:700px){#menu-toggle{--circle-size:30px;--icon-width:4px;top:40px;left:40px}}@media screen and (min-width:1024px){#menu-toggle{--circle-size:36px;top:4vw;left:4vw}}@media screen and (min-width:1500px){#menu-toggle{--circle-size:40px;top:60px;left:60px}}#menu{position:fixed;pointer-events:none;transition:opacity .5s;z-index:1450;top:0;left:0;overflow:scroll;height:100vh;height:100dvh;opacity:0}#menu[data-expanded="1"]{pointer-events:auto;opacity:1}#menu:before{content:"";position:fixed;display:block;height:100dvh;width:100%;left:0;z-index:5;background-color:var(--blue)}#menu-items-container{padding:50px 0;background-color:var(--blue);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10}.menu-item{padding:var(--menu-item-padding) 0;line-height:1;font-size:20vw}.menu-item-wrapper.active .menu-item,.no-touchscreen .menu-item:hover{color:var(--yellow)}.menu-item-wrapper.active .menu-item{cursor:default}@media screen and (min-width:700px){.menu-item{font-size:15vw}}@media screen and (min-width:1024px){#menu-items-container{min-height:100%}.menu-item{font-size:12vw}}#nav{position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:center;padding:15px 0}#site-name{--width:280px;width:var(--width);height:calc(var(--width) * var(--logo-proportion));position:relative;text-align:center;color:#fff}#site-name>a{width:100%;height:100%;position:relative;display:block}@media screen and (min-width:500px){#site-name{--width:320px}}@media screen and (min-width:700px){#nav{padding:22px 0}#site-name{--width:380px}}@media screen and (min-width:1024px){#site-name{--width:50vw}}@media screen and (min-width:1500px){#site-name{--width:750px}}