<div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <div data-content-type="html" data-appearance="default" data-element="main">&lt;style&gt;
        .Cms_cms-page__2C0cy {
            padding: 0;
        }
    &lt;/style&gt;</div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <div data-content-type="html" data-appearance="default" data-element="main">&lt;style&gt;
    .slice-hero-section {
        padding: 2rem 0;
    }

    .slice-hero__container {
        width: 100%;
        margin: 0 auto;
    }

    .slice-hero__inner-container {
        text-align: center;
        width: 90%;
        max-width: 800px;
        margin: 0 auto;
    }

    .slice-hero__text {
        padding-bottom: 3rem;
    }

    .slice-hero__title {
        text-transform: uppercase;
        font-size: 1.875rem;
        font-weight: 400;
    }

    .slice-hero__subtitle {
        line-height: 1.375rem;
    }

    .slice-hero__image img {
        width: 100%;
    }

    @media (min-width: 64rem) {
        .slice-hero__container {
            width: 90%;
        }
    }
&lt;/style&gt;

&lt;section class="slice-hero-section"&gt;
    &lt;div class="slice-hero__container"&gt;
        &lt;div class="slice-hero__text"&gt;
            &lt;div class="slice-hero__inner-container"&gt;
                &lt;h2 class="slice-hero__title"&gt;Slice of Life&lt;/h2&gt;
                &lt;p class="slice-hero__subtitle"&gt;
                    Discover Moose Knuckles in motion through a series of short films depicting slices of city life.
                &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="slice-hero__image"&gt;
            &lt;div style="padding:56.25% 0 0 0;position:relative;"&gt;
                &lt;iframe
                    src="https://player.vimeo.com/video/864558524?badge=0&amp;autopause=0&amp;autoplay=1&amp;muted=1&amp;loop=1&amp;player_id=0&amp;app_id=58479"
                    frameborder="0" allow="autoplay; fullscreen; picture-in-picture"
                    style="position:absolute;top:0;left:0;width:100%;height:100%;"
                    title="FW23_SLICE_OF_LIFE_IDRIES_1_ICONS_30S_A_1"&gt;
                &lt;/iframe&gt;
            &lt;/div&gt;
            &lt;script src="https://player.vimeo.com/api/player.js"&gt;&lt;/script&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;</div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <div data-content-type="html" data-appearance="default" data-element="main">&lt;style&gt;
    .slice-show-section {
        padding: 2em 0;
    }

    .slice-show__container {
        width: 100%;
        margin: 0 auto;
    }

    .slice-show__text {
        margin-bottom: 4em;
    }

    .slice-show__text-wrapper {
        width: 90%;
        max-width: 56em;
        margin: 0 auto;
    }

    .slice-show__title {
        font-size: 1.375rem;
        font-weight: 500;
        text-transform: none;
        letter-spacing: 0;
    }

    .slice-show__content {
        margin-bottom: 2em;
        line-height: 1.375rem;
    }

    .slice-show__image-wrapper img {
        width: 100%;
        display: block;
    }

    @media (min-width: 64em) {
        .slice-show__container {
            width: 90%;
        }

        .slice-show__text-wrapper {
            text-align: center;
        }

        .slice-show__image-wrapper {
            margin-bottom: 0.5em;
            flex-grow: 1;
        }

        .slice-show__split {
            display: flex;
            gap: .5em;
            justify-content: center;
        }
    }
&lt;/style&gt;

