{#
  Home: magazine root kind 30040 — long-form `a` tags in index order. No strip-level heading; each
  article uses its own title (h3). Same layout: illustration, headline, full body.
#}
{% if tiles is not empty %}
    <section
        class="home-curation-landmark"
        aria-label="{{ (website_name ~ ' — featured articles')|e('html_attr') }}"
    >
        <div class="home-curation-landmark__articles">
            {% do prefetch_article_card_covers(tiles) %}
            {% for tile in tiles %}
                {% set item = tile.article %}
                {% set article_href = (item.pubkey and npub_from_hex(item.pubkey) != '') ? path('article', { npub: npub_from_hex(item.pubkey), slug: item.slug }) : path('article-legacy-redirect', { slug: item.slug }) %}
                <article class="curation-article-display">
                    <div class="curation-article-display__pane">
                        <div class="curation-article-display__media">
                            <a href="{{ article_href }}" tabindex="-1" aria-hidden="true">
                                <img
                                    src="{{ article_card_cover(item.image, item.pubkey) }}"
                                    alt="{{ ('Illustration for ' ~ item.title)|e('html_attr') }}"
                                    loading="{{ loop.first ? 'eager' : 'lazy' }}"
                                    decoding="async"
                                >
                            </a>
                        </div>
                        <div class="curation-article-display__body">
                            <h3 class="curation-article-display__headline">
                                <a class="curation-article-display__title-link" href="{{ article_href }}">{{ item.title|e }}</a>
                            </h3>
                            <div
                                class="article-main curation-article-display__main"
                                data-controller="user-highlight-tooltip"
                            >
                                {{ tile.body_html|raw }}
                            </div>
                        </div>
                    </div>
                </article>
            {% endfor %}
        </div>
    </section>
{% endif %}