.section-hero{display:flex;flex-direction:column;gap:var(--layout-div-gap)}.section-hero p,.section-hero h1,.section-hero a{margin:0;color:var(--black-100)}.section-hero .prevention{font-size:var(--text-size-p0);line-height:24px;color:var(--secondary-80)}.section-hero .hero-produit-container{display:flex;flex-direction:column;gap:24px}.section-hero .hero-produit{display:flex;flex-direction:column;gap:24px;flex:1}.section-hero .hero-produit .intro-content{display:flex;flex-direction:column;gap:var(--layout-div-gap)}.section-hero .hero-produit .intro-content h1 .pre-title{color:var(--secondary-80, #344c4f);font-size:var(--suptitle-size-up, 24px);text-transform:uppercase;display:block;line-height:normal}.section-hero .hero-produit .intro-content .subtitles p.subtitle1{font-size:var(--subtitle-size-s1);line-height:var(--line-height-s1)}.section-hero .hero-produit .intro-content .subtitles p.subtitle3{font-size:var(--subtitle-size-s3);line-height:normal}.section-hero .hero-produit .cta-container{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.section-hero .container-img.desk-only{display:none}@media all and (min-width: 1024px){.section-hero .container-img.desk-only{display:block}}.section-hero .container-img.mobile-only{display:block}@media all and (min-width: 1024px){.section-hero .container-img.mobile-only{display:none}}.section-hero .container-img img{width:100%;height:174.375px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-S)}.section-hero .container-img.hide{display:none}@media all and (min-width: 540px){.section-hero .hero-produit .cta-container{flex-direction:row}}@media all and (min-width: 769px){.section-hero{display:flex;flex-direction:column}.section-hero .hero-produit-container{display:flex;flex-direction:row;justify-content:space-between;gap:24px}.section-hero .hero-produit-container .container-img{flex:1;aspect-ratio:2/1}.section-hero .hero-produit-container .container-img .img-mobile{height:stretch}.section-hero .hero-produit-container .container-img .img-mobile img{height:100%}.section-hero .hero-produit-container .container-img:has(#lottie-hero){flex:none}.section-hero .hero-produit-container:not(:has(.container-img)) .hero-produit{width:100%}}