.author-avatar-wrapper{
  margin-bottom: 24px;
  border-bottom: 1px solid var(--c-gray-900);
  .container{
    img{
      @media (max-width: 768px){
        width: 170px;
      }
    }
  }
}

.author-hero{
  .container{
    h1{
      margin: 0 0 24px;
      padding: 0;
      font-size: var(--fs-5xl);
      line-height: 80%;
      letter-spacing: -3px;
      border: none;
      border-radius: 0;
      @media (max-width: 768px){
        font-size: 40px;
      }
    }
    .text{
      max-width: 670px;
      margin: 0 0 24px;
    }
    .author-actions{
      display: flex;
      gap: 16px;
      a{
        svg{
          width: 36px;
          height: 36px;
        }
      }
    }
  }
}