.site-header{z-index:100;width:100%;max-width:1560px;transition:transform .3s;position:fixed;top:0;left:50%;transform:translate(-50%)}.site-header.header-hidden{transform:translate(-50%,-100%)}.header-bar{justify-content:space-between;align-items:center;height:42px;padding:6px 20px;display:flex}.brand{color:#777;padding:4px 6px 4px 0;transition:color .2s}.brand:hover{color:#111}.desktop-navigation{align-items:center;gap:24px;display:flex}.nav-items{gap:12px;display:flex}.nav-link{color:#777;border-radius:2px;padding:6px;transition:background .2s,color .2s}.nav-link:hover{color:#111;background:#f1f1f1}.project-button{color:#fff;white-space:nowrap;background:#111;border-radius:4px;align-items:center;gap:10px;width:max-content;height:30px;padding:6px;transition:background .2s;display:inline-flex}.button-icon{color:#111;background:#f1f1f1;border-radius:2px;width:18px;height:18px;display:block;overflow:hidden}.button-icon svg{transition:transform .25s}.project-button:hover{background:#444}.project-button:hover svg{transform:translate(1px,-1px)}.menu-toggle,.mobile-navigation{display:none}@media (max-width:809px){.header-bar{height:60px;padding:16px}.desktop-navigation{display:none}.menu-toggle{color:#777;background:0 0;border:0;padding:4px 0;display:block}.site-header.menu-open{background:#f1f1f1;height:100dvh;overflow-y:auto}.mobile-navigation{visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;width:100%;padding:0 16px 40px;transition:opacity .25s,transform .3s,visibility .3s;display:flex;position:absolute;top:60px;left:0;transform:translateY(8px)}.menu-open .mobile-navigation{visibility:visible;opacity:1;pointer-events:auto;transform:none}.mobile-navigation nav{flex-direction:column;gap:4px;display:flex}.mobile-navigation nav a{font:500 32px/44px var(--sans);letter-spacing:-.06em}.mobile-socials{font:500 20px/32px var(--sans);letter-spacing:-.02em;flex-direction:column;gap:10px;margin:26px 0 32px;display:flex}.mobile-socials a:hover{opacity:.5}}