.card {
  position: relative;
  transition: transform 250ms var(--wdg-ease-out-quad), box-shadow 250ms var(--wdg-ease-out-quad);
}
.card__layout {
  background-color: var(--wdg-color-white);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.has-background .card__layout .card__text > * {
  color: var(--wdg-color-primary);
}
.card__heading {
  margin-block: 0;
}
.card__heading a {
  color: currentColor;
  text-decoration: none;
}
.card__heading a:not(.card__link--preview)::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card__heading a:not(.card__link--preview):focus {
  outline-width: 0;
}
.card__heading a:not(.card__link--preview):focus::after {
  outline: 4px solid Highlight;
}
.card__link {
  background-image: linear-gradient(var(--wdg-color-screen), var(--wdg-color-screen));
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 0.3em;
  color: inherit;
  margin-block: 0;
  text-decoration: none;
  transition: background-size 350ms var(--wdg-ease-out-quad);
}
.card__text {
  font-size: var(--wdg-font-size-small);
  padding: var(--wdg-gap-block);
}
.card__text > * + *,
.card__text .card__kicker + *, .editor-styles-wrapper .card__text > * + *, .editor-styles-wrapper .card__text .card__kicker + * {
  margin-block-start: var(--wdg-gap-xsmall);
}
.card__media {
  align-items: center;
  aspect-ratio: 4/3;
  display: flex;
  justify-content: center;
  margin: 0;
  position: relative;
}
.card__media::before {
  background-color: var(--wdg-color-screen);
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 250ms var(--wdg-ease-out-quad);
  z-index: 1;
}
.card__media picture,
.card__media img {
  aspect-ratio: 4/3;
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.card__media-link {
  display: block;
}
.card__media-placeholder {
  background-color: var(--wdg-color-secondary);
  color: var(--wdg-color-white);
}
.card:hover, .card:focus-within {
  box-shadow: 0.625rem 0.625rem 0 var(--wdg-color-screen);
  transform: translate3d(-0.625rem, -0.625rem, 0);
}
.card:hover .card__media::before, .card:focus-within .card__media::before {
  opacity: 1;
}
.card:hover .card__link, .card:focus-within .card__link {
  background-size: 100% 0.3em;
}
.card .card__byline {
  font-size: var(--wdg-font-size-xsmall);
}
.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__layout {
  aspect-ratio: 3/4;
  background-color: var(--wdg-color-primary);
}
.card--cover .card__media {
  aspect-ratio: unset;
  background-size: cover;
  inset: 0;
  position: absolute;
  z-index: 0;
}
.card--cover .card__media::after {
  background: linear-gradient(0deg, var(--wdg-color-primary-70) 0%, rgba(0, 0, 0, 0) 43.63%), no-repeat;
  content: "";
  inset: 0;
  position: absolute;
}
.card--cover .card__text {
  display: flex;
  flex-direction: column;
  inset: 0;
  justify-content: flex-end;
  padding: var(--wdg-gap-block);
  position: absolute;
  z-index: 1;
}
.card--cover .card__heading {
  color: inherit;
}
.card--cover .card__link {
  background: none;
  display: block;
}
.card--cover .card__heading-text {
  color: var(--wdg-color-white);
  display: inline-block;
}
.card--cover .card__heading-text::after {
  background-color: var(--wdg-color-secondary, currentColor);
  content: "";
  margin-inline-start: 0.15em;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4143 7.99991L6.00009 13.4141L4.58588 11.9999L8.58588 7.99991L4.58588 3.99991L6.00009 2.58569L11.4143 7.99991Z" fill="currentColor"/></svg>'), linear-gradient(transparent, transparent);
          mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4143 7.99991L6.00009 13.4141L4.58588 11.9999L8.58588 7.99991L4.58588 3.99991L6.00009 2.58569L11.4143 7.99991Z" fill="currentColor"/></svg>'), linear-gradient(transparent, transparent);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 1em 1em;
          mask-size: 1em 1em;
  padding-inline-start: 1em;
}
.card--person .card__heading a::after {
  display: none;
}
.card--person .card__byline {
  margin-block-end: 0.25em;
}
.card--person .card__meta a {
  color: var(--wdg-color-text);
  text-decoration: none;
}
.card--person .card__meta a:hover {
  text-decoration: underline;
}
.card--person .card__link {
  background: none;
}
.card--row .card__layout {
  flex-direction: row;
}
.card--row .card__media {
  aspect-ratio: 1/1;
  width: 35%;
}
.card--row .card__media img,
.card--row .card__media picture {
  align-self: flex-start;
  aspect-ratio: 1/1;
  height: auto;
}
.card--row .card__text {
  align-self: center;
  flex: 1;
}
.card--aspect-ratio-3-4 .card__media {
  aspect-ratio: 3/4;
}
.card--aspect-ratio-3-4 .card__media img,
.card--aspect-ratio-3-4 .card__media picture {
  aspect-ratio: 3/4;
}
.card--aspect-ratio-1-1 .card__media {
  aspect-ratio: 1/1;
}
.card--aspect-ratio-1-1 .card__media img,
.card--aspect-ratio-1-1 .card__media picture {
  aspect-ratio: 1/1;
}
.advanced-query .card:not([class*="--cover"]):not([class*="--row"]) .card__media, .card-slider--dynamic .card:not([class*="--cover"]):not([class*="--row"]) .card__media {
  order: 2;
}
.advanced-query .card:not([class*="--cover"]):not([class*="--row"]) .card__text, .card-slider--dynamic .card:not([class*="--cover"]):not([class*="--row"]) .card__text {
  margin-block-end: auto;
  padding-block-end: var(--wdg-gap-large);
}

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