<article class="gh-card {{post_class}}"{{#if primary_tag.accent_color}} style="--tag-color: {{primary_tag.accent_color}};"{{/if}}>
    <a class="gh-card-link" href="{{url}}">

        <figure class="gh-card-image">
            {{#if feature_image}}
                <img
                    srcset="{{img_url feature_image size="s"}} 300w,
                            {{img_url feature_image size="m"}} 720w,
                            {{img_url feature_image size="l"}} 960w,
                            {{img_url feature_image size="xl"}} 1200w,
                            {{img_url feature_image size="xxl"}} 2000w"
                    sizes="(max-width: 1200px) 100vw, 1200px"
                    src="{{img_url feature_image size="m"}}"
                    alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
                >
            {{/if}}
        </figure>

        <div class="gh-card-wrapper">
            <div class="post-card-tags">
                {{> "get-meta-tags"}}
            </div>

            <h2 class="gh-card-title">
                {{title}}
                <div class="tag-desc">
                    {{> "get-desc-tags"}}
                </div>
            </h2>

            {{#if custom_excerpt}}
                <p class="gh-card-excerpt">{{excerpt}}</p>
            {{/if}}
        </div>

    </a>
</article>
