.b-posts .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-posts .b__text {
  width: 100%;
}
.b-posts .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-posts .b__headline + .b__posts,
.b-posts .b__text + .b__posts {
  margin-top: clamp(1.5rem, 1.54vw + 1.15rem, 3rem);
}
.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-post {
  font-size: clamp(1rem, 0.26vw + 0.94rem, 1.25rem);
}
.b-posts .c-post {
  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-post__image {
  background-color: var(--color-background-2);
  aspect-ratio: 5/3.2;
}
.b-posts .c-post__image .c-media {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.b-posts .c-post__image .c-media img {
  transform: scale(1);
  transition: filter 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.b-posts .c-post__title {
  font-weight: 700;
  margin-top: 16px;
}
.b-posts .c-post__date {
  font-weight: 300;
}
.b-posts .c-post:hover {
  color: var(--color-primary);
}
.b-posts .c-post:hover .c-post__image .c-media img {
  transform: scale(1.1);
}
.b-posts .b__links {
  margin-top: clamp(2.5rem, 2.56vw + 1.92rem, 5rem);
}
.b-posts .b__links .c-links {
  justify-content: flex-start;
  height: 0;
}

@media (min-width: 1024px) {
  .b-posts .c-post {
    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-post {
    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 */