{% require_css %}
<style>
  {% scope_css %}
    .team-members {
      width: 100%;
      padding: 40px 0;
      color: white;
    }

    /* Заголовок */
    .team-members__header {
      margin-bottom: 48px;
      text-align: left;
    }

    .team-members__subtitle-wrap {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 12px;
    }

    .team-members__subtitle-line {
      width: 48px;
      height: 2px;
      background-color: #F7A90D;
    }

    .team-members__subtitle {
      color: #F7A90D;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 3px;
    }

    .team-members__title {
      font-size: 36px;
      font-weight: 700;
      color: white;
      margin: 0;
    }

    /* Сетка карточек */
    .team-members__list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 40px;
    }

    .team-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .team-card__image {
      width: 100%;
      height: auto;
      border-radius: 8px;
      object-fit: cover;
    }

    .team-card__name-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 16px;
      margin-bottom: 8px;
    }

    .team-card__name {
      font-weight: 700;
      font-size: 18px;
      color: white;
      margin: 0;
    }

    .team-card__position {
      font-size: 15px;
      color: white;
      margin: 0;
    }

    .team-card__linkedin-icon {
      width: 20px;
      height: 20px;
      display: inline-block;
    }

    .team-card__linkedin-icon img {
      width: 100%;
      height: 100%;
      display: block;
    }

    /* Адаптив */
    @media (max-width: 1024px) {
      .team-members__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
      }

      .team-members__title {
        font-size: 28px;
      }
    }

    @media (max-width: 600px) {
      .team-members__list {
        grid-template-columns: 1fr;
        gap: 24px;
      }

      .team-members__title {
        font-size: 24px;
      }

      .team-members__subtitle {
        font-size: 12px;
        letter-spacing: 2px;
      }
    }
  {% end_scope_css %}
</style>
{% end_require_css %}
