header{position:sticky;top:0;width:100vw;padding:calc(var(--gap-small) - 8px) var(--gap-small);@media (min-width:768px){padding:calc(var(--gap-small) - 4px) var(--gap-small)}@media (min-width:1024px){padding:var(--gap-small)}border-bottom:1px solid rgba(var(--white-rgb),.75);background:var(--white);box-shadow:0 2px 5px hsla(0,0%,61%,.2);backdrop-filter:blur(2px);transition:none;z-index:9998;letter-spacing:.5px;.container{margin:0 auto;max-width:none;.inner{display:flex;justify-content:space-between;align-items:center;height:2.5rem;@media (min-width:768px){height:3rem}@media (min-width:1024px){height:3.25rem}@media (min-width:1536px){height:3.5rem}[rel=home]{overflow:hidden;flex:1;display:block;height:100%;max-width:calc(100% - var(--gap-small) * 2)}nav{ul{list-style:none;display:flex;justify-content:flex-end;align-items:center;padding:0;margin:0;li{display:flex;align-items:center;font-size:16px;@media (min-width:992px){font-size:16px}@media (min-width:1280px){font-size:17px}@media (min-width:1536px){font-size:18px}transition:font-size .25s;color:var(--primary);&:nth-child(2){color:var(--secondary)}&:nth-child(3){color:var(--orange)}@media (min-width:1024px){margin-left:var(--gap-small)}@media (min-width:1280px){margin-left:var(--gap-small)}.a,a{text-decoration:none!important;font-size:inherit;font-weight:500;color:inherit;&:active,&:hover{color:inherit}}}}}}}}@media (min-width:1024px){.home header nav ul li:not(.lang){margin-left:var(--gap-small)}}.page:not(.scrolled) header{border-bottom:1px solid rgba(var(--grey-rgb),.5)}@media (min-width:768px){header{nav{&:not(.open){li.cta{transition:none;overflow:hidden;max-width:0;padding:0;margin:0;a{opacity:0;margin:0;&:hover{border-color:var(--blue);background-color:var(--blue);color:var(--white)!important}}}}}}.page header nav:not(.open) li.cta,.scrolled header nav:not(.open) li.cta{max-width:250px;padding-left:var(--gap-very-small)}.scrolled header nav:not(.open) li.cta{transition:max-width .75s}.page header nav:not(.open) li.cta a,.scrolled header nav:not(.open) li.cta a{opacity:1}.scrolled header nav:not(.open) li.cta a{transition:opacity .25s;transition-delay:.5s,0s,0s}}header{nav{li.lang{padding-right:0;margin-left:calc(var(--gap-small) / 2);text-transform:uppercase;&.active{display:block;&:after{display:block;content:"";color:var(--white)!important;border-bottom:1px dotted var(--white);pointer-events:none;transform:scaleX(1);transform-origin:100% 50%;transition:transform .25s ease-in-out}}}li.cta+li.lang{margin-left:var(--gap-small)}}}@media (min-width:768px){.scrolled header nav li.lang.active:after{border-bottom:1px dotted var(--secondary)}}@media (min-width:1024px){header{ul{li{&.active .a,&.active a,&.locked .a,&.locked a{color:var(--blue)}.a:after,a:after{display:block;content:"";border-bottom:1px solid var(--blue);transform:scaleX(0);transform-origin:100% 50%;transition:transform .25s ease-in-out}&.active .a:after,&.active a:after,&.locked .a:after,&.locked a:after,.a:hover:after,a:hover:after{transform:scaleX(1);transform-origin:0 50%}.a:hover:after,a:hover:after{border-bottom:1px solid var(--blue)}}}}.scrolled header ul li .a:after,.scrolled header ul li a:after{border-bottom:1px solid var(--blue)}}@media (max-width:1023.9px){header nav{visibility:visible;position:absolute;top:0;left:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;transform:translateY(100%);background:rgba(var(--primary-rgb),0);transition:transform .25s ease,background .25s ease;transition-delay:.5s;ul{flex-direction:column;align-items:center;li{transition:transform 1s ease,opacity .25s ease;transition-delay:.25s;opacity:0;transform:translateY(100%);margin:0 0 var(--gap-medium) 0;&.service:not(:nth-child(5)){margin-bottom:var(--gap-small)}&.lang{margin-left:0!important}color:hsla(0,0%,100%,.3)!important;.a,a{color:var(--white)!important}}}&.open{transform:translateY(0);background:rgba(var(--primary-rgb),.9);transition-delay:0s;color:var(--white)!important;.button-secondary-line{border:1px solid var(--white);color:var(--white)}li{transition:transform .25s ease,opacity .25s ease;opacity:1;transform:translateY(0);&.cta span{color:var(--secondary)!important;border-color:var(--white)!important;background:var(--white)!important;font-size:inherit;padding:8px 17px 10px 15px}&:first-child{transition-delay:.3s}&:nth-child(2){transition-delay:.35s}&:nth-child(3){transition-delay:.45s}&:nth-child(4){transition-delay:.5s}&:nth-child(5),&:nth-child(6){transition-delay:.55s}}}}}header{.container{transition:margin .25s ease;>div{width:100%;.logo{height:100%;max-height:500px;transform-origin:left center;transition:transform .25s ease;transform:scale(.9);@media (min-width:1280px){transform:scale(1)}}}}}@media (min-width:768px){.scrolled header{.container{margin-top:-8px;margin-bottom:-8px;>div{.logo{transform:scale(.8)}}}}}.navToggle{padding:10px 8px;margin:-10px -8px;display:block;@media (min-width:1024px){display:none}&.open{z-index:999;span:first-child{transform:rotate(45deg) translate(5px,4px)}span:nth-child(2){opacity:0}span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}}span{background:var(--primary);transition:all .25s ease-in-out;display:block;width:22px;height:2px;+span{margin-top:4px}}}nav.open+.navToggle span{background:var(--white)}.scrolled .navToggle span{background:var(--primary)}