.elementor-12287 .elementor-element.elementor-element-e6e010a{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12287 .elementor-element.elementor-element-e6e010a:not(.elementor-motion-effects-element-type-background), .elementor-12287 .elementor-element.elementor-element-e6e010a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-12287 .elementor-element.elementor-element-2c167be{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12287 .elementor-element.elementor-element-9f6b98d{text-align:center;}.elementor-12287 .elementor-element.elementor-element-9f6b98d img{height:156px;}.elementor-12287 .elementor-element.elementor-element-64d9af3{--display:flex;}.elementor-12287 .elementor-element.elementor-element-8aea4af{--display:flex;}.elementor-12287 .elementor-element.elementor-element-ce5d22f{text-align:center;}.elementor-12287 .elementor-element.elementor-element-223957c{--display:flex;}.elementor-12287 .elementor-element.elementor-element-a3e2bba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12287 .elementor-element.elementor-element-b96c57e > .elementor-widget-container{padding:0em 0em 0em 0em;}.elementor-12287 .elementor-element.elementor-element-b96c57e{text-align:center;}.elementor-12287 .elementor-element.elementor-element-b96c57e img{width:100%;}.elementor-12287 .elementor-element.elementor-element-4bed3ea{--display:flex;}.elementor-12287 .elementor-element.elementor-element-681af42{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;columns:1;text-align:start;}.elementor-12287 .elementor-element.elementor-element-681af42 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-12287 .elementor-element.elementor-element-d6a3766{--display:flex;}.elementor-12287 .elementor-element.elementor-element-e4e17fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-12287 .elementor-element.elementor-element-e6e010a{--content-width:1920px;}.elementor-12287 .elementor-element.elementor-element-2c167be{--content-width:1920px;}}@media(max-width:1024px) and (min-width:768px){.elementor-12287 .elementor-element.elementor-element-a3e2bba{--width:100%;}.elementor-12287 .elementor-element.elementor-element-4bed3ea{--width:1600px;}}@media(max-width:1024px){.elementor-12287 .elementor-element.elementor-element-9f6b98d img{width:100%;object-fit:cover;}.elementor-12287 .elementor-element.elementor-element-a3e2bba{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-12287 .elementor-element.elementor-element-e6e010a{--min-height:18vh;}.elementor-12287 .elementor-element.elementor-element-2c167be{--min-height:18vh;}.elementor-12287 .elementor-element.elementor-element-ce5d22f .elementor-heading-title{font-size:20px;}.elementor-12287 .elementor-element.elementor-element-681af42{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-64d9af3 *//* ------------------------------------------------------ */
/*                     LAYOUT GLOBAL                      */
/* ------------------------------------------------------ */

.page-story{
    max-width: 1440px;
    margin-inline: auto;
    padding: 80px 40px;
}

/* ------------------------------------------------------ */
/*                      STORY INTRO                       */
/* ------------------------------------------------------ */

.story-intro{
    max-width: 800px;
    margin: 0 auto 10px;
    text-align: left;
    line-height: 1.7;
    font-size: 18px;
}

/* ------------------------------------------------------ */
/*                     STORY MEDIA SECTION                */
/* ------------------------------------------------------ */

.story-media {
    display: flex;
    align-items: flex-start;
    gap: 80px;
    margin: 0 auto;
    max-width: 1200px;
}

.story-media-images{
    flex: 0 0 35%;
}

.story-media-images img{
    width: 100%;
    height: auto;
    display: block;
}

.story-media-images-text{
    flex: 1;
    margin-top: 25px;
    font-size: 18px;
    line-height: 1.6;
}

/* ------------------------------------------------------ */
/*                     STORY BODY TEXT                    */
/* ------------------------------------------------------ */

.story-body{
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.7;
    font-size: 18px;
}

/* ------------------------------------------------------ */
/*                    FOUNDER SECTION                     */
/* ------------------------------------------------------ */

.founder-section{
    position: relative;
    display: flex;
    gap: 64px;
    align-items: center;
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 40px;
}

.founder-section-images{
    flex: 1;
}

.founder-section-images img{
    width: 100%;
    height: auto;
    display: block;
}

.founder-content{
    flex: 1;
    line-height: 1.7;
    font-size: 18px;
}

/* ------------------------------------------------------ */
/*                      RESPONSIVE                        */
/* ------------------------------------------------------ */

/* TABLETTES <= 992px */
@media (max-width: 992px) {

    .page-story {
        padding: 60px 30px;
    }

    .story-media {
        gap: 50px;
    }

    .story-media-images {
        flex: 0 0 40%;
    }

    .story-media-images-text {
        margin-top: 15px;
        font-size: 17px;
    }

    .story-intro {
        max-width: 700px;
        font-size: 17px;
    }

    .founder-section {
        gap: 40px;
    }
}

/* MOBILES <= 768px */
@media (max-width: 768px) {

    .page-story {
        padding: 40px 20px;
    }

    .story-media {
        flex-direction: column;
        gap: 30px;
    }

    .story-media-images {
        width: 100%;
        flex: none;
    }

    .story-media-images-text {
        margin-top: 0;
        font-size: 16px;
    }

    .story-intro {
        max-width: 90%;
        font-size: 16px;
        margin-bottom: 40px;
    }

    .founder-section {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .founder-section-images img {
        max-width: 100%;
    }
}

/* PETITS SMARTPHONES <= 480px */
@media (max-width: 480px) {

    .page-story {
        padding: 25px 15px;
    }

    .story-media {
        gap: 20px;
    }

    .story-media-images-text {
        font-size: 15px;
        line-height: 1.5;
    }

    .story-intro {
        max-width: 95%;
        font-size: 15px;
    }
}

/* ------------------------------------------------------ */
/*                ÉCRANS LARGE & ULTRA-LARGE             */
/* ------------------------------------------------------ */

/* ÉCRANS LARGE >= 1440px */
@media (min-width: 1440px) {

    .page-story {
        max-width: 1600px;
        padding: 100px 60px;
    }

    .story-media {
        gap: 100px;
        max-width: 1400px;
    }

    .story-media-images {
        flex: 0 0 32%;
    }

    .story-intro {
        max-width: 900px;
        font-size: 19px;
        line-height: 1.8;
    }
}

/* ÉCRANS EXTRA-LARGE >= 2400px (4K – 5K) */
@media (min-width: 2400px) {

    .page-story {
        max-width: 2000px;
        padding: 120px 80px;
    }

    .story-media {
        gap: 120px;
        max-width: 1800px;
    }

    .story-media-images {
        flex: 0 0 28%;
    }

    .story-media-images-text,
    .story-intro,
    .founder-content {
        font-size: 20px;
        line-height: 1.85;
    }

    .story-intro {
        max-width: 1100px;
        margin-bottom: 90px;
    }

    .founder-section {
        max-width: 1800px;
        gap: 100px;
    }
}/* End custom CSS */