.hamburger-menu{align-items:center;display:flex;height:100%;position:relative}.menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:1001}.menu-toggle span{background:#fff;border-radius:2px;height:4px;transition:all .3s ease-in-out;width:60px}.menu{background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;flex-direction:column;gap:10px;padding:20px;position:absolute;right:0;top:60px;width:250px;z-index:1000}.menu ul{list-style:none;margin:0;padding:0}.menu ul li{padding:10px 0}.menu ul li a{color:#000;font-family:Fira Sans,sans-serif;font-size:20px;font-weight:300;letter-spacing:0;line-height:24px;position:relative;text-decoration:none;transition:color .3s ease-in-out,text-decoration .3s ease-in-out}.menu ul li a:after{background-color:#000;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.menu ul li a:hover:after{width:100%}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(10px,10px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu.active{display:flex}