:root{--bg:#050505;--bg2:#0f0e0b;--fg:#f3ecd8;--mut:#9a9180;--line:#2a2518;--acc:#d4af37;--acc2:#f5d98a;color-scheme:dark;
--f-sans:'Space Grotesk',system-ui,sans-serif;--f-mono:'IBM Plex Mono',ui-monospace,monospace}
.site-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);font-family:var(--f-sans)}
.site-nav .in{max-width:1120px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:58px}
.site-nav .logo{font-weight:700;font-size:22px;letter-spacing:-.5px;color:var(--fg);text-decoration:none}
.site-nav .logo b{background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.site-nav .logo span{font:500 12px var(--f-mono);letter-spacing:3px;color:var(--acc);margin-left:8px;vertical-align:middle}
.site-nav .nr{display:flex;gap:18px;align-items:center;font-size:14px}
.site-nav .nr a{color:var(--mut);text-decoration:none}
.site-nav .nr a:hover,.site-nav .nr a.on{color:var(--acc)}
.site-nav .lang{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.site-nav .lang button{border:0;background:none;color:var(--mut);padding:4px 8px;cursor:pointer;font:500 12px var(--f-mono)}
.site-nav .lang button.on{background:var(--acc);color:#0a0800}
[data-en],[data-nl]{display:none}
html[lang="en"] [data-tr],html[lang="nl"] [data-tr]{display:none}
html[lang="en"] [data-en],html[lang="nl"] [data-nl]{display:revert}
@media (max-width:860px){.site-nav .nr a:not(.on){display:none}}
[hidden]{display:none!important}