{% assign section_data = section | default: section_controls.blogs %}
{% assign items = blogs | default: blog_items %}
{% if items
  and items.size > 0
  or section_data.kicker
  or section_data.title
  or section_data.subtitle
%}
  <section class="section blog-home-section" data-reveal>
    <div class="shell">
      <div class="section-head">
        {% if section_data.kicker or section_data.title %}
          <span class="eyebrow">{{ section_data.kicker | default: section_data.title }}</span>
        {% endif %}
        {% if section_data.subtitle or section_data.title %}
          <h2>{{ section_data.subtitle | default: section_data.title }}</h2>
        {% endif %}
        {% if link_text and link_url %}
          <a href="{{ link_url }}" class="text-link">{{ link_text }}</a>
        {% endif %}
      </div>
      <div
        class="blog-home-grid"
        {% if section_data.columns > 0 %}
          style="grid-template-columns: repeat({{ section_data.columns }}, minmax(0, 1fr));"
        {% endif %}
      >
        {% for blog in items limit: section_data.count %}
          <article class="blog-home-card" data-reveal>
            <a href="{{ blog.url | default: '/blog/' | append: blog.slug }}" class="blog-home-link">
              <div class="blog-home-media-wrap">
                {% if blog.image %}
                  <img
                    src="{{ blog.image }}"
                    alt="{{ blog.alt | default: blog.title }}"
                    class="blog-home-media"
                  >
                {% else %}
                  <div class="blog-home-fallback"><i class="fas fa-newspaper"></i></div>
                {% endif %}
                {% if blog.post_date %}
                  <div class="blog-home-date-badge">{{ blog.post_date }}</div>
                {% endif %}
              </div>
              <div class="blog-home-body">
                {% if blog.category_title %}
                  <span class="blog-home-kicker">{{ blog.category_title }}</span>
                {% endif %}
                <h3>{{ blog.title }}</h3>
                <div class="blog-home-copy">{{ blog.description | raw }}</div>
                <div class="blog-home-meta">
                  {% if blog.author_name != blank %}
                    <div class="blog-home-author">
                      <span class="blog-home-author-mark"><i class="fas fa-feather-alt"></i></span>
                      <span>{{ blog.author_name }}</span>
                    </div>
                  {% endif %}
                </div>
              </div>
            </a>
          </article>
        {% endfor %}
      </div>
    </div>
  </section>
{% endif %}