/* ============================================================
   VAYADIGI — case study template additions
   ============================================================ */

.crumb{
  padding-top:96px;display:flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:.8125rem;color:var(--faint);
}
.crumb a{color:var(--muted);transition:color .25s var(--ease-micro)}
.crumb a:hover{color:var(--accent)}

.case-hero{padding-block:clamp(32px,5vw,64px) var(--sec-pad)}
.case-hero .overline{margin-bottom:var(--s-4)}
.case-hero h1{margin-bottom:var(--s-5)}
.case-outcome{max-width:60ch;color:var(--muted);font-size:1.125rem;margin-bottom:var(--s-6)}
.case-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--line)}
.case-meta .field{display:flex;flex-direction:column;gap:4px}
.case-meta .field-label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.case-meta .field-val{font-size:var(--fs-small);color:var(--text)}
.case-meta .live-cta{margin-left:auto}

.case-full{border-radius:0;overflow:hidden;background:var(--surface);max-height:140vh}
.case-full img{width:100%;display:block}

.case-prose{max-width:var(--prose);margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);padding-block:var(--sec-pad)}
.case-prose .block h3{margin-bottom:var(--s-4);color:var(--accent)}
.case-prose .block p{color:var(--muted)}

.case-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-5);margin-bottom:var(--sec-pad)}

.case-combo{
  display:flex;align-items:flex-end;justify-content:center;gap:clamp(-40px,-4vw,-10px);
  margin-bottom:var(--sec-pad);flex-wrap:wrap;
}
.combo-desk{width:min(680px,70%);border-radius:var(--r-lg);border:1px solid var(--glass-line);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);z-index:1}
.combo-mob{width:min(220px,28%);border-radius:16px;border:1px solid var(--glass-line);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.55);transform:rotate(-2deg) translateX(-24px);margin-bottom:-16px}

.case-stack{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:var(--sec-pad)}

.next-case{
  display:block;position:relative;border-top:1px solid var(--line);padding-block:var(--s-9);
  text-align:center;overflow:hidden;
}
.next-case .overline{margin-bottom:var(--s-4)}
.next-case h2{transition:color .3s var(--ease-micro)}
.next-case:hover h2{color:var(--accent)}
.back-all{display:block;text-align:center;padding-block:var(--s-6);color:var(--muted);font-size:var(--fs-small)}

.badge-relaunch{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);padding:6px 12px;border-radius:var(--r-full)}

@media (max-width:767px){
  .case-prose{grid-template-columns:1fr}
  .case-combo{flex-direction:column;align-items:center}
  .combo-mob{transform:none;margin-bottom:0;margin-top:-40px}
  .combo-desk{width:92%}
  .combo-mob{width:52%}
}