.b-references-grid .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-references-grid .b__content + .b__posts {
  margin-top: var(--block-spacing-small);
}
.b-references-grid .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-references-grid .c-posts {
  row-gap: clamp(2rem, 2.05vw + 1.54rem, 4rem);
}
.b-references-grid .c-post {
  font-size: clamp(1rem, 0.26vw + 0.94rem, 1.25rem);
}
.b-references-grid .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-references-grid .c-post__image {
  background-color: var(--color-background-2);
  aspect-ratio: 5/3.2;
}
.b-references-grid .c-post__image .c-media {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.b-references-grid .c-post__image .c-media img {
  transform: scale(1);
  transition: filter 0.4s ease-in-out, transform 0.4s ease-in-out;
}
.b-references-grid .c-post .c-post__overline {
  margin-top: clamp(0.75rem, 0.38vw + 0.66rem, 1.13rem);
  font-weight: 700;
  color: var(--color-primary);
}
.b-references-grid .c-post .c-post__headline {
  color: var(--color-secondary);
  font-size: clamp(1.25rem, 0.64vw + 1.11rem, 1.88rem);
  margin-top: clamp(0.75rem, 0.38vw + 0.66rem, 1.13rem);
}
.b-references-grid .c-post .c-post__overline + .c-post__headline {
  margin-top: 4px;
}
.b-references-grid .b__links {
  margin-top: clamp(2.5rem, 2.56vw + 1.92rem, 5rem);
}
.b-references-grid .b__links .c-links {
  justify-content: flex-start;
  height: 0;
}

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