/* Desktop inherits the original portfolio without any overrides. */
@media (max-width: 720px) {
  .cases .case-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; align-items: start; }
  .cases .case-grid.is-packed { grid-auto-rows: 1px; row-gap: 0; }
  .cases .case-grid.is-packed > .case:nth-child(odd) { grid-column: 1; }
  .cases .case-grid.is-packed > .case:nth-child(even) { grid-column: 2; }
  .cases .case-grid > .case { min-width: 0; grid-column: auto; grid-row: auto; padding: 0; margin: 0; background: transparent; }
  .cases .case-topline { position: static; display: flex; color: var(--ink); background: none; padding: 0 0 8px; font-size: 11px; }
  .cases .case-topline > :last-child { display: none; }
  .cases .case-row { display: flex; flex-direction: column; margin: 0; height: auto; }
  .cases .case-visual { flex: 0 0 auto; width: calc(100% - 3px); height: auto; aspect-ratio: 4 / 3; min-height: 0; margin: 0 3px 3px 0; box-shadow: 3px 3px 0 var(--yellow); }
  .cases .case-1 .case-visual, .cases .case-4 .case-visual { aspect-ratio: 1; }
  .cases .case-6 .case-visual { aspect-ratio: 5 / 4; }
  .cases .case-visual picture { display: block; width: 100%; height: 100%; }
  .cases .case-visual .case-logo { display: flex; top: 8px; left: 8px; bottom: auto; width: 84px; height: 34px; min-width: 0; min-height: 0; padding: 5px 7px; transform: none; box-shadow: none; }
  .cases .case-visual .case-logo-image { position: static; inset: auto; display: block; width: 100%; height: 100%; max-width: none; max-height: none; transform: none; object-fit: contain; }
  .cases .green-zebra-name { font-size: 14px; }
  .cases .case-ring { display: none; }
  .cases .case-copy { flex: 1; width: 100%; min-height: 0; margin: 8px 0 0; padding: 12px 10px 25px; border-left: 3px solid var(--yellow); }
  .cases .case-company { font-size: 11px; line-height: 1.3; margin-bottom: 9px; }
  .cases .case h3 { font-size: clamp(25px, 6.4vw, 40px); line-height: 1.05; }
  .cases .case-detail { display: block; margin-top: 10px; font: italic clamp(17px, 4.4vw, 22px)/1.15 var(--font-serif); }
  .cases .case-open span { right: 8px; bottom: 7px; font-size: 22px; }
  .cases .case-grid > .case-placeholder, .cases .case-grid.is-packed > .case-placeholder { grid-column: 1 / -1; }
  .is-viewing-cases .campaign-widget { width: 64px; height: 86px; }
}