hero

// src/components/patterns/hero/hero.twig

<div class="Hero">
	<div class="Hero-content u-container">
		<div class="Hero-contentInner">
			<h1>
				<span class="Hero-kicker">{{ sub_heading|raw }}</span><span class="u-hiddenVisually">:</span>
				<span class="Hero-heading">{{ heading|raw }}</span>
			</h1>
			{% if copy %}
				<div class="Hero-copy">
					{{ copy|raw }}
				</div>
			{% endif %}
		</div>
	</div>
	<div class="Hero-media">
		{{ image|raw }}
	</div>
</div>