.menu{--max-w: min(1200px, calc(100vw - var(--max-padding)));isolation:isolate;z-index:100;padding:0 0;background:var(--shader-1);box-shadow:0 4px 4px 0 rgba(0,0,0,.1)}.menu,.menu *{transition:.3s}.menu .logo{width:calc(70/var(--max-w-unit)*var(--max-w)) !important;height:calc(70/var(--max-w-unit)*var(--max-w)) !important;margin-block:0;margin-inline:32px;display:flex;position:relative;z-index:-1}.menu .logo canvas{width:100% !important}.menu.header-intersect{top:45px !important}.menu.header-intersect .logo{width:calc(190/var(--max-w-unit)*var(--max-w)) !important;height:calc(190/var(--max-w-unit)*var(--max-w)) !important;margin-block:-45px}.menu ul li a{font:400 15px var(--font-family);text-transform:uppercase;color:var(--shader-7)}.menu ul li a.has-child{margin-right:8px;padding-right:16px}.menu ul li a.has-child:after{border:1px solid #fafafa;border-left:0;border-top:0;position:absolute;top:50%;right:5px;translate:0 -50%;content:"";height:5px;width:5px;transform:rotate(45deg);transition:all .3s}.menu ul li ul{background-color:#fafafa;min-width:250px;transform:perspective(600px) rotateX(-90deg);transform-origin:0 0 0;visibility:hidden;transition:all .3s;box-shadow:4px 4px 4px 0 rgba(0,0,0,.1)}.menu ul li ul li a{color:#313131;font-size:14px;padding:clamp(3px,.439238653vw,6px) 0;text-transform:capitalize;background-color:rgba(0,0,0,0)}.menu ul li ul li a.has-child{margin-right:0}.menu ul li ul li a.has-child:after{border-color:#313131;transform:rotate(-45deg)}.menu ul li ul li:not(:last-child)>a{border-bottom:1px solid #ececec}.menu ul li ul li ul{left:100%;margin-top:0;top:-0.75rem}.menu ul li:hover>ul{opacity:1;transform:perspective(600px) rotateX(0);transform-origin:0 0 0;visibility:visible;transition:all .3s}.menu ul li.menu-line{background-color:rgba(0,0,0,.1);height:15px;width:1px}.menu ul.menu-main>.menu-side{flex:1 1 0%;width:0%}.menu ul.menu-main>.menu-side:last-child>li>ul{transform:rotateY(180deg);left:100%}.menu ul.menu-main>.menu-side:last-child>li>ul li a{transform:rotateY(180deg);text-align:right}.menu ul.menu-main>.menu-side>li>a{text-transform:uppercase}.menu ul.menu-main>.menu-side>li>a:is(.active,:hover){color:var(--light-primary-color)}.menu ul.menu-main>.menu-side>li>a.active{font-weight:500}.menu ul.menu-main>.menu-side>li ul>li>a:hover{background-color:rgba(0,0,0,0);color:var(--primary-color)}