.navbar{position:fixed;top:0;left:0;width:100%;z-index:10;transition:background-color .3s ease,box-shadow .3s ease}.navbar.mobile{background-color:white;box-shadow:none}.navbar.mobileScrolled{background-color:white;box-shadow:0 4px 6px rgba(0,0,0,.1)}.navbar.desktop{background-color:transparent;box-shadow:none}.navbar.desktopScrolled{background-color:white;box-shadow:0 4px 6px rgba(0,0,0,.1)}.navbarContent{max-width:2400px;margin:0 auto;padding:clamp(1rem,1.5vw,2rem);display:flex;justify-content:space-between;align-items:center;width:100%}.navbarLogoImageContainer{width:clamp(35px,3vw,65px);height:clamp(35px,3vw,65px);position:relative}.evermondLogo{width:100%;height:100%;object-fit:cover;cursor:pointer}.navbarMobileMenuHamburger{position:relative;width:27px;height:20px;cursor:pointer;display:block;transition:transform .3s ease}.navbarMobileMenuHamburger:after,.navbarMobileMenuHamburger:before{content:"";position:absolute;left:0;width:100%;height:1px;background-color:black;transition:transform .3s ease,top .3s ease,bottom .3s ease,opacity .3s ease}.navbarMobileMenuHamburger:before{top:6px}.navbarMobileMenuHamburger:after{bottom:6px}.navbarMobileMenuHamburger.open:before{top:50.5%;transform:rotate(45deg)}.navbarMobileMenuHamburger.open:after{bottom:47%;transform:rotate(-45deg)}.navbarMobileMenuOpen{overflow:hidden;max-height:0;transition:max-height .4s ease,padding .4s ease,box-shadow .3s ease;padding:0 1rem;display:flex;flex-direction:column;gap:1rem}.navbarMobileMenuOpen.open{max-height:500px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1rem 1rem 2rem}.navbarMobileLink p{font-family:var(--plus-jakarta-sans);font-size:1.25rem;color:black;margin:0;cursor:pointer}.navbarDesktopMenu{display:none}.navbarDesktopLink p{position:relative;margin:0;font-family:var(--plus-jakarta-sans);font-weight:400;font-size:clamp(1rem,1.3vw,1.5rem);color:rgb(0,0,0);cursor:pointer}.navbarDesktopLink p:after{content:"";position:absolute;left:0;bottom:-6px;width:70%;height:1px;background-color:black;transition:width .3s ease-in-out}.navbarDesktopLink p:hover:after{width:100%}@media (min-width:1060px){.navbarMobileMenuHamburger,.navbarMobileMenuOpen{display:none}.navbarDesktopMenu{display:flex;gap:clamp(2rem,3vw,6rem)}}.navbar.visible{transform:translateY(0)}.navbar.hidden{transform:translateY(-100%)}.navbar{transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.navbarMobileLink{position:relative;padding-top:1rem;cursor:pointer;width:max-content}.navbarMobileLink:after{content:"";position:absolute;left:0;bottom:-7px;height:1px;width:80%;background-color:black;transition:width .4s ease}.navbarMobileLink:hover:after{width:100%}.directLink{text-decoration:none}