&lt;section class="slice-show-section"&gt;
    &lt;div class="slice-show__container"&gt;
        &lt;div class="slice-show__text"&gt;
            &lt;div class="slice-show__text-wrapper"&gt;
                &lt;h2 class="slice-show__title"&gt;
                    Slice of Life: The Montreal Vest
                &lt;/h2&gt;
                &lt;p class="slice-show__content"&gt;
                    Latch on to a free ride. Latch on to your escape from reality. Latch on to a wardrobe investment you
                    can rely on as you head outside to blow off some steam. The Montreal Vest is the only vest a part of
                    our classic Icons collection, and the only Icon designed for year-round wear. It's crafted from a
                    durable water-repellent shell filled with endlessly insulating RDS-certified 80/20 down that
                    provides our highest protection rating so you can stay comfortably warm no matter how much the day's
                    temperature varies. When you're striving for perfection on and off the skateboard, do it in the vest
                    we strived to perfect.
                &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="slice-show__gallery"&gt;
            &lt;div class="slice-show__image-wrapper"&gt;
                &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_slice_gallery_montreal_vest_1.jpg?auto=webp&amp;height=1104" alt=""&gt;
            &lt;/div&gt;
            &lt;div class="slice-show__split"&gt;
                &lt;div class="slice-show__image-wrapper"&gt;
                    &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_slice_gallery_montreal_vest_2.jpg?auto=webp&amp;height=1104" alt=""&gt;
                &lt;/div&gt;
                &lt;div class="slice-show__image-wrapper"&gt;
                    &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_slice_gallery_montreal_vest_3.jpg?auto=webp&amp;height=1104" alt=""&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="slice-show__image-wrapper"&gt;
                &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_slice_gallery_montreal_vest_4.jpg?auto=webp&amp;height=1104" alt=""&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;</div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <div data-content-type="html" data-appearance="default" data-element="main">&lt;style&gt;
    .slice-product-section {
        padding: 2rem 0;
    }

    .slice-product-section h3 {
        margin: 0;
    }

    .slice-product__container {
        max-width: 100em;
        margin: 0 auto;
    }

    .slice-product__heading {
        text-align: center;
        padding-bottom: 2.5em;
    }

    .slice-product__heading h2 {
        font-size: 1rem;
        text-transform: none;
        letter-spacing: 0;
        font-weight: 500;
    }

    .slice-product__split {
        display: flex;
        gap: 0.5em;
        justify-content: center;
    }

    .slice-product__split a:nth-child(3),
    .slice-product__split a:nth-child(4) {
        display: none;
    }

    .slice-product__swatches {
        display: flex;
        gap: 0.5rem;
        margin-top: 0.5rem;
    }

    .slice-product__dot {
        display: block;
        width: 10px;
        height: 10px;
        background-color: #221f20;
        border-radius: 50%;
    }

    .slice-product--color1 {
        background-color: #221f20;
    }

    .slice-product--color2 {
        background-color: #061428;
    }

    .slice-product--color3 {
        background-color: #feffff;
        border: 1px solid #000000;
    }

    .slice-product--color4 {
        background-color: #a5a49c;
    }

    .slice-product--color5 {
        background-color: #484e4d;
    }

    .slice-product--color6 {
        background-color: #957759;
    }

    .slice-product--color7 {
        background-color: #ebcc62;
    }

    .slice-product--color8 {
        background-color: #e15a26;
    }

    .slice-product__info {
        width: 95%;
        margin: 0 auto;
        padding: 1em 0;
    }

    .slice-product__link {
        display: inline-block;
        text-decoration: none;
    }

    .slice-product__link h3 {
        text-transform: none;
        letter-spacing: normal;
        font-size: 0.95rem;
        font-weight: 500;
    }

    @media (min-width: 64em) {

        .slice-product__split a:nth-child(3),
        .slice-product__split a:nth-child(4) {
            display: block;
        }

        .slice-product__info {
            margin: 0;
        }

        .slice-product__text {
            max-width: 28rem;
        }
    }
&lt;/style&gt;

