/* Shared navigation on every page. */
.site-nav{position:relative;top:auto;left:auto;right:auto;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0;opacity:1;animation:none;border-bottom:1px solid rgba(180,220,235,.22);background:rgba(3,8,14,.6)}
.hero>.site-nav{position:absolute;top:0;left:0;right:0}
.site-nav a{display:block;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.5;letter-spacing:.05em;color:#edf5f7;text-decoration:none;padding:18px 10px;border-right:1px solid rgba(180,220,235,.22);transition:background .2s,color .2s}
.site-nav a:last-child{border-right:0}.site-nav a:hover,.site-nav a[aria-current=page]{background:rgba(183,233,238,.12);color:#b7e9ee}
.site-nav a:focus-visible{outline:2px solid #b7e9ee;outline-offset:-4px}
@media(max-width:540px){.site-nav a{font-size:10px;padding:17px 5px}}
@media(prefers-reduced-motion:reduce){.site-nav a{transition:none}}