.athletes-section {
  .athletes-heading h2 {
    margin-top: 0;
    margin-bottom: 5rem;
    font-size: 4.3rem;
    line-height: 1;
    letter-spacing: -0.3rem;
  }
  .athletes-cards-grid {
    --grid-desktop-horizontal-spacing: 4.1rem;
    .athlete-card {
      border-radius: 2.4rem;
      display: flex;
      flex-direction: column;
      gap: 3.8rem;
      padding: 2.4rem;
      img {
        border-radius: 2.4rem;
      }
      .athlete-info {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
        h3 {
          margin: 0 0;
          font-size: 3.6rem;
          line-height: 1.2;
          font-weight: 600;
          letter-spacing: -0.108rem;
        }
        .athlete-info-details {
            line-height: 1.2;
          .athlete-role {
            font-size: 2.2rem;
            font-weight: 700;
          }
          .athlete-location {
            font-size: 1.8;
            font-weight: 400;
          }
        }
        .athlete-description p {
          margin: 0;
          font-size: 1.6rem;
          line-height: 1.6;
        }
      }
    }
  }
}

@media only screen and (max-width: 749px) {
  .athletes-section {
    .page-width {
      padding-inline: 2rem 0;
    }
    .athletes-heading h2 {
      margin-bottom: 1.2rem;
      font-size: 2.8rem;
      letter-spacing: -0.2rem;
      padding-right: 2rem;
    }
    .athletes-cards-grid {
      --grid-mobile-horizontal-spacing: 1.2rem;
      overflow-x: scroll;
      overflow-y: hidden;
      flex-wrap: nowrap;
      scroll-snap-type: x mandatory;
      padding-right: 2rem;
      .athlete-card {
        scroll-snap-align: start;
        height: fit-content;
        .athlete-info {
          h3 {
            font-size: 3rem;
            letter-spacing: -0.2rem;
          }
        }
      }
    }
    .athletes-cards-grid::-webkit-scrollbar {
      display: none;
    }
  }
}