&lt;section class="slice-product-section"&gt;
    &lt;div class="slice-product__container"&gt;
        &lt;div class="slice-product__heading"&gt;
            &lt;h2&gt;Shop The Montreal Vest&lt;/h2&gt;
        &lt;/div&gt;
        &lt;div class="slice-product__gallery"&gt;
            &lt;div class="slice-product__split"&gt;
                &lt;a href="https://www.mooseknucklescanada.com/ca-en/p/montreal-vest-m32mv474"&gt;
                    &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_montreal_vest_1.jpg?auto=webp&amp;height=1104"
                        alt="State Bunny Vest side view" /&gt;
                &lt;/a&gt;
                &lt;a href="https://www.mooseknucklescanada.com/ca-en/p/montreal-vest-m32mv474"&gt;
                    &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_montreal_vest_2.jpg?auto=webp&amp;height=1104"
                        alt="State Bunny Vest back view" /&gt;
                &lt;/a&gt;
                &lt;a href="https://www.mooseknucklescanada.com/ca-en/p/montreal-vest-m32mv474"&gt;
                    &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_montreal_vest_3.jpg?auto=webp&amp;height=1104"
                        alt="State Bunny Vest front view" /&gt;
                &lt;/a&gt;
                &lt;a href="https://www.mooseknucklescanada.com/ca-en/p/montreal-vest-m32mv474"&gt;
                    &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_montreal_vest_4.jpg?auto=webp&amp;height=1104"
                        alt="State Bunny Vest front view" /&gt;
                &lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="slice-product__info"&gt;
            &lt;a href="https://www.mooseknucklescanada.com/ca-en/p/montreal-vest-m32mv474" class="slice-product__link"&gt;
                &lt;h3&gt;Montreal Vest&lt;/h3&gt;
                &lt;div class="slice-product__swatches"&gt;
                    &lt;span class="slice-product__dot slice-product--color1"&gt;&lt;/span&gt;
                    &lt;span class="slice-product__dot slice-product--color2"&gt;&lt;/span&gt;
                    &lt;span class="slice-product__dot slice-product--color3"&gt;&lt;/span&gt;
                    &lt;span class="slice-product__dot slice-product--color4"&gt;&lt;/span&gt;
                    &lt;span class="slice-product__dot slice-product--color5"&gt;&lt;/span&gt;
                    &lt;span class="slice-product__dot slice-product--color6"&gt;&lt;/span&gt;
                    &lt;span class="slice-product__dot slice-product--color7"&gt;&lt;/span&gt;
                    &lt;span class="slice-product__dot slice-product--color8"&gt;&lt;/span&gt;
                &lt;/div&gt;
            &lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;</div></div>
</div><div data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
    <div data-content-type="html" data-appearance="default" data-element="main">&lt;style&gt;
    .slice-discover-section {
        padding-top: 2em;
    }

    .slice-discover__image-wrapper {
        position: relative;
    }

    .slice-discover__image-wrapper img {
        width: 100%;
    }

    .slice-discover__cta-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slice-discover__cta {
        display: inline-block;
        padding: 1rem 0;
        color: #fff;
        text-align: center;
        text-decoration: none;
        width: fit-content;
        font-size: clamp(0.8rem, 3vw, 1.6rem);
        text-transform: uppercase;
    }

    .slice-discover__cta:hover {
        display: inline-block;
        padding: 1rem 0;
        color: #fff;
        text-align: center;
        text-decoration: none;
        width: fit-content;
        position: relative;
    }

    .slice-discover__cta:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        bottom: 0px;
        left: 0;
        -webkit-transition: all .2s cubic-bezier(.4, 0, 1, 1);
        -o-transition: all .2s cubic-bezier(.4, 0, 1, 1);
        transition: all .2s cubic-bezier(.4, 0, 1, 1);
    }

    .slice-discover__cta:hover:after {
        width: 0;
    }
&lt;/style&gt;

&lt;section class="slice-discover-section"&gt;
    &lt;div class="slice-discover__image-wrapper"&gt;
        &lt;picture&gt;
            &lt;source media="(min-width: 64em)"
                srcset="https://mooseknuckles.co/media/wysiwyg/fw23_discover_lightweights_desktop.jpg?auto=webp&amp;height=1104"&gt;
            &lt;source srcset="https://mooseknuckles.co/media/wysiwyg/fw23_discover_lightweights_mobile.jpg?auto=webp&amp;height=1104"&gt;
            &lt;img src="https://mooseknuckles.co/media/wysiwyg/fw23_discover_lightweights_mobile.jpg?auto=webp&amp;height=1104"
                alt="Discover collection"&gt;
        &lt;/picture&gt;
        &lt;div class="slice-discover__cta-wrapper"&gt;
            &lt;a href="https://www.mooseknucklescanada.com/ca-en/c/lightweights" class="slice-discover__cta"&gt;Discover lightweights&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;</div></div>
</div>