<section class="cm-section cm-hairline-top {{ class }}" data-block="corporate-modernist:related-posts"><div class="cm-content-well"><h2 class="cm-heading" style="font-size: clamp(1.5rem, 2.5vw, 2rem); margin: 0 0 2rem 0;"><span class="cm-heading-h2-accent">{{ heading|default:"Related posts" }}</span></h2><div class="cm-post-grid {% if columns == 2 %}cm-post-grid-2{% else %}cm-post-grid-3{% endif %}">{% for post in posts %}<article class="cm-post-card">{% if post.featured_image_url %}<a href="{{ post.url }}" class="cm-post-thumb cm-media-frame" style="display: block; aspect-ratio: 16 / 9;"><img src="{{ post.featured_image_url }}" alt="{{ post.title }}" style="width: 100%; height: 100%; object-fit: cover;"></a>{% endif %}<h3 class="cm-post-title"><a href="{{ post.url }}">{{ post.title }}</a></h3>{% if post.published_at %}<div class="cm-post-meta"><span class="cm-mono numeric-tabular">{{ post.published_at|date:"M j, Y" }}</span></div>{% endif %}</article>{% endfor %}</div></div></section>
