#navbar{position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}#navbar a,#navbar button,#navbar-menu{pointer-events:all}#navbar-logo,#navbar-hamburger{display:flex;align-items:center;z-index:15;position:relative;margin-top:var(--navbar-top-margin);margin-bottom:var(--navbar-top-margin);margin-inline:var(--navbar-inline-margin);width:var(--navbar-top-logo-size);max-width:100px;height:var(--navbar-top-logo-size)}#navbar-logo .logo,#navbar-hamburger svg{fill:var(--navbar-logo-color)}#navbar-logo{justify-content:flex-start}#navbar-hamburger{max-width:max-content;width:calc(var(--navbar-top-logo-size) * .5);justify-content:flex-end;opacity:0}#navbar-hamburger .hamburger-icon{rotate:45deg;width:100%;min-width:30px;will-change:rotate,transform;transition:rotate var(--transition-time-s) ease-in-out,transform var(--transition-time-s) ease-in-out}#navbar-hamburger .hamburger-icon .cross{fill-rule:inherit}@media(pointer:fine){#navbar-hamburger:hover .hamburger-icon{animation:breath 1s cubic-bezier(.4,0,.6,1) infinite}}#navbar-hamburger.is-active .hamburger-icon{rotate:180deg}#navbar-hamburger .hamburger-icon .propeller{opacity:0;transition:opacity var(--transition-time-s) ease-in-out}#navbar-hamburger.is-active .hamburger-icon .propeller{opacity:1}#navbar-menu{position:absolute;top:0;right:0;height:100dvh;width:98vw;border-left:2vw solid var(--key-color);transform:translate(105vw);transition:transform var(--transition-time-m) ease-in-out;display:flex;flex-direction:column}#navbar-menu.is-active{transform:translate(0)}body:has(#navbar-menu.is-active){overflow:hidden}#navbar-menu:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100dvh;opacity:var(--navbar-opacity);background-color:var(--navbar-color);pointer-events:none}.navbar-menu-content{position:relative;width:100%;height:100dvh;box-sizing:border-box;padding-top:calc(var(--navbar-top-margin) * 2 + var(--navbar-top-logo-size));overflow-y:scroll;display:flex;flex-direction:column;justify-content:start;row-gap:5vh}.navbar-menu-content>*{flex-shrink:1;min-height:0}#navbar-menu ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}#navbar-menu a{font-family:var(--general-font-family-secondary);color:var(--white)}#navbar-menu ul li{padding-left:15vw}#navbar-menu ul:first-child{height:fit-content;row-gap:4.5vh}#navbar-menu ul:first-child a{font-size:4em}#navbar-menu ul:nth-child(2){row-gap:3.25vh}#navbar-menu ul:nth-child(2) a{font-size:3.2em;color:var(--light-gray);transition:color var(--transition-time-s) ease}#navbar-menu ul:nth-child(2) a:hover{color:var(--white)}@media screen and (max-height:700px){.navbar-menu-content{overflow-y:auto}#navbar-menu ul:first-child{height:fit-content;row-gap:4vh}#navbar-menu ul:first-child a{font-size:4em}#navbar-menu ul:nth-child(2) a{font-size:2.8em}}@media screen and (min-width:768px){body:has(#navbar-menu.is-active){overflow:initial}#navbar-menu ul:first-child a{font-size:48px}#navbar-menu ul:nth-child(2) a{font-size:28px}#navbar-menu{width:100vw;border-left-width:6px}#navbar-menu.is-active{transform:translate(55vw)}#navbar-menu ul li{padding-left:5vw}.navbar-menu-content{row-gap:4vh;padding-top:calc(var(--navbar-top-margin) * 2.5 + var(--navbar-top-logo-size))}#navbar-menu ul:first-child{row-gap:2vh}#navbar-menu ul:nth-child(2){row-gap:4vh}}@media screen and (min-width:1024px){#navbar-menu ul:first-child a{font-size:48px}#navbar-menu ul:nth-child(2) a{font-size:24px}#navbar-menu{border-left-width:6px}#navbar-menu.is-active{transform:translate(65vw)}#navbar-menu ul li{padding-left:6vw}.navbar-menu-content{row-gap:5vh;padding-top:calc(var(--navbar-top-margin) * 1.5 + var(--navbar-top-logo-size))}#navbar-menu ul:first-child{row-gap:2vh}#navbar-menu ul:nth-child(2){row-gap:4vh}}@media screen and (min-width:1280px){#navbar-menu ul::-webkit-scrollbar-track{background:var(--key-color)}}@media screen and (min-width:1440px){#navbar-menu{border-left-width:7px}.navbar-menu-content{row-gap:6vh}#navbar-menu ul:first-child a{font-size:48px}#navbar-menu ul:nth-child(2) a{font-size:24px}#navbar-menu.is-active{transform:translate(70vw)}}@media screen and (min-width:1920px){.navbar-menu-content{padding-top:calc(var(--navbar-top-margin) * 1.5 + var(--navbar-top-logo-size));row-gap:6vh}#navbar-menu ul:first-child{row-gap:3vh}#navbar-menu ul:nth-child(2){row-gap:2.25vh}#navbar-menu ul:first-child a{font-size:52px}#navbar-menu ul:nth-child(2) a{font-size:32px}#navbar-menu{border-left-width:7px}}@media screen and (min-width:2560px){#navbar-menu ul:first-child a{font-size:var(--font-size-l)}#navbar-menu ul:nth-child(2) a{font-size:var(--font-size-m)}}@media screen and (min-width:3840px){#navbar-logo{max-width:initial}}