.person {
  --person-aspect-ratio: 3/4;
  font-size: var(--wdg-font-size-xsmall);
  font-weight: 500;
  line-height: 1.6;
  position: relative;
}
.person .person__name {
  font-size: var(--wdg-font-size-small);
  margin-block-start: 0;
}
.person .person__link {
  color: inherit;
}
.person .person__link::after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.person .person__position,
.person .person__department {
  opacity: 0.8;
  margin-block-start: 0;
  letter-spacing: 0.25px;
}
.person .person__headshot {
  aspect-ratio: var(--person-aspect-ratio);
  overflow: hidden;
  position: relative;
  margin-inline-end: var(--wdg-gap-small);
  margin-block-end: var(--wdg-gap-small);
  background: var(--wdg-color-medium-blue) url("../../../../assets/img/card-placeholder.png") no-repeat center center/cover;
  background-blend-mode: difference;
}
.person .person__headshot img {
  aspect-ratio: var(--person-aspect-ratio);
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.person .person__headshot img.person__placeholder {
  mix-blend-mode: difference;
}
.person:hover .person__name {
  text-decoration: underline;
}

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