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

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

	{% 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">
		{% for item in item.data.asset %}
			{{video.default("", item)}}
		{% endfor %}
	</div>
</div>