/* Portfolio primitives use the same tokens as Naeem Dashboard. */
.nd-portfolio{background:#fff;color:var(--nd-color-ink);font-family:var(--nd-font-sans)}
.nd-portfolio *, .nd-portfolio *::before, .nd-portfolio *::after{box-sizing:border-box}
.nd-portfolio :is(a,button,summary):focus-visible{outline:2px solid #626c35!important;outline-offset:4px}
.nd-portfolio ::selection{background:var(--nd-color-accent);color:#252522}
.portfolioBrand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#252522!important;font:400 18px/1.15 var(--nd-font-sans);letter-spacing:-.03em}
.portfolioBrand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--nd-color-accent);font-size:23px;font-weight:400}
.portfolioBrand small{display:block;color:#656560;font-size:12px;letter-spacing:.02em;margin-top:2px}
.nd-line-icon{display:inline-flex;flex-shrink:0;color:#7b7b75}.nd-line-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;fill:none}
.nd-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 15px;border:1px solid #dededb;border-radius:var(--nd-radius-control);background:white;color:#252522;font:400 14px/1.2 var(--nd-font-sans);text-decoration:none;transition:background .2s,transform .2s}
.nd-pill:hover{background:var(--nd-color-accent);transform:translateY(-1px)}
@keyframes nd-reveal-up{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.nd-reveal-in{animation:nd-reveal-up .6s var(--nd-ease-standard) backwards}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}