{% extends "public/base.html" %}
{% block title %}Work — {{ site.name }}{% endblock %}

{% block content %}
<div class="sec"><div class="wrap">
  <div class="sec-head">
    <div class="role">Work</div>
    <h1 style="font-size:clamp(32px,4.6vw,52px)">Things I've built and shipped</h1>
  </div>
  <div class="filters">
    <a href="{% url 'portfolio' %}" class="chip {% if not active_category %}on{% endif %}">All</a>
    {% for c in categories %}
      <a href="?cat={{ c.slug }}" class="chip {% if active_category == c.slug %}on{% endif %}">{{ c.name }}</a>
    {% endfor %}
  </div>
  <div class="grid g3">
    {% for p in projects %}{% include "partials/work_card.html" %}
    {% empty %}<p class="muted">No projects in this category yet.</p>{% endfor %}
  </div>
</div></div>
{% endblock %}