/**
 * Image Carousel Slide Component Styles
 *
 * Figma node ID: 863:28769
 */

/* ── Image ── */

/* Restore credits overlay that image.css hides on landingpage nodes */
.image-carousel .image-carousel-slide .media__credits-overlay {
  display: block;
}

.image-carousel-slide__image {
  border-radius: var(--border-radius-m, 4px);
  overflow: hidden;
  background-color: var(--ambience, #ebe6e1);
  aspect-ratio: 16 / 9;
}

.image-carousel-slide__image img,
.image-carousel-slide__image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (min-width: 1200px) {
  .image-carousel-slide__image {
    /*aspect-ratio: unset;*/
    /*height: 670px;*/
  }
}

/* ── Caption ── */

.image-carousel-slide__caption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-300, 24px);
  padding-top: var(--spacing-400, 32px);
}

.image-carousel-slide__text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-100, 8px);

  .paragraph {
    margin: 0;
  }
}

.image-carousel-slide__title {
  margin: 0;
  font-family: 'Bosch Sans', sans-serif;
  font-weight: 700;
  font-size: var(--text-size-headline-h5, 26px);
  line-height: 1.3;
  letter-spacing: -0.312px;
  color: var(--trust, #550a2d);
  font-feature-settings: 'zero';
}

.image-carousel-slide__body {
  margin: 0;
  font-family: 'Bosch Sans', sans-serif;
  font-weight: 400;
  font-size: var(--text-size-paragraph-paragraph-m, 22px);
  line-height: 1.5;
  letter-spacing: -0.22px;
  color: var(--trust, #550a2d);
  font-feature-settings: 'zero';
}