/* Case-study index evidence: aligned media, copy and actions in both languages. */
.case-proof { background: var(--bg); border-bottom: 1px solid var(--line); }
.case-proof .section-head { max-width: 900px; margin-bottom: 40px; }
.case-proof .section-head h2 { max-width: 26ch; margin: 0; }
.case-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 3vw, 40px); }
.case-proof-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 16px; background: var(--surface); }
.case-proof-figure { margin: 0; }
.case-proof .case-proof-media { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; margin: 0; border-radius: 0; background: var(--bg-2); overflow: hidden; }
.case-proof img.case-proof-media { object-fit: contain; }
.case-proof .case-proof-media > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; opacity: .75; }
.case-proof .case-proof-media > iframe { width: 100%; height: 100%; }
.case-proof .case-proof-figure figcaption { min-height: 4.5rem; display: flex; align-items: center; gap: 8px; padding: 16px 24px; border-bottom: 1px solid var(--line); font-size: .875rem; line-height: 1.6; color: var(--accent-2); }
.case-proof-figure figcaption a { text-underline-offset: 3px; }
.case-proof-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 16px; padding: clamp(24px, 3vw, 36px); }
.case-proof .case-proof-body h3 { margin: 0; }
.case-proof .case-proof-body p { margin: 0; color: var(--accent-2); }
.case-proof-actions { width: 100%; margin-top: auto; padding-top: 8px; }
.case-proof .case-proof-actions .btn { max-width: 100%; white-space: normal; text-align: center; }
.case-proof .case-proof-media button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; }
.case-proof .case-proof-media button svg { width: 18px; height: 18px; flex: 0 0 auto; }
.case-proof .case-proof-media button:focus-visible { outline: 3px solid var(--txt); outline-offset: 5px; }
@media (max-width: 700px) {
  .case-proof-grid { grid-template-columns: minmax(0, 1fr); }
  .case-proof .section-head h2 { max-width: none; }
  .case-proof .case-proof-actions .btn { width: 100%; }
  .case-proof .case-proof-figure figcaption { padding-inline: 24px; }
}
