.menu{width:100%}.submenu-wrapper{display:none}.bg-primary .submenu-wrapper,.site-header.active .submenu-wrapper{background-color:var(--color-primary)}.menu ul{list-style:none}.menu ul a,.menu ul button{color:var(--color-white);font-family:var(--heading-font);font-size:calc(var(--base-font-size)*.8 + .1vw);font-weight:700;position:relative;text-decoration:none;text-transform:uppercase}.menu a[aria-current=page]{color:var(--color-black)}.menu button{align-items:center;appearance:none;background-color:transparent;border:0;display:flex;text-align:left}.menu button:hover{cursor:pointer}.menu ul a:before,.menu ul button:before{background-color:var(--color-white);bottom:-.2rem;content:"";height:.2rem;position:absolute;right:0;transition:width .2s ease;width:0}.menu ul a:focus:before,.menu ul a:hover:before,.menu ul a[aria-current=page]:before,.menu ul button:focus:before,.menu ul button:hover:before,.menu ul button[aria-expanded=true]:before{width:80%}.menu-1,.menu-2,.menu-3{background-color:inherit;display:flex}.menu-2 a,.menu-2 button{white-space:nowrap}button[aria-expanded=true]+.submenu-wrapper{display:block}.menu__nav{background-color:inherit}.menu__nav button{gap:var(--space-xs)}.menu__nav button:after{aspect-ratio:1/1;background-color:var(--color-white);content:"";flex-shrink:0;mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M0 16.8 4.8 12 25 32.2 45.2 12l4.8 4.8-25 25z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M0 16.8 4.8 12 25 32.2 45.2 12l4.8 4.8-25 25z"/></svg>');transition:transform .2s ease;width:1.6rem}.menu__nav button[aria-expanded=true]:after{transform:rotate(-180deg)}@media (min-width:1200px){.menu .menu__btn{display:none}.submenu-wrapper{left:0;padding-left:var(--content-horizontal-padding);padding-right:var(--content-horizontal-padding);position:absolute;top:65%;width:100%}.menu-1{gap:var(--space-md)}.menu-1>li{align-items:center;display:flex}.menu-2{display:flex;flex-flow:row wrap;gap:calc(var(--space-md)/2) var(--space-md);margin:0 auto;max-width:var(--content-max-width);padding-bottom:var(--space-sm);padding-left:20rem;padding-top:var(--space-sm);transition:padding .3s ease}.site-header.active .menu-2{padding-left:15rem}button[aria-expanded=true]+.submenu-wrapper{animation:submenuFade .3s ease 0s 1 forwards;opacity:0;transform:translateY(-1rem)}@keyframes submenuFade{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}}@media (max-width:1199px){.nav-open,.nav-open .body-wrapper,.nav-open body{overflow:hidden}.menu__nav{animation:visibiltyDelay 0s ease .3s 1 forwards;background-color:var(--color-primary);height:calc(100% - var(--header-height-mobile));left:100%;min-height:calc(100vh - var(--header-height-mobile));overflow-y:scroll;padding:var(--space-lg) var(--content-horizontal-padding);position:fixed;top:var(--header-height-mobile);transition:transform .3s ease;width:100%}@keyframes visibiltyDelay{0%{visibility:visible}to{visibility:hidden}}.menu__btn[aria-expanded=true]+.menu__nav{animation:none;transform:translateX(-100%)}.menu__nav a:focus,.menu__nav a:hover,.menu__nav button:focus,.menu__nav button:hover{color:var(--color-black)}.menu__nav button{justify-content:space-between;transition:margin-bottom .15s ease;width:100%}.menu__nav button[aria-expanded=true]{margin-bottom:var(--space-xs)}.menu ul a:before,.menu ul button:before{content:none}.menu-1{flex-direction:column;gap:var(--space-md)}.menu-2,.menu-3{flex-direction:column;padding-left:var(--space-xs);padding-top:var(--space-xs)}.menu-2 li:not(:last-child){margin-bottom:var(--space-xs)}}.menu__btn{aspect-ratio:1/1;position:relative;transition:transform .2s ease;width:2.6rem}.menu__btn span,.menu__btn span:after,.menu__btn span:before{background-color:var(--color-white);height:.4rem;width:100%}.menu__btn span{transition:opacity .1s ease}.menu__btn span:after,.menu__btn span:before{content:"";position:absolute;transition:transform .2s ease}.menu__btn span:before{transform:translateY(-250%)}.menu__btn span:after{transform:translateY(250%)}.menu__btn[aria-expanded=true]{transform:rotate(0deg)}.menu__btn[aria-expanded=true] span{background-color:transparent}.menu__btn[aria-expanded=true] span:before{transform:rotate(45deg)}.menu__btn[aria-expanded=true] span:after{transform:rotate(-45deg)}