#nav{z-index:1000;justify-content:center;padding:15px 0;display:flex;position:fixed;top:0;left:0}#site-name{--width:280px;width:var(--width);height:calc(var(--width) * var(--logo-proportion));text-align:center;color:#fff;position:relative}#site-name>a{width:100%;height:100%;display:block;position:relative}@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}}
#menu-toggle{--circle-size:26px;--icon-width:3px;--transition-total-duration:.5s;--transition-duration:var(--transition-total-duration);z-index:1300;cursor:pointer;perspective:100px;width:var(--circle-size);height:var(--circle-size);position:fixed;top:28px;left:24px;transform:translate(-50%,-50%)}#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);pointer-events:none;transition-property:opacity,transform;transition-duration:0s, calc(var(--transition-duration) / 2);transition-delay:var(--transition-delay), 0s;position:absolute;top:0;left:0}.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="1"].transitioning .menu-icon[data-button-action=close],#menu-toggle[data-expanded="0"].transitioning .menu-icon[data-button-action=open]{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]{--transition-duration:calc(var(--transition-total-duration) / 2);transition-delay:var(--transition-delay), 0;transform:rotateY(60deg)}.menu-icon[data-button-action=close]:after,.menu-icon[data-button-action=close]:before{content:"";height:var(--icon-width);width:70%;transform:translate(-50%, -50%) rotate(var(--rotate));z-index:10;background-color:#000;transition:opacity 0s .125s;position:absolute;top:50%;left:50%}.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{pointer-events:none;z-index:1450;opacity:0;height:100dvh;transition:opacity .5s;position:fixed;top:0;left:0;overflow:scroll}#menu[data-expanded="1"]{pointer-events:auto;opacity:1}#menu:before{content:"";z-index:5;background-color:var(--blue);width:100%;height:100dvh;display:block;position:fixed;left:0}#menu-items-container{background-color:var(--blue);z-index:10;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:50px 0;display:flex;position:relative}.menu-item{padding:var(--menu-item-padding) 0;font-size:20vw;line-height:1}.no-touchscreen .menu-item:hover,.menu-item-wrapper.active .menu-item{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}}