.header{background-color:var(--secondary-dark);z-index:var(--zindex-header);transition:var(--transition);position:sticky;top:0}.header .header-container{max-width:var(--container-xl);margin:0 auto;display:flex}.header.header-scrolled,.contact-page .header{box-shadow:0 2px 4px #0000001a}.header-link,.header-logo{color:var(--pink)}.header-link{text-transform:uppercase;transition:var(--transition);display:block;position:relative;overflow:hidden}.header-link:hover{color:var(--secondary-dark)}.directional-btn{position:relative;overflow:hidden}.directional-btn .bg{background:var(--pink);pointer-events:none;width:100%;height:100%;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;transform:translate(0)translateY(0)}.directional-btn:not(.hovered) .bg{transform:translate(101%)translateY(0)}.directional-btn.preparing .bg{will-change:transform;transition:none}.directional-btn.enter-top .bg{transform:translateY(-101%)}.directional-btn.enter-bottom .bg{transform:translateY(101%)}.directional-btn.enter-left .bg{transform:translate(-101%)}.directional-btn.enter-right .bg{transform:translate(101%)}.directional-btn.hovered .bg{opacity:1;transform:translate(0)translateY(0)}.directional-btn.exit-top .bg{transform:translateY(-101%)}.directional-btn.exit-bottom .bg{transform:translateY(101%)}.directional-btn.exit-left .bg{transform:translate(-101%)}.directional-btn.exit-right .bg{transform:translate(101%)}.link-text{padding:1.5rem 2rem;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:relative}.header-link.enter .hover-bg,.header-link .hover-bg{opacity:1}.header-logo{margin-right:auto}.header.home{background-color:var(--secondary-dark)}.header.about{background-color:var(--bg)}.header.about .header-link{color:var(--secondary-dark)}.header.about .header-link:hover{color:var(--bg)}.header.about .header-logo{color:var(--secondary-dark)}.header.about .directional-btn .bg{background:var(--secondary-light)}.header.about .logo-letter:before,.header.about .logo-letter:after{background:var(--bg)}