@charset "UTF-8";
/* CSS Document */

html,body{margin:0;padding:0}
#cr-landing section {position: relative; background-color:#f2ecd7;}

span.char{display:inline-block}
.splitting .word{display:inline-flex;align-items:center}
.splitting .word span.char{opacity:0;transform:translate3D(0,20%,0);transition:opacity 0.2s,transform .4s}
.splitting .word span.char:nth-child(1){transition-delay:.2s}
.splitting .word span.char:nth-child(2){transition-delay:0}
.splitting .word span.char:nth-child(3){transition-delay:.6s}
.splitting .word span.char:nth-child(4){transition-delay:.4s}
.splitting .word span.char:nth-child(5){transition-delay:.8s}
.splitting .word span.char:nth-child(6){transition-delay:.6s}
.splitting .word span.char:nth-child(7){transition-delay:.2s}
.splitting .word span.char:nth-child(8){transition-delay:0}
.splitting.is-active .word span.char{opacity:1;transform:translate3D(0,0,0)}

.font-frequenz{font-family:'Frequenz',sans-serif; letter-spacing:-.15rem; }
.font-garamond{font-family:'Cormorant Garamond', serif;font-variant-numeric: lining-nums;}
.font-extra-bold{font-weight:800}
.font-bold{font-weight:600}
.font-regular{font-weight:400}
.font-light{font-weight:300}
.font-italic{font-style:italic}
.font-caps {text-transform: uppercase;}
.big-title{font-size:8vw;line-height:.9;}
.medium-title{font-size:5vw;line-height:0.9;}
.small-title{font-size:3.4vw;line-height:0.9;}
.small-title.smaller{font-size:2.8vw;line-height:0.9;  }
.medium-text{font-size:1.8vw;line-height:1}
.small-text{font-size:1.25vw;}
#cr-landing .color-green{color:var(--main-green-100)}
#cr-landing .color-white{color:#FFF;}
#cr-landing .color-yellow {color: #f2ecd7;}
#cr-landing .color-stroke{-webkit-text-stroke:1px var(--main-green-100);color:transparent}

#cr-landing .bgcolor-white {background-color: #FFF;}
#cr-landing .bgcolor-green {background-color:var(--main-green-100);}
#cr-landing .bgcolor-darkgreen {background-color: #006432;}

.bloc-split{display:flex}
.bloc-split > div{width:100%}
.bloc-split > div:first-child{margin-right:2vw}

#cr-landing .video-holder {height: 100%;}

#cr-landing .video-holder .autoplay-poster {position: absolute; top: 0; left: 0; display: none;}

#cr-landing{background-color:#f2ecd7;margin:0 auto;font-size:1.1vw;font-family:'Roboto',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.25}

#cr-landing *{box-sizing:border-box}



section img,section video{width:100%;height:100%;display:block;object-fit:cover}
#cr-landing .cr-cta{background:transparent;height:48px;padding:0 16px;display:inline-flex;align-items:center;border-radius:4px;margin-top:2vw;border: 2px solid var(--main-green-100); color: var(--main-green-100);font-size:14px; font-family: 'Roboto', sans-serif; text-decoration: none;}
#cr-landing .cr-cta:hover{background:var(--main-green-100);color:#FFF}

#cr-landing .bloc-category .cr-cta{border: 1px solid #FFF; color: #FFF;}
#cr-landing .bloc-category .cr-cta:hover{background:#FFF;color:#000}

#cr-landing .cr-logo-green{position:relative;width:60%;}
#cr-landing .cr-logo-green img{width:100%;height:auto}
#cr-landing .cr-logo-green img:nth-child(1){position:absolute;animation-name:rotate360;animation-fill-mode:forwards;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite}

