:root{--nav-h:64px;--nav-taken:calc(var(--nav-h) - 40.4375px)}.site-head{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--nav-h);padding:0 var(--margin) 0 calc(var(--axis) + 24px);border-bottom:1px solid var(--grid)}.lockup{display:inline-flex;flex:none;align-items:center;font-size:17px;gap:0.4em;color:inherit;text-decoration:none}.lockup svg{flex:none;width:2em;height:2em;margin-top:-0.08em}.wordmark{font:700 1em/1 var(--display);letter-spacing:-0.02em;-webkit-font-smoothing:auto}.site-head nav{display:flex;flex:none;align-items:center;gap:24px}.site-head nav a{font:400 14px/20px var(--sans);color:var(--muted);text-decoration:none;white-space:nowrap}.site-head nav a:hover{color:var(--text)}.site-head nav .nav-button,.site-head nav .nav-button:hover,.site-head nav .nav-button[aria-current="page"]{color:var(--accent)}.site-head .nav-button{display:inline-flex;align-items:center;height:36px;padding:0 14px;font-weight:600;background:#ff127b;border:1px solid #ff127b;border-radius:4px;transition:border-color 100ms ease-out}.site-head .nav-button:hover{border-color:var(--accent)}.site-head a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:900px){:root{--nav-h:56px}}@media (max-width:374px){.site-head nav{gap:12px}.site-head .nav-button{padding:0 10px}}@media (max-width:342px){.site-head{padding-left:24px}}@media (max-width:304px){.wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}