.cases-home {
  padding-block: var(--space-2xl);
  background: var(--color-transport-blue);
  color: var(--color-on-accent);
}

.cases-home__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-lg);
  margin-block-end: var(--space-xl);
}

.cases-home__heading {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-md);
}

.cases-home__eyebrow { color: var(--color-on-accent); }
.cases-home__title { color: var(--color-on-accent); }
.cases-home__navigation { padding-block-end: var(--space-xs); }

.cases-home__slider {
  width: 100%;
  padding-inline-start: var(--container-content-start);
}

.cases-home__slider .swiper-slide {
  width: calc((min(100vw, var(--container-max)) - 2 * var(--container-gutter) - 2 * var(--space-lg)) / 3);
  height: auto;
}

.cases-home__footer {
  display: flex;
  justify-content: center;
  margin-block-start: var(--space-xl);
}

.cases-home__more {
  width: min(100%, 17.3125rem);
  min-height: var(--size-direction-icon);
}

@media (width <= 64rem) {
  .cases-home__slider .swiper-slide {
    width: calc((100vw - 2 * var(--container-gutter) - var(--space-md)) / 2);
  }
}

@media (width <= 48rem) {
  .cases-home { padding-block: var(--space-xl); }
  .cases-home__header { align-items: flex-start; flex-wrap: wrap; margin-block-end: var(--space-lg); }
  .cases-home__heading { gap: var(--space-sm); }
  .cases-home__title { font-size: clamp(1.625rem, 8vw, 2rem); }
  .cases-home__navigation { align-self: flex-end; margin-inline-start: auto; padding-block-end: 0; }
  .cases-home__slider .swiper-slide {
    width: calc(100vw - 2 * var(--container-gutter) - var(--space-sm));
  }
  .cases-home__footer { margin-block-start: var(--space-lg); }
}