.b-posts .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 .b__content + .b__posts {
  margin-top: var(--block-spacing-small);
}
.b-posts .b__posts {
  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 .c-posts {
  row-gap: clamp(2rem, 2.05vw + 1.54rem, 4rem);
}
.b-posts .c-posts .c-posts__item {
  font-size: clamp(1rem, 0.26vw + 0.94rem, 1.25rem);
  background-color: var(--color-background-4);
}
.b-posts .c-posts .c-posts__item {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / 12 * 12 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / 12 * 0 + var(--layout-gutter) / 2);
}
.b-posts .c-posts .c-posts__item .c-posts__image {
  aspect-ratio: 16/9;
  width: 100%;
}
.b-posts .c-posts .c-posts__item .c-posts__image .c-media {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.b-posts .c-posts .c-posts__item .c-posts__image .c-media img {
  transform: scale(1);
  transition: transform 0.4s ease-in-out;
}
.b-posts .c-posts .c-posts__item:hover .c-posts__image .c-media img, .b-posts .c-posts .c-posts__item:focus .c-posts__image .c-media img, .b-posts .c-posts .c-posts__item:focus-within .c-posts__image .c-media img {
  transform: scale(1.1);
}
.b-posts .c-posts__content {
  display: flex;
  flex-flow: column;
  position: relative;
  padding: clamp(1rem, 1.03vw + 0.77rem, 2rem);
}
.b-posts .c-posts__overline {
  font-weight: 700;
  color: var(--color-primary);
}
.b-posts .c-posts__headline {
  color: var(--color-primary);
  font-size: clamp(1rem, 0.38vw + 0.91rem, 1.38rem);
  line-height: 1.25;
  margin-top: clamp(0.5rem, 0.51vw + 0.38rem, 1rem);
}
.b-posts .c-post__overline + h3, .b-posts .c-post__meta + h3 {
  margin-top: 4px;
}
.b-posts .b__buttons,
.b-posts .b__links {
  margin-top: clamp(1.5rem, 1.54vw + 1.15rem, 3rem);
}
.b-posts .b__buttons,
.b-posts .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) * 12 - var(--layout-gutter) - 0.01px);
}
.b-posts .b__buttons .c-links, .b-posts .b__buttons .c-buttons,
.b-posts .b__links .c-links,
.b-posts .b__links .c-buttons {
  justify-content: flex-start;
  height: 0;
}

@media (min-width: 1024px) {
  .b-posts .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) * 8 - var(--layout-gutter) - 0.01px);
  }
  .b-posts .c-posts .c-posts__item {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / 12 * 6 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / 12 * 0 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .b-posts .c-posts .c-posts__item {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / 12 * 4 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / 12 * 0 + var(--layout-gutter) / 2);
  }
}

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