/* Global portfolio navigation: independent of every project palette. */
body[data-project] { padding-top:64px; }
.site-nav {
  position:fixed; inset:0 0 auto; z-index:50; width:100%; height:64px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  margin:0; padding:0 clamp(24px,5vw,80px); border:0;
  background:linear-gradient(180deg,rgba(12,13,14,.94),rgba(12,13,14,.75));
  color:#f4efe6; font:14px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.02em; text-transform:none; backdrop-filter:blur(14px);
}
.site-nav .site-brand {
  margin:0; padding:0; color:#f4efe6; font:inherit; font-weight:760;
  letter-spacing:.04em; text-decoration:none; white-space:nowrap;
}
.site-nav .site-nav-links { display:flex; align-items:center; gap:28px; }
.site-nav .site-nav-links a {
  display:block; margin:0; padding:0; color:#d6d0c7; font:inherit;
  letter-spacing:inherit; text-transform:none; text-decoration:none;
  background:none; border:0; border-radius:0; white-space:nowrap;
}
.site-nav .site-nav-links a:last-child,.site-nav .site-nav-links a:hover { color:#b7f84b; }
.site-nav a:focus-visible { outline:2px solid #b7f84b; outline-offset:5px; }
@media(max-width:760px) {
  body[data-project] { padding-top:56px; }
  .site-nav { height:56px; padding:0 20px; font-size:12px; gap:12px; }
  .site-nav .site-nav-links { gap:14px; }
}
@media(max-width:400px) {
  .site-nav { padding:0 14px; gap:10px; }
  .site-nav .site-nav-links { gap:10px; font-size:11px; }
}