{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/media.njk" as media %}
{% import "components/wysiwyg.njk" as wysiwyg %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<section class="bp-l-section bp-l-section--sub">
	<header class="bp-l-section__header bp-l-section__header--split-space">
		<h2 class="bp-l-section__title u-h1">{{item.data.title}}</h2>
	</header>

	{% if item.data.description %}
		<div class="bp-l-section__content bp-s-wysiwyg-default">
			{{wysiwyg.default("", {
				content: item.data.description
			})}}
		</div>
	{% endif %}

	<div class="bp-l-section__content">
		{{media.default("", item.data.asset)}}
	</div>

</section>