.profile {
  display: flex;
  flex-direction: row;
  width: 576px;
  border-radius: 20px;
  padding: 40px 32px;
  background-color: #7e57c221;
  box-shadow: 0px 4px 4px #00000040, inset 0px 0px 12px 5px #7e57c24d;
  cursor: pointer;
}

.profile:hover {
  box-shadow: 0px 2px 4px #7847ff99, inset 0px 0px 12px 5px #7e57c24d;
  transition: 200ms;
}

.profile img {
  border-radius: 72px;
  max-width: 144px;
  max-height: 144px;
  filter: saturate(0);
  align-self: center;
}

div.investorInfoContainer {
  margin-left: 32px;
  display: flex;
  flex-direction: column;
}

p.name {
  margin-bottom: 12px;
}

p.description {
  margin-bottom: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3rem; /* 48px */
  height: clamp(3rem, 2.857142857142857rem + 0.7142857142857143vw, 3.5rem);
}

p.involvement {
  margin-bottom: 8px;
}

.profile span svg {
  color: var(--black-60);
}

.profile span svg:hover {
  color: var(--white-100);
}

.profile span > a + a {
  margin-left: 8px;
}

a.profileModal {
  background-color: #7e57c266;
  cursor: default;
  min-width: 576px;
  width: max-content;
  max-width: min(692px, 90vw);
}

p.descriptionModal {
  display: block;
  min-height: 56px;
  height: auto;
}

@media (max-width: 600px) {
  .profile {
    flex-direction: column;
    width: 90vw;
  }

  a.profileModal {
    min-width: 90vw;
    width: 90vw;
  }

  div.investorInfoContainer {
    margin: 16px 0 0;
  }
}
