#portfolio-project-nav{position:sticky;top:0;z-index:5;box-sizing:border-box;background:#211720f5;border-bottom:1px solid #614451;color:#f8eff2;padding:12px max(16px,env(safe-area-inset-left));font:500 14px/1.4 system-ui,sans-serif;backdrop-filter:blur(14px)}
#portfolio-project-nav .portfolio-nav-inner{display:flex;align-items:center;gap:8px;max-width:1200px;margin:0 auto;flex-wrap:wrap}
#portfolio-project-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;box-sizing:border-box;color:#f8eff2;background:transparent;border:1px solid transparent;border-radius:10px;text-decoration:none;font:inherit;letter-spacing:normal;transition:background .2s,border-color .2s}
#portfolio-project-nav .portfolio-back{margin-right:auto;border-color:#9b7889}
#portfolio-project-nav a:hover{background:#4a263a;border-color:#9b7889}
#portfolio-project-nav a:focus-visible{outline:2px solid #d3a66f;outline-offset:3px}
@media(max-width:480px){#portfolio-project-nav{padding:8px 10px}#portfolio-project-nav a{padding:10px 11px}#portfolio-project-nav .portfolio-nav-inner{gap:2px}}
@media(prefers-reduced-motion:reduce){#portfolio-project-nav a{transition:none}}