.b-text-media .b__content {
  order: 2;
  margin-top: clamp(2.5rem, 2.56vw + 1.92rem, 5rem);
}
.b-text-media .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) * 12 - var(--layout-gutter) - 0.01px);
}
.b-text-media .b__media {
  order: 1;
}
.b-text-media .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) * 12 - var(--layout-gutter) - 0.01px);
}
.b-text-media .b__media .l-grid {
  flex-flow: row nowrap;
}
.b-text-media .b__media .b__image {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 9 - var(--layout-gutter) - 0.01px);
}
.b-text-media .b__media .b__image .c-media {
  min-height: clamp(20rem, 41.03vw + 10.77rem, 60rem);
}
.b-text-media .b__media .b__image + .b__image {
  padding: clamp(2.5rem, 2.56vw + 1.92rem, 5rem) 0;
}
.b-text-media .b__media .b__image + .b__image .c-media {
  min-height: calc(clamp(20rem, 41.03vw + 10.77rem, 60rem) - clamp(2.5rem, 2.56vw + 1.92rem, 5rem) * 2);
}
.b-text-media .b__media .b__image + .b__image {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 9 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * -6 + var(--layout-gutter) / 2);
}
.b-text-media.media-position-1 .b__media .b__image {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 9 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 3 + var(--layout-gutter) / 2);
}
.b-text-media.media-position-1 .b__media .b__image + .b__image {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 9 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * -12 + var(--layout-gutter) / 2);
}
.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) * 12 - var(--layout-gutter) - 0.01px);
}
.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) * 12 - var(--layout-gutter) - 0.01px);
}
.b-text-media.style-2 .b__media .b__image {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-text-media.style-2 .b__media .b__image .c-media {
  position: relative;
  aspect-ratio: 1;
}
.b-text-media.style-2 .b__media .b__image .c-media:after {
  content: "";
  position: absolute;
  top: calc(clamp(0.5rem, 1.54vw + 0.15rem, 2rem) * -1);
  left: calc(clamp(0.5rem, 1.54vw + 0.15rem, 2rem) * -1);
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 2px solid var(--color-secondary);
}

@media (min-width: 768px) {
  .b-text-media .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 .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 {
    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__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);
  }
}
@media (min-width: 1280px) {
  .b-text-media .b__content {
    margin-top: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: clamp(5rem, 5.13vw + 3.85rem, 10rem) 0;
  }
  .b-text-media .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);
  }
  .b-text-media .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 .b__media .l-grid {
    height: 100%;
  }
  .b-text-media .b__media .b__image {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / 5 * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / 5 * 0 + var(--layout-gutter) / 2);
  }
  .b-text-media .b__media .b__image .c-media {
    min-height: 100%;
  }
  .b-text-media .b__media .b__image + .b__image {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / 5 * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / 5 * -3 + var(--layout-gutter) / 2);
  }
  .b-text-media .b__media .b__image + .b__image .c-media {
    min-height: 100%;
  }
  .b-text-media.media-position-1 .b__content {
    order: 1;
  }
  .b-text-media.media-position-1 .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.media-position-1 .b__media {
    order: 2;
  }
  .b-text-media.media-position-1 .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) * 0 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-2 .b__content {
    padding: clamp(2.5rem, 2.56vw + 1.92rem, 5rem) 0;
  }
  .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) * 6 - var(--layout-gutter) - 0.01px);
  }
  .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) * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-2 .b__media .b__image .c-media {
    aspect-ratio: unset;
  }
  .b-text-media.style-2.media-position-1 .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) * 6 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-2.media-position-1 .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) * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 0 + var(--layout-gutter) / 2);
  }
  .b-text-media.style-2.media-position-1 .b__media .b__image .c-media:after {
    top: calc(clamp(0.5rem, 1.54vw + 0.15rem, 2rem) * -1);
    left: unset;
    right: calc(clamp(0.5rem, 1.54vw + 0.15rem, 2rem) * -1);
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 2px solid var(--color-secondary);
  }
}

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