.ResumeHero {
  .ResumeHero-profileName {
    margin: 0 0 10px 0;
  }

  .ResumeHero-title {
    font-size: calc(var(--font-size) * 1.3);
    line-height: calc(var(--font-size) * var(--line-height));
    margin: 10px 0 20px 0;
    font-weight: normal;
    white-space: nowrap;
  }

  .ResumeHero-contact {
    font-size: 0.9em;
    display: grid;
    grid-template-columns: min-content min-content;
    gap: 0.25em 1em;

    span {
      white-space: nowrap;
    }
    ul,
    li {
      display: contents;
    }
  }
}