<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;Tranche de vie&lt;/h2&gt;
                &lt;p class="slice-hero__subtitle"&gt;
                    Découvrez Moose Knuckles en action à travers une série de courts-métrages illustrant des moments de
                    la vie urbaine.
                &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;
                    Tranche de vie : Le Gilet Montréal
                &lt;/h2&gt;
                &lt;p class="slice-show__content"&gt;
                    Accrochez-vous et lâchez-vous! Accrochez-vous et évadez-vous! Accrochez-vous à un investissement
                    vestimentaire sur lequel vous pouvez compter alors que vous sortez prendre l'air. Le gilet Montréal
                    est le seul gilet de notre collection de classiques emblématiques, et la seule pièce emblématique
                    conçue pour être portée toute l'année. Il est fabriqué à partir d'un tissu extérieur imperméable et
                    résistant, garni de duvet 80/20 certifié RDS et infiniment isolant, qui offre notre degré de
                    protection le plus élevé, pour que vous restiez confortablement au chaud, quels que soient les
                    écarts de température du jour. Lorsque vous cherchez continuellement la perfection, faites-le en
                    portant le gilet que nous avons travaillé à rendre parfait.
                &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;Magasinez le gilet Montréal&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-fr/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-fr/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-fr/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-fr/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-fr/p/montreal-vest-m32mv474" class="slice-product__link"&gt;
                &lt;h3&gt;Le Gilet Montréal&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-fr/c/lightweights" class="slice-discover__cta"&gt;Découvrez les modèles légers&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;</div></div>
</div>