/* ─── MAX Case Study ─────────────────────────────────────────── */

.max-img-row {
  display: flex;
  align-items: flex-start;
  padding: 12px 0;
}

.max-img-row--pt {
  padding-top: 24px;
}

.max-img-row--last {
  padding-bottom: 64px;
}

.max-img-row img,
.max-img-row video {
  height: auto;
  display: block;
  flex-shrink: 0;
}

.max-trigger {
  cursor: pointer;
  flex-shrink: 0;
}

.max-trigger img,
.max-trigger video {
  width: 100%;
  pointer-events: none;
}

/* ─── Responsive ──────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .max-img-row {
    flex-wrap: wrap;
    gap: 20px !important;
    justify-content: center;
  }
  .max-img-row img {
    flex-shrink: 1;
    max-width: 45%;
  }
}

@media (max-width: 768px) {
  .max-img-row {
    flex-direction: column;
    gap: 16px !important;
    align-items: center;
  }
  .max-img-row img {
    max-width: 100%;
  }
}