.nav-header{align-items:center;backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.75);border-bottom:1px solid #dcdcdc;box-sizing:border-box;display:flex;height:var(--top-header-distance);justify-content:space-between;left:0;padding:0 var(--container-size);position:fixed;right:0;top:0;transform:translateY(-100%);transition:all .3s;z-index:65}.nav-header .open-nav-menu{background-color:transparent;border:none;color:#484848;cursor:pointer;font-size:16px;font-weight:300;outline:none;padding:0;position:relative;text-align:left;transition:opacity .2s linear}.nav-header .open-nav-menu:after{border:solid #484848;border-width:0 2px 2px 0;content:"";left:calc(100% + 12px);padding:3px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);transition:transform .15s ease-in-out}.nav-header.nav-opened .open-nav-menu:after{transform:rotate(-135deg)}.nav-header .nav-items{background-color:#fafafa;box-sizing:border-box;height:calc(100vh - var(--top-header-distance));left:0;list-style:none;margin:0;opacity:0;padding:18px var(--container-size);pointer-events:none;position:absolute;top:var(--top-header-distance);transition:opacity .2s ease-out;width:100%}.nav-header.nav-opened .nav-items{opacity:1;pointer-events:all}.nav-header .nav-items .nav-item{border-bottom:2px solid #5274ff00;font-size:16px;padding:18px 0;transition:border-color .2s ease-out}.nav-header .nav-items .nav-item-link{align-items:center;color:#484848;display:flex;height:100%;transition:color .2s ease-out}@media (min-width:1200px){.nav-header .open-nav-menu{display:none}.nav-header .nav-items{background-color:transparent;display:flex;flex-basis:0;flex-grow:1;height:100%;opacity:1;padding:0;pointer-events:all;position:static}.nav-header .nav-items .nav-item{margin-right:64px;padding:0}.nav-header .nav-items .nav-item:hover{border-bottom:2px solid #5274ff}.nav-header .nav-items .nav-item:last-of-type{margin-right:0}.nav-header .nav-items .nav-item-link:hover{color:#141414}}.nav-header .contact-cta{background-color:#5274ff;border:none;border-radius:24px;box-shadow:0 0 0 1px #5274ff;box-sizing:border-box;color:#f5f5f7;cursor:pointer;margin-left:12px;padding:12px 26px;transition:all .25s linear;width:180px;z-index:2}.nav-header .contact-cta:hover{background-color:#6b88ff}.nav-header .contact-cta:active{background-color:#5274ff}@media (min-width:1200px){.nav-header .contact-cta{margin-left:24px;padding:10px 17px}}