.person-bar__head {
  --gap: 8.5333333333vw;
}
@media (min-width: 720px) {
  .person-bar__head {
    --gap: 2.5vw;
  }
}
@media (min-width: 1281px) {
  .person-bar__head {
    --gap: 1.6666666667vw;
  }
}
@media (min-width: 2400px) {
  .person-bar__head {
    --gap: 40px;
  }
}
.person-bar__head {
  display: flex;
  align-items: center;
  gap: var(--gap);
  width: 100%;
  white-space: normal;
  text-align: left;
}
.person-bar__photo {
  --width: 19.7333333333vw;
}
@media (min-width: 720px) {
  .person-bar__photo {
    --width: 7.03125vw;
  }
}
@media (min-width: 1281px) {
  .person-bar__photo {
    --width: 4.6875vw;
  }
}
@media (min-width: 2400px) {
  .person-bar__photo {
    --width: 112.5px;
  }
}
.person-bar__photo {
  width: var(--width);
  height: var(--width);
  border-radius: var(--width);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
.person-bar__head-content {
  --gap: 2.1333333333vw;
}
@media (min-width: 720px) {
  .person-bar__head-content {
    --gap: 0.625vw;
  }
}
@media (min-width: 1281px) {
  .person-bar__head-content {
    --gap: 0.4166666667vw;
  }
}
@media (min-width: 2400px) {
  .person-bar__head-content {
    --gap: 10px;
  }
}
.person-bar__head-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap);
}
.person-bar__role {
  color: var(--color-wetty-asphalt);
}
.person-bar__head-description {
  color: var(--color-wetty-asphalt);
}
.person-bar__full-description {
  --margin-top: 4.2666666667vw;
}
@media (min-width: 720px) {
  .person-bar__full-description {
    --margin-top: 1.25vw;
  }
}
@media (min-width: 1281px) {
  .person-bar__full-description {
    --margin-top: 0.8333333333vw;
  }
}
@media (min-width: 2400px) {
  .person-bar__full-description {
    --margin-top: 20px;
  }
}
.person-bar__full-description {
  color: var(--color-wetty-asphalt);
  margin-top: var(--margin-top);
}
.person-bar_type_full .person-bar__photo {
  --width: 17.0666666667vw;
}
@media (min-width: 720px) {
  .person-bar_type_full .person-bar__photo {
    --width: 5.78125vw;
  }
}
@media (min-width: 1281px) {
  .person-bar_type_full .person-bar__photo {
    --width: 3.8541666667vw;
  }
}
@media (min-width: 2400px) {
  .person-bar_type_full .person-bar__photo {
    --width: 92.5px;
  }
}
.person-bar_clickable {
  cursor: pointer;
}