.snav{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;gap:14px;padding:16px 30px;transition:background-color var(--t) var(--ease),box-shadow var(--t) var(--ease),padding var(--t) var(--ease);font-family:var(--font-ui,"Hanken Grotesk",sans-serif)}.snav.is-solid{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 1px 0 var(--line);padding:11px 30px}.snav a{text-decoration:none}.snav-brand{gap:11px;font:700 20px/1 var(--font-display,"Bricolage Grotesque",sans-serif);letter-spacing:-.03em;color:var(--ink)}.snav-brand,.snav-links{display:flex;align-items:center}.snav-links{margin-left:auto;gap:24px}.snav-links a{color:var(--ink2);font-size:14.5px;font-weight:600;white-space:nowrap;transition:color var(--t-fast) var(--ease)}.snav-links a:hover{color:var(--ink)}.snav .snav-join{height:42px;padding:0 19px;border-radius:11px;background:var(--ink);color:var(--bg);display:inline-flex;align-items:center;gap:9px;box-shadow:var(--sh-sm);transition:transform var(--t) var(--spring),box-shadow var(--t) var(--ease)}.snav .snav-join:hover{color:var(--bg);transform:translateY(-1px);box-shadow:var(--sh-md)}.snav :focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}@media (max-width:760px){.snav,.snav.is-solid{padding:12px 16px}.snav-links{gap:16px}.snav-links a:not(.snav-join):not([href="/login"]):not([href="/studio"]){display:none}.snav .snav-join{height:38px;padding:0 14px;font-size:13.5px}}@media (max-width:360px){.snav-brand{font-size:18px;gap:8px}.snav-links{gap:12px}.snav-links a{font-size:13.5px}.snav .snav-join{padding:0 12px;font-size:13px}}