.viu-author-entity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 4em;
  max-width: 50ch;
}

.viu-author-entity::before {
  content: '';
  display: block;
  width: clamp(5em, 20%, 8em);
  height: 2px;
  background-color: var(--color-grey-400);
}

.viu-author-entity__inner {
  padding-top: 2em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  gap: 1.5em;
}

.viu-author-entity__image {
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
}

.viu-author-entity__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.viu-author-entity__content > a {
  -webkit-transition: .2s;
  transition: .2s;
  border-bottom: .134em solid transparent;
}

.viu-author-entity__content > a:hover {
  border-color: currentColor;
}

.viu-author-entity__name {
  font-weight: 700;
}

.viu-author-entity__subtitle {
  font-size: .9em;
  color: var(--color-grey-900);
}

.viu-author-entity__paragraph {
  margin-top: .75em;
}

/*# sourceMappingURL=../maps/organisms/viu-author-entity.css.map */