.brand-header{background-color:var(--ui-03);left:0;position:fixed;top:0;transition:background-color var(--duration-base),top var(--duration-base);width:100%;z-index:9999}.brand-header.lt{background-color:#fff}.brand-header--home.lt.scrolled:hover,.brand-header.lt.scrolled{background-color:hsla(0,0%,100%,.9)}.brand-header.lt.scrolled{box-shadow:0 6px 16px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.05)}.brand-header.lt .navigation .nav-frame .menu .menu-root-item>a{color:var(--text-03)}.brand-header.lt .navigation .nav-frame .menu .menu-root-item>a:before{background:var(--interactive-01)}.brand-header .fadein{animation-name:fadeIn}.brand-header *{transition-duration:.2s!important;transition-timing-function:ease!important}.brand-header .navigation{position:relative;z-index:1}.brand-header .navigation.open{z-index:3}.brand-header .navigation .container{align-items:center;display:flex;flex-direction:row;height:var(--brand-header-height);justify-content:space-between;transition:height .25s ease-in-out}.brand-header .navigation .logo{margin-left:1rem;position:relative;width:160px;z-index:2}.brand-header .navigation .logo img{display:block;height:auto;width:100%}.brand-header .navigation .demo{cursor:pointer;position:relative;z-index:2}@media screen and (max-width:768px){.brand-header .navigation .demo{display:none}}.brand-header .navigation .demo span{padding:0 .5rem}.brand-header .navigation .demo:after{border-right:1px solid #fff;border-top:1px solid #fff;content:"";display:block;height:5px;opacity:0;position:absolute;right:14px;top:calc(50% - 2px);transform:rotate(45deg);transition:opacity .2s ease-in-out;width:5px}.brand-header .navigation .demo:hover span{padding:0 .75rem 0 .25rem}.brand-header .navigation .demo:hover:after{opacity:1}.brand-header .navigation .nav-holder{align-items:center;display:flex;flex-direction:row;height:60px;position:relative}@media screen and (max-width:768px){.brand-header .navigation .nav-holder{align-items:unset}}.brand-header .navigation .nav-holder .menu-toggle{cursor:pointer;display:none;margin:0 10px;position:relative;width:2.5rem}@media screen and (max-width:768px){.brand-header .navigation .nav-holder .menu-toggle{display:block}}@media (--screen-sm-down ){.brand-header .navigation .nav-holder .menu-toggle{margin:0 5px}}.brand-header .navigation .nav-holder .menu-toggle a span{left:5px;position:absolute;top:calc(50% - 5px)}.brand-header .navigation .nav-holder .menu-toggle a span,.brand-header .navigation .nav-holder .menu-toggle a span:after,.brand-header .navigation .nav-holder .menu-toggle a span:before{background:var(--ui-04);border-radius:1px;content:"";display:block;height:2px;position:absolute;width:30px}.brand-header .navigation .nav-holder .menu-toggle a span:before{bottom:9px}.brand-header .navigation .nav-holder .menu-toggle a span:after{bottom:-9px}@media screen and (max-width:768px){.brand-header .navigation .nav-frame{display:none}}.brand-header .navigation .nav-frame .menu-overlay{background:rgba(0,0,0,);height:calc(100vh - 100px);left:0;opacity:0;pointer-events:none;position:fixed;top:100px;transition:all .2s;visibility:hidden;width:100%;z-index:1}.brand-header .navigation .nav-frame .menu-overlay.hovered{opacity:1;visibility:visible}.brand-header .navigation .nav-frame .menu{display:flex;margin:0;padding:0;position:relative;transition:.5s}.brand-header .navigation .nav-frame .menu .menu-root-item{align-items:center;display:flex;list-style:none;margin-top:3.25rem;position:relative;transition:.5s;z-index:1}.brand-header .navigation .nav-frame .menu .menu-root-item:hover .hover-underlay{pointer-events:visible}.brand-header .navigation .nav-frame .menu .menu-root-item>a{color:#555;color:var(--text-03);display:inline-flex;font-family:var(--font-family-04);font-size:14px;margin:0 1rem;padding:0 0 3rem;position:relative;transition:color var(--duration-base) ease-in-out;transition:all .25s ease-in-out;white-space:nowrap;z-index:2}.brand-header .navigation .nav-frame .menu .menu-root-item>a:before{animation:out .2s cubic-bezier(1,0,.58,.97) 1 both;background:var(--interactive-01);bottom:0;content:"";height:4px;position:absolute;width:100%}.brand-header .navigation .nav-frame .menu .menu-root-item>a.active,.brand-header .navigation .nav-frame .menu .menu-root-item>a:hover{color:var(--interactive-01)}.brand-header .navigation .nav-frame .menu .menu-root-item>a.active:before,.brand-header .navigation .nav-frame .menu .menu-root-item>a:hover:before{animation:in .2s cubic-bezier(1,0,.58,.97) 1 both}.brand-header .navigation .nav-frame .menu .menu-root-item:not(.current){z-index:2}.brand-header .navigation .nav-bg{background-color:transparent;display:none;height:100%;left:0;position:fixed;top:0;transition:background-color var(--duration-base) ease;width:100%;z-index:9998}.brand-header .navigation .nav-bg.open{background-color:rgba(0,0,0,.5);display:block}.brand-header .navigation .nav-drawer{background:#000;display:flex;flex-direction:column;height:100%;left:100%;overflow:hidden;overflow-x:hidden;position:fixed;top:0;transition:left var(--duration-base);width:100%;z-index:9998}@media (--screen-sm-down ){.brand-header .navigation .nav-drawer{justify-content:space-between}}.brand-header .navigation .nav-drawer .upper .logo{left:0;margin:1rem 0 0 1rem;transition:all .2s!important}.brand-header .navigation .nav-drawer .upper .logo.slided{height:0;left:-100%}.brand-header .navigation .nav-drawer.open{left:0}.brand-header .navigation .nav-drawer .toolbar{display:flex;height:0;justify-content:space-between;padding:1rem;transition:all 0s!important;width:calc(100% - 2rem)}.brand-header .navigation .nav-drawer .toolbar.slided{height:50px}.brand-header .navigation .nav-drawer .toolbar a{align-items:center;color:var(--white);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;min-width:30px}.brand-header .navigation .nav-drawer .toolbar a span{margin-left:5px}.brand-header .navigation .nav-drawer .toolbar .close{position:absolute;right:1rem;top:29px}.brand-header .navigation .nav-drawer .menu-wrapper{overflow:hidden;width:100%}.brand-header .navigation .nav-drawer .menu-wrapper .menu-container{left:0;position:relative;transition:height var(--duration-base) ease,left var(--duration-base) ease}.brand-header .navigation .nav-drawer .menu-wrapper .menu{margin:0;padding:0}.brand-header .navigation .nav-drawer .menu-wrapper .menu-root-item{border-bottom:1px solid #23273c;font-weight:500;padding:1rem 1rem 1rem 2rem}.brand-header .navigation .nav-drawer .menu-wrapper .menu-root-item:first-child{border-top:1px solid #23273c}.brand-header .navigation .nav-drawer .menu-wrapper .menu-root-item>a{color:var(--text-01);display:block;font-size:var(--type-m);padding:0;position:relative;text-decoration:none;transition:color var(--duration-base) ease-in-out;white-space:nowrap;z-index:2}.brand-header .navigation .nav-drawer .menu-wrapper .menu-root-item>a:hover{color:var(--text-02)}.brand-header .navigation .nav-drawer .lower{margin:0 1rem;padding:1rem 0 2rem}@media (--screen-sm-down ){.brand-header .navigation .nav-drawer .lower{display:flex;flex-direction:column-reverse}}@media screen and (max-width:768px){.brand-header .navigation .nav-drawer .lower{margin-top:4rem}}@media (--screen-sm-down ){.brand-header .navigation .nav-drawer .lower{margin-top:0}}.brand-header .navigation .nav-drawer .demo{margin:1rem}@media screen and (max-width:768px){.brand-header .navigation .nav-drawer .demo{display:inline-block}}.brand-header.scrolled{background-color:rgba(var(--navy-900-rgb)/90%);box-shadow:0 6px 16px 0 rgba(0,0,0,),0 2px 4px 0 rgba(0,0,0,),inset 0 0 0 1px rgba(0,0,0,)}.brand-header.scrolled .nav-frame{display:block}@media screen and (max-width:768px){.brand-header.scrolled .nav-frame{display:none}}.brand-header.scrolled .navigation .container{height:5rem}.brand-header.scrolled .navigation .logo{transform:scale(.85)}@media screen and (max-width:768px){.brand-header.scrolled .navigation .demo{display:none}}.brand-header.scrolled .navigation .menu-overlay{height:calc(100vh - 60px)!important;top:60px!important}.brand-header.scrolled .navigation .nav-frame .menu .menu-root-item{margin-top:2.25rem}.brand-header.scrolled .navigation .nav-frame .menu .menu-root-item>a{padding:0 0 2rem}.brand-header--home{background-color:transparent}.brand-header--home .navigation .demo,.brand-header--home .navigation .nav-frame{display:none}.brand-header--home .navigation .nav-holder .menu-toggle a span,.brand-header--home .navigation .nav-holder .menu-toggle a span:after,.brand-header--home .navigation .nav-holder .menu-toggle a span:before{background:var(--ui-03)}.brand-header--home.scrolled{background-color:rgba(0,0,0,)}.brand-header--home.scrolled .nav-frame{display:block}.brand-header--home.scrolled .nav-frame .menu .menu-root-item>a{color:var(--text-01)}@media screen and (max-width:768px){.brand-header--home.scrolled .nav-frame{display:none}}.brand-header--home.scrolled .demo{display:block}.brand-header--home.scrolled:hover{background-color:var(--ui-04)}@media (--screen-xxl ){.template--level-2 .brand-header .navigation .logo{margin-left:2rem}}@keyframes in{0%{left:0;right:auto;width:0}to{left:0;right:auto;width:100%}}@keyframes out{0%{left:auto;right:0;width:100%}to{left:auto;right:0;width:0}}