.site-header-slot{height:76px}.site-header{width:min(1180px,calc(100% - 40px));height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,35,29,.16)}.site-header-slot.is-sticky .site-header{position:fixed;top:0;left:50%;z-index:40;background:hsla(45,37%,94%,.96);box-shadow:0 4px 0 rgba(23,35,29,.1);transform:translateX(-50%);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--surface);font:700 11px/1 var(--font-mono,ui-monospace),monospace;transform:rotate(-3deg);border-radius:4px}.site-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.site-nav a:not(.nav-cta):hover{color:var(--accent-dark)}.nav-cta{padding:11px 17px;border:1px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}.nav-cta:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}@media (max-width:800px){.site-nav a:not(.nav-cta){display:none}}@media (max-width:520px){.site-header-slot{height:68px}.site-header{width:min(100% - 28px,1180px);height:68px}.nav-cta{padding:9px 12px}}