<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="brutalist-page antialiased min-h-screen flex flex-col" data-brutalist-template="contact">
	{{ admin_banner_html|safe }}
	{% if slots.header %}<header class="w-full">{{ slots.header|safe }}</header>{% endif %}
	<main class="flex-grow w-full">
		<div class="bru-wrap py-12 md:py-16">
			{% if slots.aside %}
			<div class="grid grid-cols-1 gap-12 lg:grid-cols-5">
				<div class="lg:col-span-3 space-y-8">{% if slots.main %}{{ slots.main|safe }}{% endif %}</div>
				<aside class="lg:col-span-2 space-y-8">{{ slots.aside|safe }}</aside>
			</div>
			{% else %}
			<div class="space-y-8">{% if slots.main %}{{ slots.main|safe }}{% else %}<p class="bru-meta py-8">No content blocks assigned to this page.</p>{% endif %}</div>
			{% endif %}
		</div>
	</main>
	{% if slots.footer %}<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>{% endif %}
	{{ body_end_html|safe }}
</body>
</html>