@keyframes rotate360 {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

#section-intro{justify-content:center;height:calc(100vh - 152px);display:flex;align-items:center;position:relative;flex-direction:column;justify-content:center;padding: 6vw 16vw}
#section-intro .bloc-title{position:relative;z-index:1;text-align:center}
#section-intro .big-title {font-size: 8vw;}
#section-intro .bloc-title:first-child{flex:1;display:flex;justify-content: center; flex-direction: column;}
#section-intro .video-holder{position:fixed;top:0;left:0;height:100%;width:100%}
#section-intro:after{content:'';position:absolute;-webkit-mask-image:linear-gradient(to top,hsl(0,0%,0%) 0%,hsla(0,0%,0%,0.987) 1.3%,hsla(0,0%,0%,0.951) 4.9%,hsla(0,0%,0%,0.896) 10.4%,hsla(0,0%,0%,0.825) 17.5%,hsla(0,0%,0%,0.741) 25.9%,hsla(0,0%,0%,0.648) 35.2%,hsla(0,0%,0%,0.55) 45%,hsla(0,0%,0%,0.45) 55%,hsla(0,0%,0%,0.352) 64.8%,hsla(0,0%,0%,0.259) 74.1%,hsla(0,0%,0%,0.175) 82.5%,hsla(0,0%,0%,0.104) 89.6%,hsla(0,0%,0%,0.049) 95.1%,hsla(0,0%,0%,0.013) 98.7%,hsla(0,0%,0%,0) 100%);background-color:#f2ecd7;width:100%;height:100%;top:0;left:0}
.desk{display:block}
.mob{display:none}

@media (max-width: 1400px) {
  #cr-landing .cr-cta{font-size:12px; height: 40px;}  
}
    

@media (max-width: 768px) {
    #section-intro .big-title {font-size: 12vw;}
    #cr-landing .video-holder .autoplay-poster {display: block;}
    #cr-landing .video-holder.video-is-playing .autoplay-poster {display: none;}
    #section-intro .video-holder{height:100vh;height:calc(var(--vh,1vh) * 100 - 110px);}
    #section-intro{padding:12vw 8vw;height:100vh;height:calc(var(--vh,1vh) * 100 - 110px);}
    .desk{display:none}
    .mob{display:block}
    #cr-landing .cr-cta{margin-top:4vw;height:40px;padding:0 12px}
    
    #cr-landing #section-category .cr-cta{margin-top:6vw;}
    #cr-landing{font-size: 4vw;}
    .big-title{font-size:16vw;letter-spacing:-.2rem}
    .medium-title {font-size: 10vw;}
    .small-title.smaller {font-size: 8vw;}
    .small-title{font-size:10vw;letter-spacing:-.05rem}
    .small-text{font-size:4vw;}
    .medium-text{font-size:5.6vw}
    #cr-landing .cr-logo-green{position:relative;width:40%;margin:0 auto 4vw}
    #cr-landing .bloc-texte > div:nth-child(2){text-align:center}
}


/* BLOC CATEGORY */


.bloc-category .bloc-info{position:absolute;width:100%;height:100%;color:#FFF;display:flex;flex-direction:column;justify-content:space-between;padding:3vw 2vw;text-align:left;border-radius:4px}
.bloc-category .bloc-info > div{z-index:1}
.bloc-category:before{content:'';width:100%;height:100%;position:absolute;background:#000;left:0;bottom:0;z-index:1;opacity:0;transition:opacity .4s;-webkit-mask-image:linear-gradient(to top,hsl(0,0%,0%) 0%,hsla(0,0%,0%,0.987) 1.3%,hsla(0,0%,0%,0.951) 4.9%,hsla(0,0%,0%,0.896) 10.4%,hsla(0,0%,0%,0.825) 17.5%,hsla(0,0%,0%,0.741) 25.9%,hsla(0,0%,0%,0.648) 35.2%,hsla(0,0%,0%,0.55) 45%,hsla(0,0%,0%,0.45) 55%,hsla(0,0%,0%,0.352) 64.8%,hsla(0,0%,0%,0.259) 74.1%,hsla(0,0%,0%,0.175) 82.5%,hsla(0,0%,0%,0.104) 89.6%,hsla(0,0%,0%,0.049) 95.1%,hsla(0,0%,0%,0.013) 98.7%,hsla(0,0%,0%,0) 100%)}
.bloc-category .small-title{margin-bottom:1vw;text-transform:uppercase;}
.bloc-category{position:relative;overflow:hidden;}
.bloc-category .bloc-texte{max-height:0;transition:max-height .4s;overflow:hidden}
.bloc-category img{transform:scale(1);transition:transform .4s}
@media (min-width: 768px) {
.bloc-category:hover .bloc-texte{max-height:12vw}
.bloc-category:hover img{transform:scale(1.1)}
.bloc-category:hover:before{opacity:.9}
}

    .brush {background-image: url('img/cr-rse_p00_brush_01.png'); background-color: transparent; background-size: 100% 100%; padding: 1vw 2vw; display: inline-block;}
    
    .brush-02 {background-image: url('img/cr-rse_p00_brush_01.png'); background-color: transparent; background-size: 100% 100%; padding: 1vw 1vw; display: inline-block; color: #fff;}
   
.brush.mob {display: none;}


@media (max-width: 768px) {
    
    .brush.desk {display: none;}    
    .brush.mob {display: inline-block;}
.brush {padding: 2vw 4vw; }
.brush-02 {padding: 2vw 2vw; }


.bloc-category .bloc-info{padding:8vw 6vw}
.bloc-category .medium-title{font-size:10vw;margin-bottom:4vw}

    .bloc-category .small-title {margin-bottom: 2vw;}

.bloc-category .bloc-category{width:100%}
.bloc-category .bloc-category.active .bloc-texte{max-height:40vw}
.bloc-category .bloc-category.active img{transform:scale(1.1)}
.bloc-category.active:before{opacity:.8}
    .bloc-category .bloc-texte{transition:max-height 0.6s;}
}




/* SECTION BLOCS */

.section-4-blocs picture{height:100%}
.section-4-blocs{display:flex;position:relative;}
.section-4-blocs .bloc{padding:4vw;width:25%;display:flex;flex-direction:column;justify-content:space-between; margin-bottom: 1px; position: relative;}
.section-4-blocs .bloc:not(:last-child){margin-right:1px}

@media (max-width: 768px) {
.section-4-blocs{flex-wrap:wrap}
.section-4-blocs .bloc:not(:last-child){margin-right:0}
.section-4-blocs .bloc{width:calc(100%);margin-bottom:1px;padding:12vw  8vw}
.section-4-blocs .bloc:nth-child(odd){margin-right:0px}
    .section-4-blocs .small-title.smaller {font-size: 6vw;}
}


/* SECTION BLOCS */

.section-2-blocs picture{height:100%}
.section-2-blocs{display:flex;position:relative;}
.section-2-blocs .bloc{padding:4vw;width:50%;display:flex;flex-direction:column;justify-content:flex-start; margin-bottom: 1px; position: relative;}
.section-2-blocs .bloc:not(:last-child){margin-right:1px}

@media (max-width: 768px) {
.section-2-blocs{flex-wrap:wrap}
.section-2-blocs .bloc:not(:last-child){margin-right:0}
.section-2-blocs .bloc{width:calc(100%);margin-bottom:1px;padding:12vw  8vw}
.section-2-blocs .bloc:nth-child(odd){margin-right:1px}
}

/* SECTION BLOCS */

.section-3-blocs picture{height:100%}
.section-3-blocs{display:flex;position:relative;}
.section-3-blocs .bloc{padding:4vw;width:25%;display:flex;flex-direction:column;justify-content:flex-start; margin-bottom: 1px; position: relative;}
.section-3-blocs .bloc:nth-child(2){width: 50%;}
.section-3-blocs .bloc:not(:last-child){margin-right:1px}

@media (max-width: 768px) {
.section-3-blocs{flex-wrap:wrap}
.section-3-blocs .bloc:not(:last-child){margin-right:0}
.section-3-blocs .bloc{width:calc(100%);margin-bottom:1px;padding:12vw  8vw}
.section-3-blocs .bloc:nth-child(2){width: 100%;}
.section-3-blocs .bloc:nth-child(odd){margin-right:0px}
}

    #cr-landing .sticky {position: sticky; top: 0;}
    
    #cr-landing img.sticky {height: 100vh;}
    
    
    .section-3-blocs.ssb .bloc:nth-child(1) {width: 25%} 
    .section-3-blocs.ssb .bloc:nth-child(2) {width: 25%}    
    .section-3-blocs.ssb .bloc:nth-child(3) {width: 50%}    
    
    .section-3-blocs.sbs .bloc:nth-child(1) {width: 25%} 
    .section-3-blocs.sbs .bloc:nth-child(2) {width: 50%}    
    .section-3-blocs.sbs .bloc:nth-child(3) {width: 25%}    
    
    .section-3-blocs.bss .bloc:nth-child(1) {width: 50%} 
    .section-3-blocs.bss .bloc:nth-child(2) {width: 25%}    
    .section-3-blocs.bss .bloc:nth-child(3) {width: 25%}  
    @media (max-width: 768px) {
        #cr-landing .section-3-blocs .bloc:nth-child(1), #cr-landing .section-3-blocs .bloc:nth-child(2), #cr-landing .section-3-blocs .bloc:nth-child(3) {width: 100%;}
            #cr-landing img.sticky {height: auto;}
    }



/* SECTION FULL FIXED */

.section-full-fixed{width:100%;overflow:hidden}
.section-full-fixed .cr-logo{width:50%}

.section-full-fixed .bloc-text{position:relative;z-index:1;padding:24vw 28vw 16vw;color:#FFF}
.section-full-fixed .bloc-media{width:100%;height:100%;clip:rect(0,auto,auto,0);position:absolute;top:0;left:0;perspective:1000px}
.section-full-fixed .bloc-overlay{position:absolute;background-color:#000;width:100%;height:100%;bottom:0;left:0;z-index:1}
.section-full-fixed .bloc-media .fixed{position:fixed;top:0;left:0;transform:translateZ(0);width:100%;height:100%}
.section-full-fixed .bloc-media .fixed img{transform-origin:top center;}

@media (max-width: 768px) {
    .section-full-fixed .cr-logo {width: 80%;}
    .section-full-fixed .bloc-text {padding: 20vw 8vw 20vw;}
    .section-full-fixed .bloc-media .fixed img{transform-origin:top center; height:calc(var(--vh,1vh) * 130);}
}

/* SECTION SUMMARY */

#section-summary{white-space:nowrap;overflow-x:auto;max-width:100%}
#section-summary picture{height:100%}
#section-summary .bloc-slider{display:flex;position:relative}
#section-summary .bloc-category{background:var(--main-green-100);color:#FFF;width:25%;display:flex;flex-direction:column;justify-content:space-between; white-space: normal;}
#section-summary .bloc-category:first-child{padding:4vw}
#section-summary .bloc-category:first-child:hover:before{opacity:0}
#section-summary .bloc-category:not(:last-child){margin-right:1px}
#section-summary .small-title {font-size:2.8vw; }
#section-summary .medium-text {font-size: 1.6vw; }
@media (max-width: 768px) {
#section-summary .bloc-category{width:75vw;white-space:normal}
#section-summary .bloc-slider{display:inline-flex;position:relative}
#section-summary .bloc-category:before{opacity:.8}
#section-summary .bloc-category .bloc-texte{max-height:100%}
#section-summary .bloc-category:first-child:before{opacity:0}
#section-summary .bloc-category:first-child{padding:8vw 6vw}
#section-summary .small-title {font-size: 8vw; }
#section-summary .medium-text {font-size: 4.6vw; }
    #section-summary .medium-text:first-child {font-size: 5.2vw; }
}

    .pt_content #main .primary-content {padding: 0; width: 100%;}
     #section-intro {height: calc(100vh - 152px);}
    .breadcrumb {position: absolute; z-index: 1;}
    
    a.link-layer {position: absolute; width: 100%; height: 100%; z-index: 10;}
    
    header {transition: transform 0.4s;}
    header.headroom--unpinned {transform: translateY(-60px);}
    
    header #topline {padding: 0 16px; transition: height 0.4s;}
    header.headroom--unpinned  #topline {height: 0;}
    
    @media screen and (min-width: 1200px) {
    .container-reassurance {height: 0;}
    }
    footer {position: relative;}
     .primary-content p, .pt_content #main .primary-content span {color: inherit; letter-spacing: inherit; font-weight: inherit; font-size: inherit; line-height: inherit;}
    @media screen and (min-width: 1000px) {
        .pt_content #main .primary-content {width: 100%; padding: 0;}
       
       
    }
    
    @media screen and (max-width: 768px) {
             #section-intro .video-holder{height: 100vh;height:calc(var(--vh,1vh) * 100);}
    #section-intro{height:calc(100vh - 60px);height:calc(var(--vh,1vh) * 100 - 60px);}
    }

.footer-container {position: relative;
background: #FFF;}

.footer-copy {position: relative;}