{% extends "base.html" %}
{% block content %}
<section class="inner-hero inner-hero-blue"><p class="eyebrow">Our school</p><h1>Known by name.<br>Challenged with care.</h1><p>Northstar Academy is a community of teachers, students, and families who believe that education should make people more capable and more generous.</p></section>
<section class="content-split about-mission"><div><p class="eyebrow">Our mission</p><h2>Make room for every student's best work.</h2></div><div class="content-copy"><p>We combine strong academics with the habits that help young people thrive: asking thoughtful questions, working with others, taking responsibility, and returning to the work when it gets difficult.</p><p>Our school is deliberately personal. Students are known by their teachers, supported by their advisors, and invited to contribute to the life of the community.</p></div></section>
<section class="commitment-grid"><article><span class="card-number">01</span><h3>Academic excellence</h3><p>Deep subject knowledge, clear expectations, and support that helps students stretch.</p></article><article><span class="card-number">02</span><h3>Character and leadership</h3><p>Students practice integrity, empathy, and courage in the everyday life of school.</p></article><article><span class="card-number">03</span><h3>Community and service</h3><p>We connect learning to the people and places our students call home.</p></article></section>
<section class="people-section"><div class="section-heading"><div><p class="eyebrow">Our people</p><h2>Teachers who know the work and the student.</h2></div></div><div class="people-grid">{% for person in staff %}<article class="person-card"><div class="avatar">{{ person.name[0] }}</div><h2>{{ person.name }}</h2><p>{{ person.role }}</p><a href="mailto:{{ person.email }}">{{ person.email }}</a></article>{% endfor %}</div></section>
{% endblock %}