/* One responsive image replaces the inherited hidden image/background pair. */
.lr-wrapper .cs26-responsive-media { overflow: hidden; }
.lr-wrapper .cs26-responsive-media.cs26-has-ratio::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: var(--cs26-media-ratio);
}
.lr-wrapper .cs26-responsive-media img {
  display: block;
  width: 100%;
  opacity: 1;
  visibility: visible;
  object-fit: cover;
  object-position: center;
}
.lr-wrapper .cs26-responsive-media.cs26-has-ratio img {
  position: absolute;
  inset: 0;
  height: 100%;
}

/* The inherited process carousel hid its explanations on small screens. */
@media (max-width: 638.98px) {
  .cs26-legacy-content #odp-slider .item > picture,
  .cs26-legacy-content #odp-slider .item > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .cs26-legacy-content #odp-slider .item::before {
    background: linear-gradient(180deg, rgba(15, 17, 17, .35) 0%, rgba(15, 17, 17, .78) 40%, rgba(15, 17, 17, .94) 100%);
  }
  .cs26-legacy-content #odp-slider .odp-content {
    position: relative;
    bottom: auto;
    width: 100%;
    min-height: 36rem;
    padding: 4rem 0 6.5rem;
  }
  .cs26-legacy-content #odp-slider .odp-content > .max-screen-xl {
    width: 100%;
  }
  .cs26-legacy-content #odp-slider .odp-content p {
    display: block;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.65;
  }
}