.menu-backdrop{z-index:9999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.menu-backdrop.open{opacity:1;pointer-events:auto}.menu-panel{background:#fff;width:90%;max-width:950px;height:100%;transition:left .65s cubic-bezier(.77,0,.175,1);position:absolute;top:0;left:-100%;box-shadow:12px 0 50px #0003}.menu-panel.open{left:0}.menu-container{height:100%;display:flex;position:relative;overflow:hidden}.desktop-close-btn{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;font-size:48px;font-weight:100;transition:transform .35s,color .3s;position:absolute;top:10px;right:-50px}.menu-left{z-index:10;background:#fff;border-right:1px solid #f0f0f0;width:40%;height:100%;padding:0 40px;overflow-y:auto}.menu-header{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.menu-title{letter-spacing:3px;text-transform:uppercase;color:#d1431b;font-size:16px;font-weight:700}.close-btn-inner{cursor:pointer;color:#333;background:0 0;border:none;font-size:28px;display:none}.menu-item{cursor:pointer;color:#333;border-left:4px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:16px 20px;font-size:20px;font-weight:400;transition:background-color .2s,color .2s;display:flex}.menu-item:hover{color:#000;background:#f9f9f9}.menu-item.active{color:#222;background:#e6e6e6;border-left:4px solid #777;font-weight:500}.arrow{color:#ccc;font-size:20px;transition:color .2s}.menu-item.active .arrow{color:#6854a7}.menu-right{opacity:0;background:#fff;width:60%;padding:50px 60px;transition:opacity .4s;overflow-y:auto}.menu-right.show{opacity:1}.mobile-menu-header{display:none}.desktop-title{color:#333;opacity:0;border-bottom:2px solid #d34b25;margin-bottom:40px;padding-bottom:15px;font-size:42px;transition:all .5s .1s;display:inline-block;transform:translateY(10px)}.menu-right.show .desktop-title{opacity:1;transform:translateY(0)}.menu-right ul{padding:0;list-style:none}.menu-right li{cursor:pointer;opacity:0;color:#555;border-radius:5px;padding:15px;font-size:18px}.menu-right.show li{opacity:1}@media (max-width:768px){.desktop-close-btn{display:none}.close-btn-inner{display:block}.menu-panel{width:100%;max-width:100%}.menu-left{border-right:none;width:100%;padding:30px 20px}.menu-right{z-index:20;opacity:1;background:#fff;width:100%;height:100%;padding:30px 20px;transition:transform .4s cubic-bezier(.77,0,.175,1);position:absolute;top:0;left:0;transform:translate(100%)}.menu-right.show{transform:translate(0)}.desktop-title{display:none}.mobile-menu-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.mobile-title{color:#333;font-size:20px;font-weight:700}.back-btn{color:#555;background:0 0;border:none;align-items:center;font-size:16px;display:flex}.arrow-back{color:#d34b25;margin-right:5px;font-size:24px}.close-btn-mobile{color:#333;background:0 0;border:none;font-size:24px}}