/* Figma 680:6309. Reuse existing case layouts, navigation and back control. */
.ctv-case,
.ctv-case .challenge-number { font-weight:400; }
.ctv-case .blizkie-intro { padding-top:50px; }
.ctv-case .blizkie-intro-copy { grid-template-columns:345px 874px 1fr; }
.ctv-case .intro-description { width:739px; }
.ctv-art { overflow:hidden; border-radius:16px; background:#fafafa; }
.ctv-art>img { width:100%; height:auto; }
.ctv-art.case-hero-frame > img { width:63.235294%; }
.ctv-gallery-heading { padding:50px 40px 0; display:flex; flex-direction:column; gap:40px; }
.ctv-admin-heading { padding-top:100px; }
.ctv-gallery { padding:0 40px 50px; display:flex; flex-direction:column; gap:40px; }
.ctv-detail-grid { display:grid; grid-template-columns:504fr 816fr; gap:40px; }
.ctv-detail-grid .ctv-art { aspect-ratio:var(--panel-ratio,504 / 766); }
.ctv-detail-grid .ctv-art:nth-child(2) { --panel-ratio:816 / 766; }
.ctv-detail-grid img { height:100%; }
.ctv-art[data-figma="682:12447"],.ctv-art[data-figma="682:9669"] { aspect-ratio:1360 / 706; }
.ctv-art[data-figma="682:18452"] { aspect-ratio:1360 / 695; }
.ctv-art[data-figma="682:12447"] img,.ctv-art[data-figma="682:9669"] img,.ctv-art[data-figma="682:18452"] img { height:100%; }
.ctv-case .blizkie-results { padding-bottom:150px; }
@media(max-width:1399px) {
  .ctv-case .blizkie-intro-copy { grid-template-columns:25.36765% minmax(0,1fr) 130px; gap:24px; }
  .ctv-case .intro-description { width:auto; }
  .ctv-case .result-cards br { display:initial; }
}
@media(max-width:1100px) {
  .ctv-case .blizkie-intro-copy { grid-template-columns:1fr 2fr; }
  .ctv-detail-grid { gap:20px; }
}
@media(max-width:740px) {
  .ctv-case .blizkie-intro { padding-top:100px; }
  .ctv-case .blizkie-intro-copy { display:flex; }
  .ctv-gallery-heading { padding:30px 24px 0; gap:30px; }
  .ctv-gallery { padding:0 24px 30px; gap:20px; }
  .ctv-detail-grid { grid-template-columns:1fr; }
  .ctv-detail-grid .ctv-art { width:100%; max-width:504px; margin-inline:auto; }
  .ctv-case .blizkie-results { padding-bottom:120px; }
}

/* Keep this phrase together when it fits; allow wrapping on narrow cards. */
.ctv-audience-users { display:inline-block; max-width:100%; vertical-align:top; }
@media(min-width:1101px) {
  .ctv-case .audience-cards li:nth-child(2) p { width:252px; max-width:100%; }
}