/* ============================================================
   bargiel.AI — Proof: product-shot media zone on each case card.
   Brand product-shot graphics (light ground, already composed)
   sit as the top "media" row of the card.
   ============================================================ */

.proof-shot{
  position:relative;overflow:hidden;
  background:#EEF0F8;border-bottom:1px solid var(--line);
  aspect-ratio:16 / 10;
}
.proof-shot img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center top;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.proof:hover .proof-shot img{transform:scale(1.03)}

/* sized placeholder (handoff) — real graphic dropped in later */
.proof-shot-ph{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  background:
    linear-gradient(135deg, rgba(79,70,229,0.04), rgba(124,58,237,0.05)),
    #EEF0F8;
  text-align:center;padding:18px;
}
.proof-shot-ph::before{
  content:"";position:absolute;inset:14px;border:1.5px dashed rgba(11,17,51,0.18);border-radius:8px;
}
.ph-ico{position:relative;color:var(--accent);opacity:0.85;line-height:0}
.ph-ico svg{width:30px;height:30px;display:block}
.ph-dim{
  position:relative;font-family:var(--fd);font-weight:800;font-size:1.5rem;letter-spacing:-0.01em;
  color:var(--ink);line-height:1;
}
.ph-meta{
  position:relative;font-family:var(--fm);font-size:11px;font-weight:500;letter-spacing:0.08em;
  color:var(--mu);text-transform:none;
}

@media (prefers-color-scheme: dark){
  .proof-shot{background:#0A0F26;border-bottom-color:rgba(255,255,255,0.08)}
  .proof-shot-ph{background:linear-gradient(135deg, rgba(124,58,237,0.10), rgba(79,70,229,0.06)),#0A0F26}
  .proof-shot-ph::before{border-color:rgba(255,255,255,0.16)}
  .ph-dim{color:#EDF0FD}
}