/* ==========================================================================
   Блок «Кейс» (case). Полноширинный фон-рендер + тёмные карточки поверх.
   Карточки — компонент .card-text-dark (ui-kit.css) со стеклянным блюром.
   ========================================================================== */

.case {
  position: relative;
  overflow: hidden;
  color: var(--color-white);
  background-color: #1b2430;
  background-image:
    linear-gradient(rgba(15, 15, 15, 0.35), rgba(15, 15, 15, 0.35)),
    var(--case-img, url('/assets/img/case-bg.jpg'));
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.case__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
  min-height: 620px;
  padding-block: var(--space-48);
}

/* Заголовок в кейсе белый (фон — фото) */
.case .section__title {
  color: var(--color-white);
}

.case__top {
  max-width: 560px;
}

.case__sub {
  margin-top: var(--space-16);
  color: rgba(255, 255, 255, 0.85);
}

.case__cta {
  margin-top: var(--space-32);
}

/* Подпись объекта */
.case__label {
  align-self: center;
  font-size: var(--fs-s);
  color: rgba(255, 255, 255, 0.9);
}

/* Стеклянные карточки */
.case__card {
  backdrop-filter: blur(4px);
}

/* --- Нижний ряд карточек --------------------------------------------------*/
.case__bottom {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  margin-top: auto;
}

.case__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

@media (min-width: 1024px) {
  .case__inner { min-height: 720px; padding-block: var(--space-56); }

  .case__bottom {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .case__col {
    width: min(400px, 40%);
  }

  .case__result {
    width: min(380px, 34%);
  }
}