.emp-Header--home{background-color:var(--brand-primary);box-shadow:none;transition:all .2s cubic-bezier(.55,.085,.68,.53);& .link{color:var(--color-background);text-decoration:none;padding:0 1rem;font-size:.875rem;font-weight:800;transition:background-color .2s,color .2s;position:relative}&.has-scrolled{background-color:var(--color-background);box-shadow:var(--shadow-md);& .link{color:var(--brand-primary)}& .header-logo{height:1.75rem;transition:all .2s cubic-bezier(.55,.085,.68,.53)}}}.emp-Header:not(.emp-Header--home){background-color:var(--brand-accent);box-shadow:var(--shadow-md);& .link{color:var(--brand-accent);text-decoration:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s,color .2s;position:relative;&:after{content:"";display:block;position:absolute;bottom:-.875rem;left:0;width:100%;height:100%;background-color:transparent;border-bottom-width:0;transition:border-width .2s cubic-bezier(.175,.885,.32,1.275)}&:hover{color:var(--brand-accent);&:after{border-bottom-width:.375rem;border-bottom-color:var(--brand-accent)}}}@media (max-width:768px){.mobile-nav-link{position:relative;&:after{display:none}&:hover{background-color:rgba(243,244,246,1);color:var(--color-indigo-700)}}}}@media (max-width:768px){.mobile-menu-enter{opacity:0;transform:translateY(-10px)}.mobile-menu-enter-active{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.mobile-menu-enter-active,.mobile-menu-exit{opacity:1;transform:translateY(0)}.mobile-menu-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease-in-out,transform .2s ease-in-out}}