.b-text-image-horizontal {
  position: relative;
}
.b-text-image-horizontal .b__content {
  width: 1px;
  min-width: calc(100% / var(--layout-columns) * 24 - var(--layout-gutter) - 0.01px);
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
}
.b-text-image-horizontal .b__content {
  order: 1;
}
.b-text-image-horizontal .b__image {
  width: 1px;
  min-width: calc(100% / var(--layout-columns) * 24 - var(--layout-gutter) - 0.01px);
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
}
.b-text-image-horizontal .b__image {
  position: relative;
  order: 2;
  margin-top: var(--spacing-xxl);
}
.b-text-image-horizontal .b__image .c-media {
  width: 100%;
}
.b-text-image-horizontal .b__image .c-media--fit-cover,
.b-text-image-horizontal .b__image .c-media--fit-contain {
  --media-aspect-ratio: 343/293;
  overflow: hidden;
}

@media (min-width: 768px) {
  .b-text-image-horizontal .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
  .b-text-image-horizontal .b__image {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .b-text-image-horizontal .b__content {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  .b-text-image-horizontal .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
  }
  .b-text-image-horizontal .b__content {
    order: 1;
    padding: clamp(1.5rem, 1.79vw + 0.36rem, 2.5rem) 0;
  }
  .b-text-image-horizontal .b__image {
    order: 2;
  }
  .b-text-image-horizontal .b__image {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-image-horizontal .b__image {
    margin-top: 0;
  }
  .b-text-image-horizontal .b__image .c-media--fit-cover,
  .b-text-image-horizontal .b__image .c-media--fit-contain {
    min-height: 100%;
    aspect-ratio: unset;
  }
  .b-text-image-horizontal.media-position-left .b__content {
    order: 2;
  }
  .b-text-image-horizontal.media-position-left .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-image-horizontal.media-position-left .b__image {
    order: 1;
  }
  .b-text-image-horizontal.media-position-left .b__image {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
  }
}
@media (min-width: 1920px) {
  .b-text-image-horizontal .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-image-horizontal .b__image {
    order: 2;
  }
  .b-text-image-horizontal .b__image {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-image-horizontal .b__image {
    margin-top: 0;
  }
  .b-text-image-horizontal .b__image .c-media--fit-cover,
  .b-text-image-horizontal .b__image .c-media--fit-contain {
    min-height: 100%;
    aspect-ratio: unset;
  }
  .b-text-image-horizontal.media-position-left .b__content {
    order: 2;
  }
  .b-text-image-horizontal.media-position-left .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-image-horizontal.media-position-left .b__image {
    order: 1;
  }
  .b-text-image-horizontal.media-position-left .b__image {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}

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