.portrait-line {
  align-items: center;
  gap: 22px;
}

.portrait-photo {
  display: block;
  width: 92px;
  height: 112px;
  flex: 0 0 92px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: url("marcel.jpeg") center 20% / cover no-repeat;
  box-shadow: 10px 10px 0 color-mix(in srgb, var(--cyan) 9%, transparent);
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

.portrait-line strong {
  font-size: 17px;
}

.portrait-line span:not(.portrait-photo) {
  font-size: 13px;
  color: var(--muted);
}

@media (max-width: 520px) {
  .portrait-photo {
    width: 80px;
    height: 98px;
    flex-basis: 80px;
  }
}