{{{customeditframe.editframeStart}}}
<div class="experience-brand-hero" data-module="experienceBrandHero"
data-has-video="{{#if fullVideo}}true{{else}}false{{/if}}">
<div class="experience-brand-hero__background">
{{#if fullVideo}}
{{> @cp-medium-video fullVideo}}
{{else}}
{{> @cp-medium-image responsiveImage}}
{{/if}}
<div class="experience-brand-hero__clip">
{{#if fullVideo}}
{{> @cp-medium-video fullVideo}}
{{else}}
{{> @cp-medium-image responsiveImage}}
{{/if}}
</div>
</div>
{{#if layeredSimpleImage}}
<div class="experience-brand-hero__layered-image
{{#ifEquals layeredImagePosition "top-right"}} experience-brand-hero__layered-image--top-right{{/ifEquals}}
{{#ifEquals layeredImagePosition "top-left"}} experience-brand-hero__layered-image--top-left{{/ifEquals}}
{{#ifEquals layeredImagePosition "bottom-right"}} experience-brand-hero__layered-image--bottom-right{{/ifEquals}}
{{#ifEquals layeredImagePosition "bottom-left"}} experience-brand-hero__layered-image--bottom-left{{/ifEquals}}
{{#ifEquals layeredImagePosition "top-center"}} experience-brand-hero__layered-image--top-center{{/ifEquals}}
{{#ifEquals layeredImagePosition "bottom-center"}} experience-brand-hero__layered-image--bottom-center{{/ifEquals}}"
style="background-image: url({{layeredSimpleImage.src}});"></div>
{{/if}}
<div class="experience-brand-hero__inner">
<div class="grid-container">
<div class="experience-brand-hero__content js-brand-hero-content grid-x grid-margin-x">
<div class="cell medium-10 large-8">
{{#if brandSimpleImage}}
<div class="experience-brand-hero__brand"
style="background-image: url({{brandSimpleImage.src}});"></div>
{{/if}}
<p class="experience-brand-hero__description">{{description}}</p>
</div>
<div class="cell medium-2 large-4">
{{#if mapSimpleImage}}
<div class="experience-brand-hero__map"
style="background-image: url({{mapSimpleImage.src}});"></div>
{{/if}}
</div>
</div>
</div>
</div>
</div>
{{{customeditframe.editframeStop}}}