@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@700&family=JetBrains+Mono:wght@400&display=swap');
.header.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;padding:22px 36px;border:0;background:#061b20;color:#f6f5e9}
.header.site-header .wordmark{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto;font:700 20px/.88 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:-.035em;text-align:right;text-transform:uppercase;white-space:nowrap;color:inherit;text-decoration:none}
.header.site-header .wordmark span{display:block}
.header.site-header .wordmark span+span{margin-top:2px}
.header.site-header nav{display:flex;align-items:center;flex-wrap:nowrap;font:400 14px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.header.site-header nav a,.header.site-header nav .tour-trigger{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:10px 18px;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;cursor:pointer}
.header.site-header nav .accent{padding-right:0;background:none;color:inherit}
.header.site-header nav a:hover,.header.site-header nav .tour-trigger:hover{text-decoration:underline;text-underline-offset:4px}
.header.site-header a:focus-visible,.header.site-header button:focus-visible{outline:2px solid #f6f5e9;outline-offset:4px}
@media(max-width:900px){.header.site-header{padding:20px 24px}}
@media(max-width:720px){
 .header.site-header{gap:20px;padding:14px 20px}
 .header.site-header nav{flex:1;min-width:0;justify-content:space-between;gap:6px;font:700 clamp(12px,3.5vw,14px)/1 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:.015em}
 .header.site-header nav a,.header.site-header nav .tour-trigger{min-height:44px;padding:10px 0}
 .header.site-header nav .tour-trigger{display:none}
}
@media(max-width:540px){.header.site-header{padding:12px 14px}.header.site-header .wordmark{font-size:18px}}
@media(max-width:480px){.header.site-header{gap:24px}.header.site-header nav{flex-basis:auto;gap:4px;font-size:clamp(10px,3vw,12px);letter-spacing:0}}
@media(max-width:360px){.header.site-header{padding-inline:10px;gap:20px}.header.site-header .wordmark{font-size:16px}}