.nav{background:0 0;transition:transform .3s,background-color .25s,box-shadow .25s;position:fixed;left:0;right:0}.nav.nav-hidden{transform:translateY(-100%)}.nav.nav-lifted{background:var(--co-cream);box-shadow:0 2px 18px #2b2b2b1a}.nav-logo img{transition:filter .25s}.nav:not(.nav-open):not(.nav-lifted) .nav-logo img{filter:brightness(0)invert()}.nav:not(.nav-open):not(.nav-lifted) .nav-links{color:#ffffffeb}.nav:not(.nav-open):not(.nav-lifted) .nav-links a:hover{color:#fff;background:#ffffff24}.nav:not(.nav-open):not(.nav-lifted) .nav-links a.active{color:#fff;background:#ffffff2e}.nav:not(.nav-open):not(.nav-lifted) .nav-lang{color:#ffffffb8}.nav:not(.nav-open):not(.nav-lifted) .nav-lang-pill{color:#ffffffeb;border-color:#ffffff73}.nav:not(.nav-open):not(.nav-lifted) .nav-lang-pill:hover{color:#fff;border-color:#ffffffd9}.nav:not(.nav-open):not(.nav-lifted) .nav-burger span{background:#fff}.nav:not(.nav-open):not(.nav-lifted) .nav-cta{background:var(--co-cream);color:var(--co-black)}.nav:not(.nav-open):not(.nav-lifted) .nav-cta:hover{background:#fff}.nav.nav-open{background:var(--co-cream)}