.nav-bar{justify-content:space-evenly;padding:30px 32px;display:flex}.logo{width:150px;height:auto;font-size:24px;font-weight:700}.right-nav-bar{gap:32px;margin-top:10px;display:flex}.nav-item a{color:#111;font-family:Space Grotesk,sans-serif;text-decoration:none;display:inline-block;position:relative}.nav-item a.active:before,.nav-item a.active:after{content:"";background:#111;width:12px;height:1.5px;margin-left:-6px;position:absolute;bottom:-10px;left:50%}.nav-item a.active:before{animation:.8 both draw-x-1}.nav-item a.active:after{animation:.8s .7s both draw-x-2}@keyframes draw-x-1{0%{transform:rotate(45deg)scaleX(0)}to{transform:rotate(45deg)scaleX(1)}}@keyframes draw-x-2{0%{transform:rotate(-45deg)scaleX(0)}to{transform:rotate(-45deg)scaleX(1)}}@media (width<=1024px){.nav-bar{flex-direction:column;align-items:center;gap:0;padding:16px;position:relative}.logo{width:110px}.right-nav-bar{z-index:1000;background:#faf9f7;flex-direction:column;gap:0;width:220px;height:100vh;margin-top:0;padding:80px 32px 32px;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-4px 0 20px #00000014}.right-nav-bar.sidebar-open{right:0}.nav-item{border-bottom:1px solid #00000014;padding:16px 0}.nav-item a{letter-spacing:1px;text-transform:uppercase;font-size:1rem}.nav-item a.active:before,.nav-item a.active:after{display:none}.nav-item a.active{color:#faf9f7;background-color:#111;padding:4px 12px}}@media (width<=400px){.nav-bar{padding:12px}.logo{width:90px}}@media (width>=1025px){.hamburger{display:none}}@media (width<=1024px){.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;padding:4px;display:flex;position:absolute;top:20px;right:16px}.hamburger span{background-color:#111;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}@media (width>=1025px){.sidebar-overlay{display:none}}@media (width<=1024px){.sidebar-overlay{z-index:999;background:#0000004d;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar-overlay.visible{display:block}}