.block__ixn-posts {
  align-items: center;
}
.block__ixn-posts .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}
.block__ixn-posts .inner .top {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: var(--spacing-sm);
}
.block__ixn-posts .inner .top h2 {
  font: var(--type-h2);
}
.block__ixn-posts .inner .top p {
  font: var(--type-b2);
}
.block__ixn-posts .inner .posts {
  display: flex;
  flex-wrap: wrap;
  --gap: var(--spacing-md);
  gap: var(--gap);
  --width: calc((100% - var(--gap) * 2) / 3);
  width: 100%;
}
.block__ixn-posts .inner .posts .post {
  width: 100%;
  max-width: var(--width);
  min-width: var(--width);
}
@media screen and (max-width: 768px) {
  .block__ixn-posts {
    padding: var(--spacing-md) 0;
  }
  .block__ixn-posts .inner {
    gap: var(--spacing-md);
  }
  .block__ixn-posts .inner .posts {
    --width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .block__ixn-posts .inner .posts .post {
    max-width: var(--width);
    min-width: var(--width);
  }
}