.js [data-anim] {
  opacity: .01;
}

.no-js [data-anim="slide"] {
  transform: translateY(0) !important;
}

@media (max-width: 992px) {
  .text-image {
    overflow-x: hidden;
  }
}


/* Mulitple images block */

.blox-images figure {
    margin-top: 1rem;
}

.blox-images .text {
    margin-block: 2rem;
}

@media (min-width: 768px) {
    .blox-images .text {
        margin-block: 3rem;
    }

    .blox-images.sm-flex {
        column-gap: 1rem;
    }

    .blox-images.sm-flex .sm-col-6 figure+figure {
        margin-top: 6rem;
    }

    .blox-images.sm-flex .sm-col-6 img {
        display: block;
        width: 100%;
        height: auto;
        max-height: min(85vh, 40rem);
        object-fit: contain;
        object-position: left;
    }

    .blox-images.sm-flex .sm-col-6:first-child img {
        object-position: right;
    }
}

@media (min-width: 1200px) {
    .blox-images.sm-flex .sm-col-6 figure+figure {
        margin-top: 9rem;
    }
}


/* Cases overview */

.js .cases-overview .title-slide {
  width: min(80vw, 60rem);
  padding-right: 2rem;
  display: flex;
  align-items: center;
}

.js .case-slide {
  display: flex;
  align-items: center;
  width: clamp(52rem, 85vw, 64rem);
  margin-right: min(15vw, 12rem);
}

.js .case-inner {
  display: flex;
  align-items: flex-end;
  height: min(65vh, 29rem);
  width: 100%;
}

.js .case-inner .image {
  width: 62%;
  height: 100%;
  overflow: hidden;
}

@media(hover:hover) {
  .case-inner a.image img {
    transition: transform 300ms ease-in-out;
  }

  .case-inner a.image:hover img, .case-inner:has(a.btn:hover) a.image img {
    transform: scale(1.02);
  }
}

.js .case-inner .text {
  width: 38%;
  padding-inline: 2rem;
}

.case-inner .text p {
  max-width: 21rem;
}

@media (max-width: 992px) {
  .js .case-slide:last-child {
    margin-right: 0;
  }
}

@media (max-width: 600px) {
  .js .case-inner .text {
    width: calc(100vw - 4rem);
    flex: none;
  }

  .js .case-slide:last-child {
    margin-right: 2rem;
  }
}