.block-post-cover {
  padding-block: 0 44px;
}

.block-post-cover__figure {
  margin: 0;
}

.block-post-cover--narrow .block-post-cover__figure {
  max-width: 760px;
}

.block-post-cover__frame {
  overflow: hidden;
  border-radius: calc(var(--ib-radius) * 2);
  background: var(--ib-bg-soft);
}

.block-post-cover--full .block-post-cover__frame {
  border-radius: 0;
}

.block-post-cover__image {
  display: block;
  width: 100%;
  height: auto;
}

.block-post-cover--21-9 .block-post-cover__frame {
  aspect-ratio: 21 / 9;
}

.block-post-cover--16-9 .block-post-cover__frame {
  aspect-ratio: 16 / 9;
}

.block-post-cover--3-2 .block-post-cover__frame {
  aspect-ratio: 3 / 2;
}

.block-post-cover:not(.block-post-cover--auto) .block-post-cover__image {
  height: 100%;
  object-fit: cover;
}

.block-post-cover__caption {
  margin-top: 10px;
  color: var(--ib-muted);
  font-size: 14px;
  line-height: 1.5;
}

.block-post-cover--full .block-post-cover__caption {
  padding-inline: var(--ib-gutter);
  text-align: center;
}

@media (max-width: 700px) {
  .block-post-cover {
    padding-bottom: 28px;
  }

  .block-post-cover--21-9 .block-post-cover__frame {
    aspect-ratio: 16 / 10;
  }
}