/* V13: optical b–m ligature lives in the SVG itself. Only unobtrusive portfolio ribbons here. */
.card-thumb { position: relative; }
.project-ribbon {
 position:absolute; top:19px; right:19px; z-index:4;
 display:inline-flex; align-items:center; gap:9px;
 max-width:calc(100% - 175px); padding:10px 12px;
 background:rgba(12,12,12,.93); border:1px solid rgba(255,255,255,.10);
 border-radius:4px; color:#fff; line-height:1.15;
 font-size:10px; font-weight:650; letter-spacing:.095em;
 text-transform:uppercase; white-space:nowrap;
 box-shadow:0 6px 18px rgba(0,0,0,.11); pointer-events:none;
}
.project-ribbon::before { content:""; display:block; width:4px; height:4px; flex:0 0 4px;
  background:var(--accent,#E86A3A); border-radius:50%; }
@media(max-width:800px){
 .project-ribbon {top:auto;right:13px;bottom:13px;max-width:calc(100% - 26px);
   font-size:9px; padding:8px 10px; }
}

/* V17 — hero side photo is intentionally static, using the supplied photograph as-is. */
.mini-case-photo{cursor:default;}