<header class="w-100 ph4-ns bg-white bb b--light-gray mb2">
    <div class="db dt-ns mw9 center w-100">
        <div class="db dtc-ns v-mid tl w-30">
            <a href="/" class="dib f5 mt0 link black-70" title="Home">
                {{ site.title }}
            </a>
        </div>

        <nav class="db dtc-ns v-mid w-100 tl tr-ns mt2 mt0-ns">
            {% for link in site.nav_links %}
                <a
                    href="{{ link.href }}"
                    class="nav-item {{ page.url matches '#^' ~ (link.pattern ?: link.href) ~ '/?#' ? 'nav-item--active' }}">
                    {{- link.title -}}
                </a>
            {% endfor %}
        </nav>
    </div>
</header>