.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);align-items:center;gap:1.2rem;margin:0 auto;padding:0 2.4rem;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-nav{align-items:center;display:flex}.header-menu-toggle{border:1px solid var(--mobile-menu-button-border);background:var(--mobile-menu-button-bg);width:4.6rem;height:4.6rem;transition:var(--transition);color:var(--mobile-menu-text);border-radius:999px;justify-content:center;align-items:center;padding:0;display:none}.header-menu-toggle:hover{background:var(--mobile-menu-button-bg-hover)}.header-menu-toggle:active{transform:scale(.96)}.hamburger-lines{flex-direction:column;justify-content:space-between;width:2.2rem;height:1.4rem;display:inline-flex}.hamburger-line{width:100%;height:2px;transition:transform var(--mobile-menu-transition),opacity var(--mobile-menu-transition);transform-origin:50%;background:currentColor;border-radius:999px}.header.menu-open .hamburger-line.line-1{transform:translateY(6px)rotate(45deg)}.header.menu-open .hamburger-line.line-2{opacity:0}.header.menu-open .hamburger-line.line-3{transform:translateY(-6px)rotate(-45deg)}.mobile-menu-overlay{background:var(--mobile-menu-overlay);opacity:0;pointer-events:none;transition:opacity var(--mobile-menu-transition);position:fixed;inset:0}.mobile-menu-overlay[data-open=true]{opacity:1;pointer-events:auto}.mobile-menu{top:var(--mobile-menu-top);background:var(--mobile-menu-bg);width:min(32rem,100% - 4.8rem);color:var(--mobile-menu-text);padding:var(--mobile-menu-padding);border-radius:var(--mobile-menu-radius);box-shadow:var(--mobile-menu-shadow);gap:var(--mobile-menu-gap);opacity:0;pointer-events:none;transition:transform var(--mobile-menu-transition),opacity var(--mobile-menu-transition);flex-direction:column;display:flex;position:fixed;right:2.4rem;transform:translate(120%)}.mobile-menu[data-open=true]{opacity:1;pointer-events:auto;transform:translate(0)}.mobile-menu-link{color:inherit;text-transform:uppercase;letter-spacing:.08em;transition:var(--transition);border-radius:999px;padding:1.2rem 1.6rem;font-weight:600;display:block}.mobile-menu-link:hover{background:var(--pink--dark);color:var(--secondary-dark)}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header.home{background-color:var(--secondary-dark)}.header.bio{background-color:var(--bg)}.header.bio .header-menu-toggle{color:var(--bg);border-color:var(--secondary-light);background:var(--secondary-light)}.header.bio .header-link{color:var(--secondary-dark)}.header.bio .header-link:hover{color:var(--bg)}.header.bio .header-logo{color:var(--secondary-dark)}.header.bio .directional-btn .bg{background:var(--secondary-light)}.header.bio .logo-letter:before,.header.bio .logo-letter:after{background:var(--bg)}.header.about .header-logo{color:var(--pink)}.header.about .logo-letter:before,.header.about .logo-letter:after{background:var(--secondary-dark)}@media (max-width:768px){.header-nav{display:none}.header-menu-toggle{display:inline-flex}.header-link .link-text{padding:1.2rem 1.6rem}}@media (min-width:769px){.mobile-menu,.mobile-menu-overlay,.header-menu-toggle{display:none}}