/* Structural Styles */
.person-modal .modal__content {
  display: flex;
  flex-direction: column;
  @include breakpoint($large) { flex-direction: row; }
}

/* Visual Styles */
.person-modal .modal__content {
  background-color: var(--colors-white);
  box-shadow: 8px 8px 32px hsla(var(--black-hsl), .2);
  padding: var(--s2);
}

.person-modal__aside {
  flex: 5;
  text-align: center;
  @include breakpoint($large) { max-width: 40ch; }
}

.person-modal__bio {
  max-width: 70ch;
  flex: 8;
  @include breakpoint($large) { padding-left: var(--s2); }
}

.person-modal__links > * {
  vertical-align: top;
}

.person-modal__links > * + * {
  margin-left: var(--s1);
}

@include breakpoint($small-only) { 
  .person-modal .modal__window {
    max-width: 96vw;
  }

  .person-modal .person-item figure {
    --n: 1;
    --d: 1;
    // width: 300px;
    margin-left: auto;
    margin-right: auto;
  } 
}