/* Optical sizes use the artwork's visible shape, including stacked marks.
   Source-name selectors survive the marquee clone and published asset hashes. */
.cases__logos .cases__logo-group {
  height: var(--client-logo-row-height, 28px);
}

.cases__logos .cases__logo-group img.client-logo {
  width: var(--client-logo-width, auto);
  height: var(--client-logo-height, calc(12px * var(--logo-optical, 1)));
  max-width: 108px;
  max-height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

.cases__logos img[src*="brand-05"] {
  --client-logo-height: 20px;
  --client-logo-mobile-height: 24px;
}

.cases__logos img[src*="brand-08"] {
  --client-logo-height: 9px;
  --client-logo-mobile-height: 10px;
}

.cases__logos img[src*="hustle-fund"],
.cases__logos img[src*="brand-20"] {
  --client-logo-height: 9.6px;
  --client-logo-mobile-height: 10.8px;
}

/* Figma DD-Website-2026, Home frame 63:1827 (logo_carroussel).
   These five existing marks use the authored boxes at 1x on desktop and
   a common 4/3 scale on mobile; object-fit preserves each supplied asset. */
/* Italist: Figma node 63:1871. */
.cases__logos img[src*="brand-07"] {
  --client-logo-width: 26.268552780151367px;
  --client-logo-height: 10.189013481140137px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

/* Fanatics: Figma node 63:1938. */
.cases__logos img[src*="brand-10"] {
  --client-logo-width: 47.77683598794283px;
  --client-logo-height: 10.00184033855794px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

/* Westfield: Figma node 63:1881. */
.cases__logos img[src*="brand-12"] {
  --client-logo-width: 33.01784259039778px;
  --client-logo-height: 10.68080582850098px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

/* Avenue One: Figma node 63:1905. */
.cases__logos img[src*="brand-15"] {
  --client-logo-width: 44.61937716598004px;
  --client-logo-height: 12.582594203991903px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

/* Smartwyre: Figma node 63:2033. */
.cases__logos img[src*="brand-16"] {
  --client-logo-width: 49.4586394974167px;
  --client-logo-height: 13.236628559543078px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

/* Saks: original Figma box; artwork exported by the user. */
.cases__logos img[src*="saks-fifth-avenue"] {
  --client-logo-width: 70.248344px;
  --client-logo-height: 11.685743px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

/* Remaining original exports use their Figma boxes with the same scale. */
.cases__logos img[src*="sothebys"] {
  --client-logo-width: 62px;
  --client-logo-height: 14.829px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

.cases__logos img[src*="alaffia"] {
  --client-logo-width: 39px;
  --client-logo-height: 8px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

.cases__logos img[src*="mountaintop"] {
  --client-logo-width: 60.117855px;
  --client-logo-height: 5.269666px;
  --client-logo-mobile-width: calc(var(--client-logo-width) * 4 / 3);
  --client-logo-mobile-height: calc(var(--client-logo-height) * 4 / 3);
}

@media (max-width: 767px) {
  .cases__logos .cases__logo-group img.client-logo {
    width: var(--client-logo-mobile-width, auto);
    height: var(--client-logo-mobile-height, calc(16px * var(--logo-optical, 1)));
    max-width: 120px;
    max-height: 28px;
  }
}