.card {
  --wdg-card-aspect-ratio: 16 / 11;
  position: relative;
}
.card__wrap {
  display: flex;
  flex-direction: column;
  row-gap: var(--wdg-gap-xsmall);
}
.card__link {
  color: unset;
  display: block;
  text-decoration: none;
}
.card__text {
  display: flex;
  flex-direction: column;
  font-size: var(--wdg-font-size-small);
  row-gap: var(--wdg-gap-2xsmall);
}
.card .card__text * + * {
  margin: 0;
}
.card__text .card__link {
  color: currentColor;
}
.card__header {
  display: flex;
  flex-direction: column;
  gap: var(--wdg-gap-2xsmall);
}
.card__post-type {
  color: var(--wdg-color-accent);
}
.card__heading, .editor-styles-wrapper .card .card__heading {
  font-size: var(--wdg-font-size-h5);
  margin-block: 0;
}
.card__media {
  align-items: center;
  aspect-ratio: var(--wdg-card-aspect-ratio);
  background-color: var(--wdg-color-slate);
  color: var(--wdg-color-white);
  display: flex;
  justify-content: center;
  margin: 0;
}
.card__media picture,
.card__media img {
  aspect-ratio: inherit;
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.card__media-link {
  display: block;
}
.card .card__byline > * + *::before {
  content: "|";
  opacity: 0.5;
  padding-inline: 0.33em;
}
.card .card__people {
  display: inline;
  list-style-type: none;
  padding: 0;
}
.card .card__people::before {
  content: "By: ";
}
.card .card__person {
  display: inline;
}
.card .card__person:not(:last-child)::after {
  content: ", ";
}
.card .card__terms {
  list-style-type: none;
  padding: 0;
}
.card .card__term {
  display: inline;
}
.card .card__term:not(:last-child)::after {
  content: ", ";
}
.card--cover, .card.is-style-cover {
  background-color: var(--wdg-color-tonal-black);
}
.card--cover:hover .card__content, .card.is-style-cover:hover .card__content {
  grid-template-rows: 1fr;
}
.card--cover:hover .card__content-inner, .card.is-style-cover:hover .card__content-inner {
  opacity: 1;
  transform: translate(0, -1em);
  transition-delay: 200ms;
  transition-duration: 400ms;
}
.card--cover .card__wrap, .card.is-style-cover .card__wrap {
  display: grid;
  grid-template-rows: 1fr auto;
  overflow: hidden;
  position: relative;
}
.card--cover .card__media, .card.is-style-cover .card__media {
  --wdg-card-aspect-ratio: 7 / 8;
  grid-column: 1;
  grid-row: 1/-1;
}
.card--cover .card__media::after, .card.is-style-cover .card__media::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.7) 85%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.card--cover .card__text, .card.is-style-cover .card__text {
  color: var(--wdg-color-white);
  font-weight: 500;
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  row-gap: 0;
  z-index: 2;
}
.card--cover .card__text *, .card.is-style-cover .card__text * {
  color: inherit;
}
.card--cover .card__text > * + *, .card.is-style-cover .card__text > * + * {
  margin-block-start: 0;
}
.card--cover .card__header, .card.is-style-cover .card__header {
  margin-block-end: var(--wdg-gap-small);
  padding-inline: var(--wdg-gap-small);
}
.card--cover .card__content, .card.is-style-cover .card__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 400ms var(--wdg-ease-out-quad);
}
.card--cover .card__content-inner, .card.is-style-cover .card__content-inner {
  opacity: 0;
  overflow: hidden;
  padding: 0 var(--wdg-gap-small);
  position: relative;
  transition: all 200ms var(--wdg-ease-out-quad);
}
.card--cover .card__link-button, .card.is-style-cover .card__link-button {
  align-items: center;
  display: flex;
  font-size: 0.75em;
  gap: 0.5em;
  letter-spacing: 0.15em;
  margin-block: 1em var(--wdg-gap-xsmall);
  pointer-events: none;
}
.card--cover .card__link-button::after, .card.is-style-cover .card__link-button::after {
  background-color: var(--wdg-color-accent, var(--wdg-color-white));
  content: "";
  height: 2em;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m21.25 11.38-2.365-2.364L19.901 8 24 12.1l-4.1 4.098-1.015-1.015 2.365-2.366H0v-1.436h21.25Z" clip-rule="evenodd"/></svg>');
          mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m21.25 11.38-2.365-2.364L19.901 8 24 12.1l-4.1 4.098-1.015-1.015 2.365-2.366H0v-1.436h21.25Z" clip-rule="evenodd"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  width: 2em;
}
.card--person .card__media {
  --wdg-card-aspect-ratio: 1 / 1;
}
.card--person .card__link {
  color: var(--wdg-color-text);
}
.card--person .card__byline {
  margin-block-start: 0.25rem;
}
.card--aspect-ratio-3-4 .card__media {
  --wdg-card-aspect-ratio: 3 / 4;
}
.card--aspect-ratio-1-1 .card__media {
  --wdg-card-aspect-ratio: 1 / 1;
}

/*# sourceMappingURL=style.css.map */