.portfolio-nav{position:absolute;top:24px;right:clamp(16px,3vw,40px);z-index:10;display:flex;align-items:center;gap:10px}
.portfolio-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border:1px solid #bdd5fa;border-radius:12px;background:#eff6ff;color:#1e40af;font:600 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em;text-decoration:none;box-shadow:0 4px 14px #16386b24;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.portfolio-nav a:hover{background:#dbeafe;border-color:#93baf5;box-shadow:0 6px 18px #16386b33;transform:translateY(-1px)}.portfolio-nav .portfolio-nav-blog{background:#2563eb;border-color:#2563eb;color:#fff}.portfolio-nav .portfolio-nav-blog:hover{background:#1d4ed8;border-color:#1d4ed8}.portfolio-nav a:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #1d4ed8}.portfolio-nav a:active{transform:translateY(0)}
@media(max-width:600px){.portfolio-nav{top:16px;right:16px;gap:8px}.portfolio-nav a{padding:10px 17px}}
@media(prefers-reduced-motion:reduce){.portfolio-nav a{transition:none;transform:none}}