.post-card-003 {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.post-card-003 .post-card-003__image-wrap {
  position: relative;
  display: block;
  aspect-ratio: 5/6;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
}

.post-card-003 .post-card-003__image-wrap img,
        .post-card-003 .post-card-003__image-wrap figure,
        .post-card-003 .post-card-003__image-wrap .post-card-003__figure,
        .post-card-003 .post-card-003__image-wrap .post-card-003__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.post-card-003:hover .post-card-003__image-wrap img,
    .post-card-003:hover .post-card-003__image-wrap figure {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-brightness: brightness(.9);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.post-card-003 .post-card-003__heading {
  padding-top: 1rem;
  font-size: 20px;
  line-height: 110%;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(17 57 29 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .post-card-003 .post-card-003__heading {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .post-card-003 .post-card-003__heading {
    font-size: 24px;
    line-height: 100%;
  }
}

.post-card-003 .post-card-003__heading a {
  background-position: left bottom;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(17 57 29 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: background-size;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  background-image: linear-gradient(#11391D, #11391D);
  background-size: 0% 2px;
}

.post-card-003:hover .post-card-003__heading a {
  background-size: 100% 2px;
}

.post-card-003 .post-card-003__content {
  padding-top: 2rem;
  font-size: 14px;
  line-height: 110%;
}

@media (min-width: 768px) {
  .post-card-003 .post-card-003__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
