nav{width:100%;display:flex;justify-content:space-between;align-items:center;color:#cdc6be}nav>div{flex:1}.logo{text-align:center;font-family:Canopee}.logo p{position:relative;top:.225em}.logo a{text-decoration:none;font-size:30px;color:#cdc6be}.toggle-btn{display:flex;justify-content:flex-end}.navbar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;background:#202020;clip-path:polygon(0 0,100% 0,100% 0,0 0);will-change:transform}.overlay-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;gap:1em;flex-direction:column;justify-content:center;align-items:center;color:#fff}.menu-item{display:flex;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.menu-item p{position:relative;text-align:center;font-size:7.2vw;letter-spacing:normal;color:#eae6e6;line-height:110%;will-change:transform;transition:letter-spacing .3s;transition:color .5s}.menu-item p:hover{color:#fff}.menu-item a:hover{color:#fff;transition:color .5s}.menu-item a{color:#858383;transition:color .5s;text-decoration:none}.sub-nav{display:flex;gap:.5em;opacity:0}.sub-nav p{font-size:20px;color:#eae6e6}@media (max-width: 900px){.logo-main img{display:none}.logo a{font-size:20px}.overlay-menu{height:auto}.menu-item p{font-size:14vw;letter-spacing:3px}.menu-item a{color:#eae6e6}.special-hover:hover .burger:after,.special-hover:hover .burger:before{background:#fff}}