{% assign section_data = section | default: section_controls.team %}
{% assign items = team.items | default: team %}
{% if items
  and items.size > 0
  or section_data.kicker
  or section_data.title
  or section_data.subtitle
%}
  <section class="section" data-reveal>
    <div class="shell">
      {% if section_data.kicker != blank
        or section_data.subtitle != blank
        or section_data.title != blank
      %}
        <div class="section-head">
          <div>
            {% if section_data.kicker != blank or section_data.title != blank %}
              <span class="eyebrow">{{ section_data.kicker | default: section_data.title }}</span>
            {% endif %}
            {% if section_data.subtitle != blank or section_data.title != blank %}
              <h2>{{ section_data.subtitle | default: section_data.title }}</h2>
            {% endif %}
          </div>
        </div>
      {% endif %}
      <div
        class="team-grid"
        {% if section_data.columns > 0 %}
          style="grid-template-columns: repeat({{ section_data.columns }}, minmax(0, 1fr));"
        {% endif %}
      >
        {% for member in items limit: section_data.count %}
          <article class="team-card" data-reveal>
            <div class="team-media-wrap">
              {% if member.image != blank %}
                <img src="{{ member.image }}" alt="{{ member.name }}" class="team-media" />
              {% endif %}
              <div class="team-social">
                {% if member.linkedin_link != blank %}
                  <a href="{{ member.linkedin_link }}" aria-label="{{ member.name }} LinkedIn">
                    <i class="fab fa-linkedin-in"></i>
                  </a>
                {% endif %}
                {% if member.twitter_link != blank %}
                  <a href="{{ member.twitter_link }}" aria-label="{{ member.name }} Twitter">
                    <i class="fab fa-twitter"></i>
                  </a>
                {% endif %}
              </div>
            </div>
            <h3>{{ member.name }}</h3>
            <p>{{ member.designation }}</p>
            {% if member.description != blank %}
              <p class="team-card-copy">{{ member.description | truncate: 120 }}</p>
            {% endif %}
            <a
              href="{{ member.url | default: '/teams/' | append: member.id }}"
              class="btn btn-link p-0 mt-2"
            >
              Read more
            </a>
          </article>
        {% endfor %}
      </div>
    </div>
  </section>
{% endif %}