/* Sticky header with the sound toggle. */
.nav{position:sticky;top:0;z-index:5;background:var(--ink);border-bottom:1px solid var(--line);transition:background .3s}
.nav-in{display:flex;justify-content:space-between;align-items:center;height:56px;transition:height .3s}
.nav.small{background:rgba(18,17,16,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav.small .nav-in{height:42px}
.brand{color:var(--bone);text-decoration:none;font-weight:600;font-size:14px}
.nav nav{display:flex;align-items:center;gap:22px}.nav a{color:var(--dim);text-decoration:none;font-size:14px}.nav a:hover,.nav a.on{color:var(--bone)}.nav a.on{box-shadow:inset 0 -1px var(--sig)}
.snd{background:none;border:1px solid var(--line);color:var(--dim);font-size:11px;padding:4px 8px;cursor:pointer}.snd[aria-pressed=true]{color:var(--sig);border-color:var(--sig)}
@media(max-width:520px){.nav nav{gap:16px}.nav a{font-size:13px}.snd{display:none}}