.burger{padding:14px 0;width:80px;height:75px;position:fixed;top:15px;right:15px;z-index:1000;cursor:pointer}@media screen and (max-width: 860px){.burger{transform:scale(0.9);top:12px;right:8px;transform-origin:right top}}.burger::after{content:"";display:block;position:absolute;bottom:11px;left:19px;width:42px;height:1px;background:#d1b191;transition:all .3s}.burger .menu-text{position:absolute;top:40px;left:0;width:100%;font-family:sans-serif;color:#3f3f3f;font-size:12px;letter-spacing:.125em;text-align:center;transition:color .3s}@media screen and (min-width: 860px){.burger:hover::after{width:6px;left:37px}}@media screen and (min-width: 860px){.burger:hover .menu-text{color:#ba8f65}}.burger-inner{position:relative;max-width:50px;margin:0 auto;overflow:hidden}.burger-inner .shape-wrap{width:100px;height:25px;display:flex;grid-template-columns:repeat(3, 1fr);align-items:center;gap:0;transition:margin-left .5s ease-out}.active .burger-inner .shape-wrap{margin-left:-50px}.burger-inner .shape-wrap .circle{box-sizing:border-box;padding:3px 2px 3px 4px;width:25px;height:25px;transition:transform .5s ease-out,margin-left .5s ease-out}.burger-inner .shape-wrap .circle span{display:block;width:19px;height:19px;background:#dcc6b1;border-radius:50%}.active .burger-inner .shape-wrap .circle{transform:rotateY(180deg)}.burger-inner .shape-wrap .triangle{box-sizing:border-box;padding:3px 0;width:25px;height:25px;transition:transform .5s ease-out,margin-left .5s ease-out}.burger-inner .shape-wrap .triangle span{display:block;width:22px;height:18px;margin:0 auto 0 0;background:#d1b191;-webkit-clip-path:polygon(50% 0%, 0% 100%, 100% 100%);clip-path:polygon(50% 0%, 0% 100%, 100% 100%);transition:transform .5s ease-out}.active .burger-inner .shape-wrap .triangle{transform:rotateZ(180deg);margin-left:25px}.burger-inner .shape-wrap .square{box-sizing:border-box;width:25px;height:25px;padding:3px 0;margin-left:25px;transition:transform .5s ease-out,margin-left .5s ease-out}.burger-inner .shape-wrap .square span{display:block;width:18px;height:18px;margin:0 auto;background:#dcc6b1}.active .burger-inner .shape-wrap .square{transform:rotateZ(180deg);margin-left:0}