.b-posts-slider .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-posts-slider .b__content + .b__posts_slider {
  margin-top: var(--block-spacing);
}
.b-posts-slider .b__posts_slider {
  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-posts-slider .c-posts-slider {
  width: 100%;
}

@media (min-width: 1280px) {
  .b-posts-slider .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) * 18 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-posts-slider .b__posts_slider {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}
.c-posts {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: var(--layout-gutter);
}
.c-posts__item {
  border: 1px solid var(--color-secondary);
  display: flex;
  flex-flow: column;
}
.c-posts__image {
  background-color: var(--color-background-2);
  aspect-ratio: 4/3;
}
.c-posts__image .c-media {
  aspect-ratio: unset;
  height: 100%;
}
.c-posts__content {
  padding: clamp(1.25rem, 0.77vw + 1.08rem, 2rem);
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}
.c-posts__content .c-text {
  margin-bottom: clamp(1.25rem, 0.77vw + 1.08rem, 2rem);
}
.c-posts__content .c-buttons {
  margin-top: auto;
}
.c-posts .c-media {
  aspect-ratio: 4/3;
}
.c-posts .c-text {
  margin-top: clamp(0.75rem, 0.77vw + 0.58rem, 1.5rem);
}

@media (min-width: 768px) {
  .c-posts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .c-posts {
    grid-template-columns: repeat(3, 1fr);
  }
}

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