@import url("/founder/le-li.css");

.consultant-hero .hero-name {
  grid-column: 1 / 9;
}

.consultant-hero .hero-name h1 {
  font-size: clamp(calc(1em * 6.4), 12vw, calc(1em * 12));
  letter-spacing: -0.085em;
  white-space: nowrap;
}

.consultant-hero .hero-statement {
  grid-column: 9 / 13;
  max-width: 12ch;
  font-size: clamp(calc(1em * 1.75), 3.35vw, calc(1em * 3.6));
}

[data-consultant-monogram] {
  shape-rendering: geometricPrecision;
}

.consultant-profile .profile-grid {
  gap: clamp(2.5rem, 4.5vw, 5.5rem);
}

.consultant-profile .education-list {
  grid-column: 1 / 8;
}

.consultant-profile .profile-context {
  grid-column: 8 / 13;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2.25rem, 3.5vw, 3.75rem) clamp(1.5rem, 3vw, 3rem);
}

.consultant-profile .profile-now {
  max-width: 25ch;
  font-size: calc(1em * 1.42) !important;
}

.education-highlights {
  display: grid;
  gap: 0.7rem;
  margin: clamp(2.25rem, 4vw, 3.5rem) 0 0;
  padding: clamp(1.35rem, 2.4vw, 2rem) 0 0;
  border-top: 1px solid var(--rule);
  color: var(--muted);
  font-size: calc(1em * 0.94);
  line-height: 1.5;
  list-style: none;
}

.education-highlights li {
  position: relative;
  padding-left: 1rem;
}

.education-highlights li::before {
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.28rem;
  height: 0.28rem;
  background: var(--moss);
  content: "";
}

.consultant-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.1rem;
}

.consultant-contact a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 0.3rem;
  color: var(--ink);
  font-weight: 700;
}

.consultant-experience .experience-entry-lebo {
  grid-column: 1 / 4;
}

.consultant-experience .experience-entry-ey {
  grid-column: 4 / 9;
}

.consultant-experience .experience-entry-munich-re {
  grid-column: 9 / 13;
}

.consultant-experience .experience-entry-scor {
  grid-column: 1 / 7;
}

.consultant-experience .experience-entry-sun-life {
  grid-column: 7 / 13;
}

.consultant-experience .experience-entry-ey h3,
.consultant-experience .experience-entry-munich-re h3,
.consultant-experience .experience-entry-sun-life h3 {
  font-size: clamp(calc(1em * 1.55), 2.45vw, calc(1em * 2.5));
}

.consultant-ending [data-end-mark] {
  height: clamp(9rem, 16vw, 15rem);
  grid-column: 1 / 10;
}

.consultant-ending p {
  letter-spacing: 0.1em;
}

@media (max-width: 64rem) {
  .consultant-hero .hero-name {
    grid-column: 1 / 8;
  }

  .consultant-hero .hero-name h1 {
    font-size: clamp(calc(1em * 5.2), 11vw, calc(1em * 8));
  }

  .consultant-hero .hero-statement {
    grid-column: 8 / 13;
  }

  .consultant-profile .education-list {
    grid-column: 1 / 7;
  }

  .consultant-profile .profile-context {
    grid-column: 7 / 13;
  }
}

@media (max-width: 48rem) {
  .consultant-hero .hero-name,
  .consultant-hero .hero-statement,
  .consultant-profile .education-list,
  .consultant-profile .profile-context,
  .consultant-experience .experience-entry-lebo,
  .consultant-experience .experience-entry-ey,
  .consultant-experience .experience-entry-munich-re,
  .consultant-experience .experience-entry-scor,
  .consultant-experience .experience-entry-sun-life {
    grid-column: auto;
  }

  .consultant-hero .hero-name h1 {
    font-size: clamp(calc(1em * 3.6), 28vw, calc(1em * 7));
    line-height: 0.8;
    white-space: normal;
  }

  .consultant-hero .hero-name h1 span {
    display: block;
  }

  .consultant-hero .hero-name h1 .name-surname {
    margin-left: -0.035em;
  }

  .consultant-hero .hero-statement {
    max-width: 11ch;
    font-size: clamp(calc(1em * 1.45), 9vw, calc(1em * 2.75));
  }

  .consultant-profile .profile-context {
    grid-template-columns: minmax(0, 1fr);
  }

  .consultant-experience .experience-entry-ey h3,
  .consultant-experience .experience-entry-munich-re h3,
  .consultant-experience .experience-entry-sun-life h3 {
    font-size: clamp(calc(1em * 1.65), 9vw, calc(1em * 2.55));
  }

  .consultant-ending [data-end-mark] {
    height: clamp(7rem, 34vw, 11rem);
    grid-column: 1 / 5;
  }
}