.person-header {
  background-color: var(--mhpc-text-secondary);
  &:after {
    background-color: var(--mhpc-text-secondary);
  }

  /* image */
  .container-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    img:not(.mhpc-social-paragraph__icon) {
      border: 4px solid var(--mhpc-primary);
      border-radius: 100px;
      width: 200px;
      height: auto;
      max-width: 200px;
    }
  }

  /* social — spacing tuned in person-social-icons_mhpc.css */
  .social-container {
    justify-content: center;
    gap: 0.625rem;
  }

  /* info data */
  .info-container {
    text-align: center;
    .container-role {
      color: var(--mhpc-primary);
    }
    h1 {
      color: var(--mhpc-text-inverse);
    }
  }

  /* contact container */
  .contact-container {
    background-color: var(--mhpc-bg-secondary-panel);
    border-radius: 30px;
    text-align: center;
    a {
      color: var(--mhpc-primary);
      &:hover {
        color: var(--mhpc-primary-light);
      }
    }
  }
}

.pt-person--full .academic-year {
  display: flex;
  flex-direction: column;
  color: var(--mhpc-text-inverse);

  .label {
    text-transform: uppercase;
  }
}

.pt-person--full .container-student-project {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;

  .label {
    color: var(--mhpc-text-inverse);
    text-transform: uppercase;
  }

  a,
  .views-field-title .field-content {
    color: var(--mhpc-primary);
    display: inline-block;
    text-decoration: none;
    transition: 0.2s ease;
  }

  a:hover {
    color: var(--mhpc-primary-light);
    text-decoration: underline;
  }
}

@media (min-width: 992px) {
  .person-header {
    .container-image {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;

      .social-container {
        justify-content: flex-start;
      }
    }

    .info-container {
      text-align: left;
    }

    .contact-container {
      text-align: right;
    }
  }
}