{% extends "base.html" %}
{% block title %}About — {{ brand }}{% endblock %}
{% block content %}
<section class="max-w-7xl mx-auto px-6 py-16">
  <h1 class="text-3xl font-bold">About BrookHaven</h1>
  <p class="mt-4 text-white/80 max-w-3xl">
    We’re a small, senior team that prototypes fast and ships safely. We love systems thinking,
    clean UX, and deployments that don’t wake you up at 3am.
  </p>
  <div class="mt-8 grid md:grid-cols-2 gap-6">
    <div class="rounded-2xl bg-bh.card/70 border border-bh.ring p-6">
      <h3 class="font-semibold">What we value</h3>
      <ul class="mt-3 space-y-2 text-white/75 text-sm">
        <li>• Production realism over slideware</li>
        <li>• Data-in/data-out from day one</li>
        <li>• Accessibility & performance as defaults</li>
      </ul>
    </div>
    <div class="rounded-2xl bg-bh.card/70 border border-bh.ring p-6">
      <h3 class="font-semibold">How we work</h3>
      <ul class="mt-3 space-y-2 text-white/75 text-sm">
        <li>• Short sprints to real demos</li>
        <li>• Clear handoffs to internal teams</li>
        <li>• Infra that fits your stack</li>
      </ul>
    </div>
  </div>
</section>
{% endblock %}

