<section class="c-hero c-hero--image c-hero--default c-hero--normal c-hero--apply-rounded-corners c-hero--apply-shadows c-hero--animation-type-kenny c-hero--has-animation" aria-label="Hero"
data-component="hero">
<div class="c-hero__image" data-js-toggle-item="toggle-animation" data-js-toggle-class="u-animation--pause">
<!-- image.blade.php -->
<figure class="c-image c-image--type-jpg?hmac=tgofdtv7tl2rprapppzkfiz9vdh5mkj39oa2d--gqha c-image--cover" data-component="image">
<div class="c-image__image-wrapper">
<img class="c-image__image" src="https://fastly.picsum.photos/id/866/536/354.jpg?hmac=tGofDTV7tl2rprappPzKFiZ9vDh5MKj39oa2D--gqhA" alt="" loading="eager" fetchpriority="high" sizes="100vw" />
</div>
</figure>
</div>
<div class="c-hero__controls" data-js-toggle-item="toggle-animation" js-video-control="" data-js-toggle-class="is-paused">
<!-- icon.blade.php -->
<span class="c-icon c-hero__animation-pause-button c-icon--pause-circle c-icon--material c-icon--material-pause_circle c-icon--svg-material c-icon--size-xl" data-js-toggle-trigger=
"toggle-animation" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-component="icon"><svg aria-hidden="true" focusable="false" xmlns=
"http://www.w3.org/2000/svg" viewbox="0 0 960 960" fill="currentcolor" style="fill:var(--icon-color, currentColor)">
<path d=
"M360 640H440V320H360ZM520 640H600V320H520ZM480 880Q397 880 324.0 848.5Q251 817 197.0 763.0Q143 709 111.5 636.0Q80 563 80 480Q80 397 111.5 324.0Q143 251 197.0 197.0Q251 143 324.0 111.5Q397 80 480 80Q563 80 636.0 111.5Q709 143 763.0 197.0Q817 251 848.5 324.0Q880 397 880 480Q880 563 848.5 636.0Q817 709 763.0 763.0Q709 817 636.0 848.5Q563 880 480 880ZM480 800Q614 800 707.0 707.0Q800 614 800 480Q800 346 707.0 253.0Q614 160 480 160Q346 160 253.0 253.0Q160 346 160 480Q160 614 253.0 707.0Q346 800 480 800ZM480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Z">
</path></svg></span> <!-- icon.blade.php -->
<span class="c-icon c-hero__animation-play-button c-icon--play-circle c-icon--material c-icon--material-play_circle c-icon--svg-material c-icon--size-xl" data-js-toggle-trigger=
"toggle-animation" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-component="icon"><svg aria-hidden="true" focusable="false" xmlns=
"http://www.w3.org/2000/svg" viewbox="0 0 960 960" fill="currentcolor" style="fill:var(--icon-color, currentColor)">
<path d=
"M380 660 660 480 380 300ZM480 880Q397 880 324.0 848.5Q251 817 197.0 763.0Q143 709 111.5 636.0Q80 563 80 480Q80 397 111.5 324.0Q143 251 197.0 197.0Q251 143 324.0 111.5Q397 80 480 80Q563 80 636.0 111.5Q709 143 763.0 197.0Q817 251 848.5 324.0Q880 397 880 480Q880 563 848.5 636.0Q817 709 763.0 763.0Q709 817 636.0 848.5Q563 880 480 880ZM480 800Q614 800 707.0 707.0Q800 614 800 480Q800 346 707.0 253.0Q614 160 480 160Q346 160 253.0 253.0Q160 346 160 480Q160 614 253.0 707.0Q346 800 480 800ZM480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Z">
</path></svg></span>
</div>
</section>