
<figure class="relative flex text-blue-700">

	<svg class="absolute top-0 left-0 w-12 h-12 text-blue-700 -translate-x-5 -translate-y-3 opacity-25" fill="currentColor" viewBox="0 0 32 32">
		<path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
	</svg>

	<div class="pr-24">

		<blockquote class="leading-relaxed type-d middleclass-text">
			{{ block.quote }}
		</blockquote>

		{% if block.attribution|default %}
			<figcaption class="mt-4 font-medium leading-normal tracking-widest uppercase type-sm">
				<cite class="not-italic">{{ block.attribution }}</cite>
			</figcaption>
		{% endif %}

	</div>

</figure>
