{% if latestPosts | length > 0 %}
	<section class="section section--homepage section--background-light">
		<div class="section__align-center section__align-center--latest-posts">
			<h2 class="heading2 heading2--latest-posts">Les derniers articles de notre agence web</h2>
			<div class="posts posts--latest-posts">
				{% for blogPost in latestPosts %}
					<article class="posts__item posts__item--latest-posts">
						<div class="posts__item-inner posts__item-inner--latest-posts">
							<div class="posts__item-image posts__item-image--latest-posts" style="background-image: url({{ asset('images/blog/' ~ blogPost.thumbnail) }}); background-position: {{blogPost.thumbnailBgPosition}};">
								<div class="posts__item-overlay posts__item-overlay--latest-posts">
									<div class="posts__item-excerpt">
										{{- blogPost.descriptionTag -}}
									</div>
								</div>
							</div>
							<h3 class="posts__item-title posts__item-title--latest-posts">
								<span class="posts__item-link" data-humanlink="{{path('show_post', {slug: blogPost.slug}) | base64 }}">{{blogPost.title}}</span>
							</h3>
						</div>
					</article>
				{% endfor %}
			</div>
			<button class="button button--latest-posts" data-humanlink="aHR0cHM6Ly9yZWZpbmVkLXdlYi5mci9hY2N1ZWlsLWJsb2c=">Découvrer nos articles</button>
		</div>
	</section>
{% endif %}