.b-text-media.style-1 {
  position: relative;
  padding-bottom: var(--block-padding);
}
.b-text-media.style-1 .l-width {
  display: flex;
  flex-flow: column;
}
.b-text-media.style-1 .b__background {
  position: absolute;
  bottom: 0;
  right: 0;
  top: clamp(5rem, 20.51vw + 0.38rem, 25rem);
  left: 0;
  background-color: var(--color-background-2);
  z-index: -1;
}
.b-text-media.style-1 .b__content {
  order: 2;
  margin-top: 64px;
}
.b-text-media.style-1 .b__headline {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
}
.b-text-media.style-1 .b__text {
  width: 100%;
}
.b-text-media.style-1 .b__text {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
}
.b-text-media.style-1 .b__links {
  width: 100%;
}
.b-text-media.style-1 .b__links {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
}
.b-text-media.style-1 .b__buttons {
  width: 100%;
}
.b-text-media.style-1 .b__media {
  order: 1;
}
.b-text-media.style-1 .b__media .c-media {
  aspect-ratio: 1;
  width: 100%;
}
.b-text-media.style-1 .b__media .c-media {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 6 + var(--layout-gutter) / 2);
}
.b-text-media.style-1 .b__media .c-media + .c-media {
  margin-top: 40px;
  aspect-ratio: 1;
}
.b-text-media.style-1 .b__media .c-media + .c-media {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 7 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
}
.b-text-media.style-1.media-position-2 {
  padding-top: var(--block-padding);
  padding-bottom: 0;
}
.b-text-media.style-1.media-position-2 .b__background {
  top: 0;
  bottom: clamp(5rem, 20.51vw + 0.38rem, 25rem);
}
.b-text-media.style-1.media-position-2 .b__content {
  order: 1;
  margin-top: 0;
}
.b-text-media.style-1.media-position-2 .b__media {
  order: 2;
}

.b-text-media.style-1.media-position-1.background-color-1:last-of-type {
  margin-bottom: 0;
}

.b-text-media.style-2 + .b-text-media.style-2 {
  margin-top: 0;
}

.b-text-media.style-1.media-position-1 + .b-text-media.style-1.media-position-2 {
  margin-top: 0;
}

@media (min-width: 1280px) {
  .b-text-media.style-1 .b__content {
    margin-top: 0;
  }
  .b-text-media.style-1 .b__media {
    align-items: flex-end;
  }
  .b-text-media.style-1 .b__media .c-media {
    margin-bottom: clamp(3rem, 3.08vw + 2.31rem, 6rem);
  }
  .b-text-media.style-1 .b__media .c-media {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-1 .b__media .c-media + .c-media {
    margin-top: 0;
    margin-bottom: 0;
  }
  .b-text-media.style-1 .b__media .c-media + .c-media {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-1.media-position-2 .b__media {
    align-items: flex-start;
  }
  .b-text-media.style-1.media-position-2 .b__media .c-media {
    margin-top: clamp(3rem, 3.08vw + 2.31rem, 6rem);
    margin-bottom: 0;
  }
  .b-text-media.style-1.media-position-2 .b__media .c-media + .c-media {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.b-text-media.style-2 {
  position: relative;
  background-color: transparent;
}
.b-text-media.style-2 .b__background {
  display: none;
}
.b-text-media.style-2 .b__content {
  padding-top: clamp(1rem, 2.05vw + 0.54rem, 3rem);
}
.b-text-media.style-2 .b__content {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
}
.b-text-media.style-2 .b__text {
  width: 100%;
}
.b-text-media.style-2 .b__buttons {
  width: 100%;
}
.b-text-media.style-2 .b__media {
  margin-top: clamp(2rem, 2.05vw + 1.54rem, 4rem);
}
.b-text-media.style-2 .b__media {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
}
.b-text-media.style-2 .b__media .c-media {
  aspect-ratio: 16/9;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1280px) {
  .b-text-media.style-2 .b__content {
    padding-top: clamp(2rem, 2.05vw + 1.54rem, 4rem);
    padding-bottom: clamp(2rem, 2.05vw + 1.54rem, 4rem);
    margin-top: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    order: 1;
  }
  .b-text-media.style-2 .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-2 .b__media {
    margin-top: 0;
    order: 2;
  }
  .b-text-media.style-2 .b__media {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  }
  .b-text-media.style-2 .b__media .c-media {
    margin-top: 0;
    height: 100%;
  }
  .b-text-media.style-2.media-position-2 .b__content {
    order: 2;
  }
  .b-text-media.style-2.media-position-2 .b__media {
    order: 1;
  }
  .b-text-media.style-2.background-color-2 {
    background-color: var(--color-background-2);
  }
  .b-text-media.style-2.background-color-2 + .background-color-2 {
    margin-top: 0;
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .b-text-media.style-2 .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-2 .b__media {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-2.media-position-2 .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-2.media-position-2 .b__media {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  }
}

/*# sourceMappingURL=style.css.map */