.post-preview {
  white-space: normal;
}

.post-preview .row {

}

.post-preview .row--top {
  margin-bottom: .625rem;
}

.post-preview .row--top .post-preview--image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  overflow: hidden;
  clip-path: polygon(
    4.5rem 0,
    100% 0,
    100% calc(100% - 4rem),
    calc(100% - 4.5rem) 100%,
    0 100%, 0 4rem
  );
}

.post-preview .row--top .post-preview--image .image {
  position: absolute;
  width: 101%;
  height: 101%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all ease-in-out 200ms;
}

.post-preview:hover .row--top .post-preview--image .image {
  width: 105%;
  height: 105%;
}

.post-preview .row--bottom {

}

.post-preview .row--bottom a {
  text-decoration: none;
}

.post-preview .row--bottom .post-preview--title {
  font-family: var(--font-family-primary);
  font-weight: var(--primary-font-weight);
  font-size: 1.125rem;
  line-height: 1.25em;
  transition: all ease-in-out 100ms;
  color: var(--brand-color-e);
  text-align: left;
}

.post-preview:hover .row--bottom .post-preview--title,
.color-scheme--dark .post-preview:hover .row--bottom .post-preview--title {
  color: var(--brand-color-a);
}