/* V11.9: refined framing and independent captions for the three case invitations. */
.conversion-cases-grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
  gap: 28px;
  padding: 18px 18px 18px 18px;
}
.conversion-case { isolation: isolate; }
.conversion-case::before,
.conversion-case:first-child::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -14px 16px 16px -14px;
  border: 2px solid var(--accent);
  pointer-events: none;
}
.conversion-case:nth-child(2)::before {
  inset: -13px 14px 13px -13px;
  border-width: 1px;
}
.conversion-case:nth-child(3)::before {
  inset: 13px -13px -13px 13px;
  border-width: 1px;
}
.conversion-case a {
  overflow: hidden;
  background: #eae6dd;
  box-shadow: 0 15px 36px rgba(0, 0, 0, .23);
}
.conversion-case a::after { content: none; }
.conversion-case:first-child a { min-height: clamp(470px, 36vw, 620px); }
.conversion-case:not(:first-child) a { min-height: 220px; }
.conversion-case img,
.conversion-case:first-child img {
  object-position: center;
}
.conversion-case-body,
.conversion-case:not(:first-child) .conversion-case-body {
  inset: auto 0 0 auto;
  width: min(84%, 470px);
  padding: 17px 22px 20px;
  gap: 4px;
  background: #171513;
  border-top: 3px solid var(--accent);
  box-shadow: -11px -11px 0 rgba(23, 21, 19, .32);
}
.conversion-case:first-child .conversion-case-body {
  width: min(75%, 510px);
  padding: 23px 28px 26px;
}
.conversion-case-body small {
  color: #ff922f;
  font-size: .7rem;
}
.conversion-case-body strong { font-size: clamp(1.4rem, 1.9vw, 2rem); }
.conversion-case:not(:first-child) .conversion-case-body strong {
  font-size: clamp(1.2rem, 1.35vw, 1.55rem);
}
.conversion-case-body > span {
  max-width: none;
  font-size: .86rem;
  line-height: 1.45;
}
.conversion-case a:hover img { transform: scale(1.018); }
@media (max-width: 1120px) {
  .conversion-cases-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    gap: 30px;
  }
  .conversion-case:first-child { grid-row: auto; }
  .conversion-case:first-child a { min-height: clamp(420px, 56vw, 560px); }
  .conversion-case:not(:first-child) a { min-height: clamp(320px, 47vw, 470px); }
  .conversion-case-body,
  .conversion-case:not(:first-child) .conversion-case-body { width: min(72%, 510px); }
}
@media (max-width: 650px) {
  .conversion-cases-grid { padding: 13px; gap: 27px; }
  .conversion-case::before,
  .conversion-case:first-child::before,
  .conversion-case:nth-child(2)::before { inset: -10px 11px 11px -10px; }
  .conversion-case:nth-child(3)::before { inset: 11px -10px -10px 11px; }
  .conversion-case a,
  .conversion-case:first-child a,
  .conversion-case:not(:first-child) a {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
  }
  .conversion-case img {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  .conversion-case-body,
  .conversion-case:not(:first-child) .conversion-case-body,
  .conversion-case:first-child .conversion-case-body {
    position: relative;
    inset: auto;
    width: 100%;
    padding: 13px 16px 16px;
    gap: 3px;
    box-shadow: none;
  }
  .conversion-case-body small { font-size: .62rem; }
  .conversion-case-body strong,
  .conversion-case:not(:first-child) .conversion-case-body strong { font-size: 1.28rem; }
  .conversion-case-body > span { font-size: .78rem; }
}