@keyframes storytelling-arrows{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes storytelling-pulse-ring{0%{transform:translate(-50%,-50%)scale(.3)}80%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(.3)}}@layer components{.storytellingheaderblock{z-index:3;padding-top:100px;position:relative;top:-100px;overflow:hidden}.storytellingheaderblock .text{font-weight:500}.storytellingheaderblock .text p+a{margin-top:30px;display:inline-block}@media (width>=1025px){.storytellingheaderblock .text p+a{margin-top:80px}}.storytellingheaderblock .slide-1{height:200vh;position:relative}.storytellingheaderblock .slide-1 .start{position:fixed;top:75vh}.storytellingheaderblock .header-content{width:100%;height:100vh;position:relative}.storytellingheaderblock .header-content.hide{display:none}.storytellingheaderblock .header-content img{object-fit:cover;width:100%;height:100%}.storytellingheaderblock .storytelling-header-hero__text{width:calc(100% - 32px);color:var(--color-white);text-align:center;padding-top:16px;position:absolute;top:14%;left:50%;transform:translate(-50%)}@media (width>=576px){.storytellingheaderblock .storytelling-header-hero__text{max-width:500px;top:20%}}@media screen and (width>=1200px){.storytellingheaderblock .storytelling-header-hero__text{text-align:left;left:25.5556vw;transform:none}}@media (width>=1025px){.storytellingheaderblock .storytelling-header-hero__text{left:var(--space-legacy-2);width:100%;max-width:900px;font-size:60px;line-height:1;transform:none}}@media (width>=1440px){.storytellingheaderblock .storytelling-header-hero__text{max-width:1150px}}.storytellingheaderblock .storytelling-header-hero__title{font-size:clamp(var(--font-size-h2-mobile), 2.8vw, var(--font-size-h2));letter-spacing:-.015em;line-height:1.2}@media (width>=1025px){.storytellingheaderblock .storytelling-header-hero__title{font-size:clamp(var(--font-size-h1-mobile), 3.2vw, var(--font-size-h1));letter-spacing:-.02em}}.storytellingheaderblock .arrow-container{border:1px solid var(--color-white);border-radius:100%;width:40px;height:40px;transition:opacity .35s;position:absolute;bottom:16px;left:16px;overflow:hidden;transform:translate(0,0)}.storytellingheaderblock .arrow-container.fade{opacity:0}@media (width>=1280px){.storytellingheaderblock .arrow-container{bottom:100px;left:var(--space-legacy-2);width:64px;height:64px}}.storytellingheaderblock .arrow-container svg{width:16px;height:16px;margin:0 auto;display:block}@media (width>=1280px){.storytellingheaderblock .arrow-container svg{width:24px;height:24px}}.storytellingheaderblock .arrow-container .wrapper{animation:2s linear infinite storytelling-arrows}.storytellingheaderblock .slide-1 .content{z-index:1;width:100%;max-width:1440px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.storytellingheaderblock .slide-1 .content{position:relative}}.storytellingheaderblock .slide-1 .slide-content{width:100%;height:100vh;position:relative}.storytellingheaderblock .slide-1 .slide-content .text{z-index:2;width:calc(100% - 32px);max-width:560px;color:var(--color-white);opacity:0;position:absolute;top:70%;left:50%;transform:translate(-50%)}@media only screen and (width>=576px){.storytellingheaderblock .slide-1 .slide-content .text{top:78%}}@media (width>=1025px){.storytellingheaderblock .slide-1 .slide-content .text{top:50%;left:80px;transform:translateY(-30%)}}.storytellingheaderblock .slide-1 .slide-content .text .title{text-align:left;font-size:20px;line-height:1.3}@media (width>=1025px){.storytellingheaderblock .slide-1 .slide-content .text .title{font-size:40px;line-height:48px}}.storytellingheaderblock .slide-1 .slide-content .line{opacity:.3}.storytellingheaderblock .slide-1 .stop-animation .wire{opacity:1!important}.storytellingheaderblock .slide-1 .passerelle{width:300px;height:320px;animation-play-state:running;position:absolute;top:25%;left:50%;transform:translate(-50%)}@media only screen and (width>=576px){.storytellingheaderblock .slide-1 .passerelle{width:560px;height:610px}}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle{width:560px;height:610px;top:65%;transform:translate(-50%,-50%)}}.storytellingheaderblock .slide-1 .passerelle.stop-animation .btn-start,.storytellingheaderblock .slide-1 .passerelle.stop-animation .circle{pointer-events:none;animation:none}.storytellingheaderblock .slide-1 .passerelle.stop-animation .circle{background:#5579a5}.storytellingheaderblock .slide-1 .passerelle .house{z-index:1;opacity:0;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .house{width:100%;height:100%;transform:translate(-50%,-50%)}}.storytellingheaderblock .slide-1 .passerelle .btn-start{z-index:2;cursor:pointer;transform-origin:50%;width:95px;height:98px;position:absolute;top:68%;left:50%;transform:translate(-50%,-50%)}.storytellingheaderblock .slide-1 .passerelle .btn-start img{width:100%;height:100%;display:block}.storytellingheaderblock .slide-1 .passerelle .circles{z-index:1;transform-origin:50%;width:95px;height:98px;position:absolute;top:53%;left:50%;transform:translate(-50%)}@media only screen and (width>=576px){.storytellingheaderblock .slide-1 .passerelle .circles{top:60%}}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .circles{top:60%}}@media (prefers-reduced-motion:reduce){.storytellingheaderblock .slide-1 .passerelle .circles{display:none}}.storytellingheaderblock .slide-1 .passerelle .circle{background:var(--color-secondary);border-radius:100%;width:136px;height:136px;transition:background-color .5s,opacity .5s;animation:1.25s ease-out infinite storytelling-pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.storytellingheaderblock .slide-1 .passerelle .wire{opacity:0;position:absolute}.storytellingheaderblock .slide-1 .passerelle .wire-top{transform-origin:50%;width:2px;height:90px;top:75%;left:50%;transform:translate(-50%)}@media only screen and (width>=576px){.storytellingheaderblock .slide-1 .passerelle .wire-top{height:150px;top:100%}}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .wire-top{height:150px;top:100%}}.storytellingheaderblock .slide-1 .passerelle .wire-right{width:60px;top:93%;left:0;transform:rotate(180deg)translate(40%)}@media only screen and (width>=576px){.storytellingheaderblock .slide-1 .passerelle .wire-right{width:100px;top:109%}}.storytellingheaderblock .slide-1 .passerelle .wire-bottom{transform-origin:50%;width:2px;height:90px;top:auto;bottom:60%;left:50%;transform:translate(-50%)}@media only screen and (width>=576px){.storytellingheaderblock .slide-1 .passerelle .wire-bottom{height:150px}}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .wire-bottom{height:150px}}.storytellingheaderblock .slide-1 .passerelle .wire-left{width:90px;bottom:65%;left:0;transform:translate(55%)}@media only screen and (width>=576px){.storytellingheaderblock .slide-1 .passerelle .wire-left{width:150px;bottom:75%}}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .wire-left{bottom:75%}}.storytellingheaderblock .slide-1 .passerelle .products{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.storytellingheaderblock .slide-1 .passerelle .product{width:70px;height:70px;position:absolute}@media only screen and (width>=576px){.storytellingheaderblock .slide-1 .passerelle .product{width:120px;height:120px}}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .product{width:120px;height:120px}}.storytellingheaderblock .slide-1 .passerelle .product.plug{top:12%;left:50%;transform:translate(-50%)}.storytellingheaderblock .slide-1 .passerelle .product.plug img{transform:translateY(10px)scale(0)}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .product.plug img{transform:translateY(20px)scale(0)}}.storytellingheaderblock .slide-1 .passerelle .product.thermostat{top:40%;left:70%}.storytellingheaderblock .slide-1 .passerelle .product.thermostat img{transform:translateY(15px)scale(0)}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .product.thermostat img{transform:translateY(25px)scale(0)}}.storytellingheaderblock .slide-1 .passerelle .product.chauffe-eau{top:90%;left:50%;transform:translate(-50%)}.storytellingheaderblock .slide-1 .passerelle .product.chauffe-eau img{transform:scale(0)}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .product.chauffe-eau img{transform:translateY(-5px)scale(0)}}.storytellingheaderblock .slide-1 .passerelle .product.borne{bottom:17%;left:-6%}.storytellingheaderblock .slide-1 .passerelle .product.borne img{transform:translateY(-10px)scale(0)}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .product.borne img{transform:translateY(-30px)scale(0)}}.storytellingheaderblock .slide-1 .passerelle .product .dot{opacity:0;width:24px;height:24px}@media (width>=1025px){.storytellingheaderblock .slide-1 .passerelle .product .dot{width:40px;height:40px}}.storytellingheaderblock .slide-1 .passerelle .product img{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.storytellingheaderblock *{transition:none!important;animation:none!important}}}