$if(related)$
    <nav>
        <hr class="u-mt-700" />
        
        <div class="l-card-list">
            <header class="l-card-list__header">
                <h2 class="s-invisible-links u-mt-0">
                    $if(related.url)$
                        <a href="$related.url.rel$">Related</a>
                    $else$
                        Related
                    $endif$
                </h2>
            </header>
            <div class="l-card-list__cards l-card-list__cards--$related.layout.id$">
                $if(related.layout.is_grid-2)$
                    $if(related.prev)$
                        $related.prev:partials/grid_card()$
                    $else$
                    <div class="l-card-list__card c-card c-card--outline"></div>
                    $endif$
                    $if(related.next)$
                        $related.next:partials/grid_card()$
                    $else$
                        <div class="l-card-list__card c-card c-card--outline"></div>
                    $endif$
                $else$
                    $if(related.prev)$
                        $related.prev:partials/gallery_card()$
                    $else$
                    <div class="l-card-list__card c-card c-card--outline"></div>
                    $endif$
                    $if(related.next)$
                        $related.next:partials/gallery_card()$
                    $else$
                    <div class="l-card-list__card c-card c-card--outline"></div>
                    $endif$
                $endif$
            </div>
        </div>
    </nav>
$endif$