/* Project actions: one clear, generous target with a secondary destination badge. */
.portfolio .project-card .project-link{
  display:inline-flex;align-items:center;justify-content:space-between;gap:18px;
  min-height:48px;max-width:100%;padding:13px 17px 13px 20px;margin-top:auto;
  border:1px solid #29465b;border-radius:9px;background:#142b40;color:#fff9ed;
  font-size:12px;font-weight:600;line-height:1.45;text-decoration:none;
  box-shadow:inset 3px 0 0 #e8b967,0 5px 13px #14233320;
  transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
.portfolio .project-card .project-link>span{
  flex:0 0 auto;padding:5px 7px;border-radius:4px;background:#ffffff0d;
  color:#ffdaa2;font-size:7px;font-weight:500;line-height:1.4;letter-spacing:.65px;
}
.portfolio .project-card .project-link:hover{
  background:#244b68;color:#fff;border-color:#cca25e;transform:translateY(-2px);
  box-shadow:inset 3px 0 0 #ffd58e,0 8px 17px #14233330;
}
.portfolio .project-card .project-link:active{transform:translateY(0)}
.portfolio .project-card .project-link:focus-visible{outline:3px solid #b97920;outline-offset:4px}
@media(max-width:760px){.portfolio .project-card .project-link{width:100%;gap:12px;padding:13px 13px 13px 17px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.portfolio .project-card .project-link{transition:none}.portfolio .project-card .project-link:hover{transform:none}}