{{#get "posts" filter="featured:true" limit="all" as |featured|}}
{{#if featured}}
    <div class="gh-outer">
    <section class="featured-wrapper gh-inner">

        {{#if @custom.featured_title}}
            <h2 class="featured-title">{{@custom.featured_title}}</h2>
        {{/if}}

        <div class="featured-feed">
            {{#foreach featured}}
            <article class="{{post_class}}">
                <div class="u-placeholder horizontal">
                    {{#if feature_image}}
                        <img
                            class="u-object-fit"
                            srcset="{{> "srcset"}}"
                            sizes="(min-width: 1256px) calc((1130px - 60px) / 3), (min-width: 992px) calc((90vw - 60px) / 3), (min-width: 768px) calc((90vw - 30px) / 2), 90vw"
                            src="{{img_url feature_image size="m"}}"
                            alt="{{title}}"
                            loading="lazy"
                        >
                    {{/if}}
                </div>
                <h3 class="post-title">{{title}}</h3>
                <a class="u-permalink" href={{url}} aria-label="{{title}}"></a>
            </article>
            {{/foreach}}
        </div>

    </section>
    </div>
{{/if}}
{{/get}}