:root{
  --main:#ff5710;
  --secondary:#3131ff;
  --white:#fff;
  --black:#000;
  --dark:#1c1c1c;
  --light:#f3f3f3;
  --bg-light:#eae4df;
  --font-primary:"Roobert","Helvetica Now Display","Helvetica","Arial",sans-serif;
  --font-secondary:"DM Mono",ui-monospace,monospace;
  --expoOut:cubic-bezier(0.16,1,0.3,1);
}
html,body{margin:0;padding:0}
body{font-family:var(--font-primary);color:#0a0a0a;background:#ffffff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
img,svg{display:block;max-width:100%;height:auto}
.container{margin:0 auto;padding-left:max(44px,min(3.472vw,66.5px));padding-right:max(44px,min(3.472vw,66.5px));width:100%;box-sizing:border-box}
.columns{display:flex;flex-wrap:wrap}
.columns__item{display:flex}
.flex{display:flex;align-items:center}
.floating{position:absolute}
.floating.--center{left:50%;top:50%;transform:translate(-50%,-50%)}
.floating.--bottomleft{bottom:max(44px,min(3.472vw,66.5px));left:max(44px,min(3.472vw,66.5px))}
.floating.--bottomright{bottom:max(44px,min(3.472vw,66.5px));right:max(44px,min(3.472vw,66.5px))}
.floating.--topright{right:max(44px,min(3.472vw,66.5px));top:max(44px,min(3.472vw,66.5px))}
.video.--cover{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}
.video.--cover video{height:100%;object-fit:cover;width:100%}
.title.--large{font-size:clamp(32px,4vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.05}
.title.--xxsmall{font-size:14px;line-height:1.3;font-weight:500}
.title.--jumbo{font-size:clamp(40px,8vw,120px);font-weight:500;letter-spacing:-.05em;line-height:.95}
.title.--na{margin:0}
.button{align-items:center;background:#fff;border:0;border-radius:999px;color:#000;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:10px 18px}
.button.--over-black{background:#fff;color:#000}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.link.catalog{margin:16px 0 28px;font-size:16px}
.tag{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}
body.login .button{font-size:1.25vw!important;font-weight:400!important;height:3.333vw!important;line-height:3.333vw!important;padding:0 1.667vw!important}
body.login .button{align-items:center;background-color:#fff;background-color:var(--white);border:0;border-radius:3.333vw;box-shadow:none;color:#000;color:var(--black);cursor:pointer;display:inline-flex;justify-content:center;outline:none;position:relative;text-align:center;width:auto}
body.login .button:hover{background-color:#fff;background-color:var(--white);color:#f3f3f3;color:var(--light)}
body.login .button.wp-hide-pw{background-color:transparent}
.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background-color:#2b2d2e!important;color:var(--color-white)!important}
.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{box-shadow:none}
/* Aligné sur breakpoint intro (1100) — plus de trou 1025–1100 où les deux étaient cachés */
@media (max-width:1100px){[data-desktop]{display:none!important}}
@media (min-width:1101px){[data-mobile]{display:none!important}}
.container{margin:auto;max-width:calc(100% - max(4.4pc, min(5.556vw, 6.65pc)))}
.container.--wide{width:100%}
.columns{display:flex;flex-direction:row;justify-content:space-between;margin-left:max(-.694vw,-13.3px);margin-right:max(-.694vw,-13.3px)}
.columns.--centered{align-items:center}
.columns.--center{justify-content:center}
.columns.--stretch{justify-content:stretch}
.columns.--start{justify-content:flex-start}
.columns.--end{justify-content:flex-end}
.columns.--reverse{flex-direction:row-reverse}
.notchbanner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border-radius:max(.88pc,min(1.111vw,1.33pc));color:#fff;color:var(--white);display:flex;gap:max(1.1pc,min(1.389vw,26.6px));justify-content:flex-start;opacity:1;padding:max(.44pc,min(.556vw,.665pc)) max(26.4px,min(2.083vw,.4156250000000001in)) max(.44pc,min(.556vw,.665pc)) max(.44pc,min(.556vw,.665pc));transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
.notchbanner .image{border-radius:max(.88pc,min(1.111vw,1.33pc));height:max(.88in,min(6.667vw,7.98pc));width:max(.88in,min(6.667vw,7.98pc))}
.notchbanner .content{text-align:left}
.notchbanner .content .tag{background-color:#ff5710;background-color:var(--main);border-radius:max(.88pc,min(1.111vw,1.33pc));display:inline-flex;font-size:max(9.68px,min(.764vw,14.63px));font-weight:500;height:max(.88pc,min(1.111vw,1.33pc));line-height:max(.88pc,min(1.111vw,1.33pc));margin-bottom:max(.44pc,min(.556vw,.665pc));padding:0 max(.22pc,min(.278vw,5.32px));text-transform:uppercase}
.notchbanner .content .title{align-items:center;display:flex;justify-content:center;margin-bottom:max(.44pc,min(.556vw,.665pc));white-space:nowrap}
.notchbanner .content .title .tag{margin-bottom:0;margin-left:max(.44pc,min(.556vw,.665pc))}
.flex{align-items:center;display:flex}
.title{color:inherit;font-family:Roobert,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:max(1.87pc,min(2.361vw,45.22px));font-weight:500;letter-spacing:-.05em;line-height:1.2}
.title .line{overflow:hidden}
.title strong{color:#ff5710;color:var(--main)}
.title.--xxsmall{font-size:max(9.9pt,min(1.042vw,19.950000000000003px));letter-spacing:0}
.title.--xsmall{font-size:max(.99pc,min(1.25vw,23.94px));letter-spacing:0}
.title.--small{font-size:max(.22in,min(1.667vw,31.92px))}
.title.--large{font-size:max(44px,min(3.472vw,66.5px))}
.title.--xlarge{font-size:max(4.4pc,min(5.556vw,6.65pc))}
.title.--jumbo{font-size:max(9.35pc,min(11.806vw,226.10000000000002px));line-height:1}
.title.--jumbo.--reduced{font-size:max(96.8px,min(7.639vw,146.3px))}
.title p{margin-bottom:1rem}
.button{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #fff;border:1px solid var(--white);border-radius:max(9.9pt,min(1.042vw,19.950000000000003px));box-shadow:none;color:#1c1c1c;color:var(--dark);cursor:pointer;display:inline-flex;font-family:Roobert,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:max(9.9pt,min(1.042vw,19.950000000000003px));font-weight:500;height:max(.44in,min(3.333vw,3.99pc));justify-content:center;line-height:max(.44in,min(3.333vw,3.99pc));outline:none;padding:0 max(1.76pc,min(2.222vw,2.66pc));position:relative;text-align:center;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut);white-space:nowrap;width:auto}
.button:hover{background-color:#ff5710;background-color:var(--main);border:1px solid #ff5710;border:1px solid var(--main);color:#1c1c1c;color:var(--dark)}
.button i{margin-right:.5em}
.button.--blur{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.1);border-color:transparent;color:#fff;color:var(--white)}
.button.--blur:hover{background-color:#fff;background-color:var(--white);border:1px solid #fff;border:1px solid var(--white);color:#1c1c1c;color:var(--dark)}
.button.--main{background-color:#ff5710;background-color:var(--main);border:1px solid #ff5710;border:1px solid var(--main);color:#1c1c1c;color:var(--dark)}
.button.--dark{background-color:#1c1c1c;background-color:var(--dark);border:1px solid #1c1c1c;border:1px solid var(--dark);color:#fff;color:var(--white)}
.button.--dark:hover{background-color:#ff5710;background-color:var(--main);border:1px solid #ff5710;border:1px solid var(--main);color:#1c1c1c;color:var(--dark)}
.button.--alternative-dark{background-color:#d3cac3;background-color:var(--bg-light-alt);border:1px solid #d3cac3;border:1px solid var(--bg-light-alt);color:#1c1c1c;color:var(--dark)}
.button.--over-main{background-color:#fff;background-color:var(--white);border:1px solid #fff;border:1px solid var(--white);color:#1c1c1c;color:var(--dark)}
.button.--over-main:hover{background-color:#1c1c1c;background-color:var(--dark);border:1px solid #1c1c1c;border:1px solid var(--dark);color:#fff;color:var(--white)}
.button.--over-black{background-color:transparent;border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-light);color:#fff;color:var(--white)}
.button.--over-black:hover{background-color:#ff5710;background-color:var(--main);border:1px solid #ff5710;border:1px solid var(--main);color:#1c1c1c;color:var(--dark)}
.button.--over-white{background-color:transparent;border:1px solid rgba(0,0,0,.2);border:1px solid var(--border-dark);color:#1c1c1c;color:var(--dark)}
.button.--over-white:hover{background-color:#ff5710;background-color:var(--main);border:1px solid #ff5710;border:1px solid var(--main);color:#1c1c1c;color:var(--dark)}
.button.--blur{padding-left:max(4.4px,min(.347vw,6.65px))}
.button.--blur .video{border-radius:max(8.8px,min(.694vw,13.3px));height:max(2.09pc,min(2.639vw,37.90500000000001pt));margin-right:max(.99pc,min(1.25vw,23.94px));position:relative;width:max(2.09pc,min(2.639vw,37.90500000000001pt))}
.button.--blur .video i{font-size:max(.66pc,min(.833vw,15.96px));left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}
.button.--blur:hover i{color:#fff;color:var(--white)}
.button.--center{left:50%;transform:translateX(-50%)}
.buttons .button{display:inline-block;margin-bottom:.833vw;margin-right:.833vw;margin-top:0}
.link{align-items:center;color:inherit;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Roobert,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:max(9.9pt,min(1.042vw,19.950000000000003px));font-weight:400;line-height:1.2}
.link .circle{background-color:#252525;background-color:var(--bg-dark-alt);border-radius:max(29.04px,min(2.292vw,43.89px));display:block;font-weight:500;height:max(29.04px,min(2.292vw,43.89px));line-height:max(29.04px,min(2.292vw,43.89px));margin-right:max(8.8px,min(.694vw,13.3px));text-align:center;width:max(29.04px,min(2.292vw,43.89px))}
.link i{color:#ff5710;color:var(--main);margin-left:max(.44pc,min(.556vw,.665pc));margin-right:max(.44pc,min(.556vw,.665pc))}
.link:hover{color:#ff5710;color:var(--main)}
.link+.link{margin-left:max(1.1pc,min(1.389vw,26.6px))}
.accordion__item__header .title{margin-bottom:0;min-height:max(44px,min(3.472vw,66.5px));width:60vw}
.accordion__item__header .title--medium{line-height:max(3.3pc,min(4.167vw,79.80000000000001px))}
.accordion__item__header .title--small{padding:max(8.8px,min(.694vw,13.3px)) 0}
.card.--featured .content .title{margin:0}
.card.--case .content .title,.card.--post .content .title{margin-bottom:max(1.1pc,min(1.389vw,26.6px))}
.card.--team .content .title{margin-bottom:max(8.8px,min(.694vw,13.3px));padding-right:max(44px,min(3.472vw,66.5px))}
.card.--product .content .title{color:#1c1c1c;color:var(--dark);display:block;font-weight:600;margin-bottom:max(8.8px,min(.694vw,13.3px))}
.card.--product-compare .content .title{color:#1c1c1c;color:var(--dark);font-weight:600;margin-bottom:max(8.8px,min(.694vw,13.3px))}
.card.--product-minicompare .content .title{color:#1c1c1c;color:var(--dark);font-weight:600;margin-bottom:max(8.8px,min(.694vw,13.3px))}
#header{color:#fff;color:var(--white);height:auto;padding:max(22px,min(1.736vw,33.25px)) 0;pointer-events:none;position:fixed;width:100%;will-change:transform;z-index:80}
@media (max-width:1100px){#header{padding:min(2.778vw,11.5px) 0}}
#header .container{align-items:center;display:flex;height:100%;justify-content:center}
#header .columns{align-items:center;width:100%}
#header .columns__item{justify-content:space-between;padding:0}
#header .columns__item:first-child{width:33.33%}
#header .columns__item:nth-child(3){display:flex;justify-content:flex-end;width:33.33%}
#header .logo{display:inline-block;display:flex;height:auto;line-height:1;mix-blend-mode:difference;overflow:visible;pointer-events:all;text-align:center;transform:translateX(max(0px,min(0vw,0px)));transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut);width:max(5.83pc,min(7.361vw,8.811250000000001pc))}
#header .logo>.lottie{align-items:center;background-color:#fff;background-color:var(--white);border-radius:max(1.1pc,min(1.389vw,26.6px));bottom:max(-.486vw,-9.31px);box-shadow:0 4px 24px 0 rgba(0,0,0,.1);display:flex;height:max(2.86pc,min(3.611vw,69.16px));justify-content:center;left:max(-.486vw,-9.31px);opacity:.0001;position:absolute;top:max(-.486vw,-9.31px);transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut);width:max(2.86pc,min(3.611vw,69.16px))}
#header .logo>.lottie svg{height:85%!important;width:85%!important}
#header .logo>.lottie svg{position:relative}
#header .logo>img,#header .logo>svg{height:auto;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut);vertical-align:middle;width:100%}
#header .menu{display:flex;opacity:1;pointer-events:all;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
@media (max-width:1100px){#header .menu{display:none}}
#header .menu li{display:inline-block;margin-left:max(22px,min(1.736vw,33.25px))}
#header .menu li a{font-size:max(9.9pt,min(1.042vw,19.950000000000003px));font-weight:500;line-height:max(.88pc,min(1.111vw,1.33pc));opacity:1;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
#header .menu li a:hover{opacity:.5}
#header .menu li a i{font-size:max(8.8px,min(.694vw,13.3px));margin-left:max(4.4px,min(.347vw,6.65px))}
#header .group{align-items:center;background-color:transparent;border-radius:max(1.1pc,min(1.389vw,26.6px));box-shadow:0 0 0 0 transparent;display:flex;height:max(2.86pc,min(3.611vw,69.16px));margin-left:max(8.8px,min(.694vw,13.3px));padding:max(8.8px,min(.694vw,13.3px));pointer-events:all;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
#header .group .notch{border-radius:max(.88pc,min(1.111vw,1.33pc));height:max(2.2pc,min(2.778vw,53.2px));margin-right:max(1.1pc,min(1.389vw,26.6px));position:relative;width:max(2.2pc,min(2.778vw,53.2px))}
#header .group .notch .image{border-radius:max(.88pc,min(1.111vw,1.33pc));height:100%;position:absolute;width:100%}
#header .group .notch .tag{background-color:#ff5710;background-color:var(--main);border-radius:max(.88pc,min(1.111vw,1.33pc));font-size:max(9.68px,min(.764vw,14.63px));font-weight:500;height:max(.88pc,min(1.111vw,1.33pc));line-height:max(.88pc,min(1.111vw,1.33pc));padding:0 max(.22pc,min(.278vw,5.32px));position:absolute;right:0;text-transform:uppercase;top:10%;transform:translateX(30%)}
#header .group .button{background-color:#fff;background-color:var(--white);border:1px solid #fff;border:1px solid var(--white);border-radius:max(9.9pt,min(1.042vw,19.950000000000003px));color:#000;color:var(--black);height:max(30.8px,min(2.431vw,34.91250000000001pt));margin-right:max(1.1pc,min(1.389vw,26.6px));transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
@media (max-width:1100px){#header .group .button{display:none;margin-right:min(2.778vw,11.5px)}}
#header .group .button:hover{background-color:#ff5710;background-color:var(--main);border:1px solid #ff5710;border:1px solid var(--main)}
#header .group .login{align-items:center;border-radius:max(30.8px,min(2.431vw,34.91250000000001pt));color:#fff;color:var(--white);cursor:pointer;display:flex;height:max(30.8px,min(2.431vw,34.91250000000001pt));justify-content:center;margin-right:max(1.1pc,min(1.389vw,26.6px));opacity:1;text-align:center;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut);width:max(30.8px,min(2.431vw,34.91250000000001pt))}
#header .group .login:hover{opacity:.5}
#header .group .login:hover.--logout{opacity:1}
#header .group .login:hover.--logout .tooltip{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:1100px){#header .group .login{margin-right:min(2.778vw,11.5px)}}
#header .group .login .tooltip{background-color:#1c1c1c;background-color:var(--dark);border-radius:max(1.1pc,min(1.389vw,26.6px));color:#fff;color:var(--white);height:max(.44in,min(3.333vw,3.99pc));left:50%;line-height:max(.44in,min(3.333vw,3.99pc));opacity:.0001;padding:0 max(26.4px,min(2.083vw,.4156250000000001in));pointer-events:none;position:absolute;text-transform:none;top:150%;transform:translateX(-50%) translateY(20%);transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut);white-space:nowrap}
#header .group .login .tooltip:before{border-color:transparent transparent #1c1c1c;border-color:transparent transparent var(--dark) transparent;border-style:solid;border-width:0 max(8.8px,min(.694vw,13.3px)) max(.44pc,min(.556vw,.665pc));bottom:99%;content:"";height:0;left:50%;margin-left:max(-.694vw,-13.3px);position:absolute;transform:rotate(0deg);width:0}
#header .group .login .tooltip i{color:#ff5710;color:var(--main);margin-right:max(.44pc,min(.556vw,.665pc))}
#header .group .login.--logout{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.1);color:#fff;color:var(--white);font-size:max(9.9pt,min(1.042vw,19.950000000000003px));font-weight:500;-webkit-mask-image:none;mask-image:none;text-transform:uppercase}
#header .group .search{cursor:pointer;margin-right:max(0px,min(0vw,0px));transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
@media (max-width:1100px){#header .group .search{margin-right:min(11.111vw,46px)}}
#header .group .search:hover{opacity:.2}
#header.--black{color:#000;color:var(--black)}
#header.--black .group .login{color:#000;color:var(--black)}
#header.--black .group .button{background-color:#000;background-color:var(--black);border:1px solid #000;border:1px solid var(--black);color:#fff;color:var(--white)}
#header.--black .group .button:hover{color:#000!important;color:var(--black)!important}
#header.--black .group .button:hover{background-color:#ff5710;background-color:var(--main);border:1px solid #ff5710;border:1px solid var(--main)}
.--solid #header .logo{transform:translateX(max(6.16px,min(.486vw,9.31px)))}
@media (max-width:1100px){.--solid #header .logo{transform:translateX(min(1.944vw,6.0375pt)) translateY(max(-1.389vw,-5.75px))}}
.--solid #header .logo>.lottie{opacity:1}
.--solid #header .logo>img,.--solid #header .logo>svg{opacity:.0001}
.--solid #header .menu{opacity:.0001;pointer-events:none;transform:translateX(0)}
.--solid #header .group{background-color:#fff;background-color:var(--white);box-shadow:0 4px 24px 0 rgba(0,0,0,.1);transform:translateX(0)}
@media (max-width:1100px){.--solid #header .group{transform:translateX(max(-1.944vw,-6.0375pt))}}
.--solid #header .group .notch{display:block}
.--solid #header .group .button{background-color:#fff;background-color:var(--white);border:1px solid rgba(0,0,0,.2);border:1px solid var(--border-dark);color:#000;color:var(--black)}
.--solid #header .group .button:hover{background-color:#ff5710;background-color:var(--main);border:1px solid #ff5710;border:1px solid var(--main)}
.--solid #header .group .login{color:#000;color:var(--black)}
.--solid #header .group .login.--logout{background-color:#f3f3f3;background-color:var(--light);color:#000;color:var(--black)}
.--solid #header .group .search{color:#1c1c1c;color:var(--dark);margin-right:max(61.6px,min(4.861vw,93.10000000000001px))}
@media (max-width:1100px){.--solid #header .group .search{margin-right:min(13.889vw,43.125pt)}}
.home #header .group .notch{display:none}
.home .--solid #header .group .notch{display:block}
#menu{bottom:0;height:100%;left:0;pointer-events:none;position:fixed;right:0;top:0;width:100%;z-index:100}
#menu .mask{background-color:#1c1c1c;background-color:var(--dark);bottom:0;display:none;height:100%;left:0;opacity:.0001;position:absolute;right:0;top:0;width:100%;will-change:opacity}
#menu .inner{background-color:#1c1c1c;background-color:var(--dark);bottom:0;color:#fff;color:var(--white);display:none;height:100%;left:0;position:absolute;right:0;top:0;transform:translateY(-100%);width:100%;will-change:transform}
#menu .inner .container{height:100%;padding:max(26.4px,min(2.083vw,.4156250000000001in)) 0}
@media (max-width:1100px){#menu .inner .container{height:auto;padding:min(2.778vw,11.5px) 0}}
#menu .inner .container>.columns{height:100%;width:100%}
@media (max-width:1100px){#menu .inner .container>.columns{width:auto}}
#menu .inner .container>.columns>.columns__item{height:100%;justify-content:center;position:relative;width:50%}
@media (max-width:1100px){#menu .inner .container>.columns>.columns__item:first-child{display:none}}
#menu .inner .container>.columns>.columns__item:nth-child(2){align-items:flex-start;display:flex;flex-direction:column;text-align:left}
@media (max-width:1100px){#menu .inner .container>.columns>.columns__item:nth-child(2){width:100%}}
#menu .inner .container>.columns>.columns__item .columns{width:calc(100% + max(1.1pc, min(1.389vw, 26.6px)))}
@media (max-width:1100px){#menu .inner .container>.columns>.columns__item .columns{flex-wrap:wrap;width:calc(100% + min(2.778vw, 11.5px))}}
#menu .inner .container>.columns>.columns__item .columns__item:first-child{width:50%}
#menu .inner .container>.columns>.columns__item .columns__item:nth-child(2){width:50%}
#menu .inner .logo{height:100%;width:100%}
#menu .inner .login{align-items:center;cursor:pointer;display:flex;gap:max(1.1pc,min(1.389vw,26.6px));justify-content:center;margin-bottom:max(.88pc,min(1.111vw,1.33pc))}
#menu .inner .login .button{padding:0 max(.88pc,min(1.111vw,1.33pc))}
#menu .inner .login .button i{color:#ff5710;color:var(--main);margin-right:max(.88pc,min(1.111vw,1.33pc))}
#menu .inner .login .button:hover i{color:#000;color:var(--black)}
#menu .inner .list{margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in));width:100%}
#menu .inner .list li{border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--border-light);white-space:nowrap}
@media (max-width:1100px){#menu .inner .list li{white-space:normal;white-space:initial}}
#menu .inner .list li:first-child a:hover{color:#3131ff;color:var(--secondary)}
#menu .inner .list li:nth-child(2) a:hover{color:#42ec8b;color:var(--tertiary)}
#menu .inner .list li:nth-child(3) a:hover{color:#ff5710;color:var(--main)}
#menu .inner .list li .title{display:block;height:max(83.6px,min(6.597vw,94.76250000000002pt));line-height:max(83.6px,min(6.597vw,94.76250000000002pt))}
@media (max-width:1100px){#menu .inner .list li .title{height:auto;line-height:1.2;padding:min(5.556vw,23px) 0}}
#menu .inner .list li .title .word{display:inline!important}
#menu .inner .country-selector a{padding:0}
#menu .inner .catalog{color:#757474;color:var(--medium);margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in));transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
#menu .inner .catalog i{color:#757474;color:var(--medium);transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
#menu .inner .catalog:hover{color:#ff5710;color:var(--main)}
#menu .inner .catalog:hover i{color:#ff5710;color:var(--main)}
#menu .inner .submenu.--main li{margin-bottom:max(1.1pc,min(1.389vw,26.6px))}
#menu .inner .submenu.--main li a{font-size:max(9.9pt,min(1.042vw,19.950000000000003px));font-weight:400;opacity:1;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
@media (max-width:1100px){#menu .inner .submenu.--main li a{font-size:min(3.889vw,12.075pt)}}
#menu .inner .submenu.--main li a:hover{opacity:.5}
#menu .inner .submenu.--buttons{margin-bottom:max(1.1pc,min(1.389vw,26.6px))}
#menu .inner .submenu.--buttons li{margin-bottom:max(8.8px,min(.694vw,13.3px))}
#menu .inner .submenu.--buttons li a{border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-light);border-radius:max(1.1pc,min(1.389vw,26.6px));display:block;font-size:max(9.9pt,min(1.042vw,19.950000000000003px));font-weight:400;height:max(.44in,min(3.333vw,3.99pc));line-height:max(.44in,min(3.333vw,3.99pc));overflow:hidden;padding:max(0px,min(0vw,0px)) max(1.1pc,min(1.389vw,26.6px));text-overflow:ellipsis;transition:border .6s cubic-bezier(.16,1,.3,1);transition:border .6s var(--expoOut);white-space:nowrap;width:max(8.58pc,min(10.833vw,155.61pt))}
@media (max-width:1100px){#menu .inner .submenu.--buttons li a{border-radius:min(4.167vw,17.25px);font-size:min(3.889vw,12.075pt);height:min(11.111vw,46px);line-height:min(11.111vw,46px);width:100%}}
#menu .inner .submenu.--buttons li a:before{content:"\f061";float:right;font-family:Font Awesome\ 6 Pro;margin-left:max(8.8px,min(.694vw,13.3px))}
#menu .inner .submenu.--buttons li a:hover{border:1px solid #fff;border:1px solid var(--white)}
#menu .inner .submenu.--legal{bottom:0;display:flex;justify-content:space-between;left:0;margin-top:max(3.19pc,min(4.028vw,77.14px));padding:0 max(8.8px,min(.694vw,13.3px));position:absolute;right:0;width:100%}
@media (max-width:1100px){#menu .inner .submenu.--legal{display:none}}
#menu .inner .submenu.--legal li{display:inline-block}
#menu .inner .submenu.--legal li a{color:#fff;color:var(--white);font-family:DM Mono,Georgia,Times new roman,serif;font-family:var(--font-secondary);font-size:max(.66pc,min(.833vw,15.96px));font-weight:500;opacity:.2;text-transform:uppercase}
#menu .inner .submenu.--legal li:first-child a{opacity:1}
#menu .trigger{cursor:pointer;height:max(8.8px,min(.694vw,13.3px));opacity:.0001;pointer-events:none;position:absolute;right:max(3.3pc,min(4.167vw,79.80000000000001px));text-align:center;top:max(39.6px,min(3.125vw,59.85px));transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut);width:max(26.4px,min(2.083vw,.4156250000000001in));z-index:2}
@media (max-width:1440px){#menu .trigger{right:max(2.2pc,min(2.778vw,53.2px))}}
@media (max-width:1100px){#menu .trigger{left:auto;left:initial;opacity:1;pointer-events:all;right:min(4.167vw,17.25px);top:min(6.944vw,21.5625pt)}}
#menu .trigger span{background-color:#1c1c1c;background-color:var(--dark);display:flex;height:2px;margin-top:-1px;position:relative;position:absolute;top:50%;transform:translateY(-4px);width:100%}
@media (max-width:1100px){#menu .trigger span{background-color:#fff;background-color:var(--white)}}
#menu .trigger span:nth-child(2){transform:translateY(4px);width:70%}
@media (max-width:1100px) and (orientation:portrait){#menu .trigger span{transition-duration:.2s}}
@media (max-width:1100px){#menu.--black .trigger span{background-color:#1c1c1c;background-color:var(--dark)}}
#menu.--solid .trigger{opacity:1;pointer-events:all}
@media (max-width:1100px){#menu.--solid .trigger{transform:translateX(max(-4.722vw,-.2036458333333333in))}}
@media (max-width:1100px){#menu.--solid .trigger span{background-color:#1c1c1c;background-color:var(--dark)}}
#submenu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.25);bottom:0;display:none;height:100%;left:0;opacity:.0001;position:fixed;right:0;top:0;width:100%;z-index:2}
#submenu .content{color:#fff;color:var(--white);padding-top:max(7.7pc,min(9.722vw,186.20000000000002px));position:absolute;right:max(1.1pc,min(1.389vw,26.6px));top:0;width:50%}
@media (max-width:1110px){#submenu .content{right:max(1.1pc,min(1.389vw,26.6px));width:50%}}
#submenu .content .list{margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in))}
#submenu .content .list li{border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--border-light)}
#submenu .content .list li a{align-items:center;display:flex;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
#submenu .content .list li:first-child a:hover{color:#3131ff;color:var(--secondary)}
#submenu .content .list li:nth-child(2) a:hover{color:#42ec8b;color:var(--tertiary)}
#submenu .content .list li:nth-child(3) a:hover{color:#ff5710;color:var(--main)}
#submenu .content .list li .title{display:block;height:max(83.6px,min(6.597vw,94.76250000000002pt));line-height:max(83.6px,min(6.597vw,94.76250000000002pt));margin-right:max(26.4px,min(2.083vw,.4156250000000001in))}
#search .popular .list,#search .results .list{margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in))}
#search .popular .list li a,#search .results .list li a{align-items:center;display:flex;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
#search .popular .list li .title,#search .results .list li .title{align-items:center;display:flex;height:max(61.6px,min(4.861vw,93.10000000000001px));line-height:max(61.6px,min(4.861vw,93.10000000000001px))}
#search .popular .list li .title .icon,#search .results .list li .title .icon{background-color:hsla(0,0%,100%,.3);background-position:50%;background-repeat:no-repeat;background-size:max(26.4px,min(2.083vw,.4156250000000001in)) auto;border-radius:max(2.2pc,min(2.778vw,53.2px));color:#fff;color:var(--white);cursor:pointer;font-size:max(.22in,min(1.667vw,31.92px));height:max(2.2pc,min(2.778vw,53.2px));line-height:max(2.2pc,min(2.778vw,53.2px));margin-right:max(1.1pc,min(1.389vw,26.6px));opacity:1;position:relative;text-align:center;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut);width:max(2.2pc,min(2.778vw,53.2px))}
#search .popular .list li .title .icon.--product,#search .results .list li .title .icon.--product{background-image:url(https://relats.com/wp-content/themes/relats/img/icon-product.svg)}
#search .popular .list li .title .icon.--page,#search .results .list li .title .icon.--page{background-image:url(https://relats.com/wp-content/themes/relats/img/icon-page.svg)}
#search .popular .list li .title .icon.--post,#search .results .list li .title .icon.--post{background-image:url(https://relats.com/wp-content/themes/relats/img/icon-post.svg)}
#search .popular .list li .title .text,#search .results .list li .title .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - max(4.4pc, min(5.556vw, 6.65pc)))}
#search .results .list li a.title{color:hsla(0,0%,100%,.33)}
#search .results .list li a.title span{color:#fff;color:var(--white);transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
#search .results .list li a.title:hover{color:hsla(0,0%,100%,.66)}
#footer .columns{justify-content:space-between}
#footer .link{color:#757474;color:var(--medium);display:flex;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
#footer .link .circle{color:#fff;color:var(--white)}
#footer .link:hover{color:#fff;color:var(--white)}
#loader{bottom:0;display:block;height:100%;left:0;position:fixed;width:100%;z-index:1000;z-index:100}
#loader .inner{background-color:#eae4df;background-color:var(--bg-light);bottom:0;height:100%;left:0;overflow:hidden;position:absolute;width:100%;will-change:transform}
#loader .inner .floating{opacity:.0001}
#loader .inner .floating img{width:max(88px,min(6.944vw,133px))}
@media (max-width:1100px){#loader .inner .floating img{width:min(27.778vw,86.25pt)}}
#loader .inner .floating .logo,#loader .inner .floating .lottie{height:10vh;width:100%}
#loader .inner .floating .logo img,#loader .inner .floating .logo svg,#loader .inner .floating .lottie img,#loader .inner .floating .lottie svg{height:100%;opacity:1;width:100%}
#mask .inner{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;width:100%;will-change:transform,opacity}
#mask .inner .top{background-color:#ff5710;background-color:var(--main);height:50%;left:0;position:absolute;right:0;top:0;transform-origin:50% 0;width:100%}
#mask .inner .bottom{background-color:#ff5710;background-color:var(--main);bottom:0;height:50%;left:0;position:absolute;right:0;transform-origin:50% 100%;width:100%}
#mask .inner .left{background-color:#ff5710;background-color:var(--main);bottom:0;height:100%;left:0;position:absolute;top:0;transform-origin:0 50%;width:50%}
#mask .inner .right{background-color:#ff5710;background-color:var(--main);bottom:0;height:100%;position:absolute;right:0;top:0;transform-origin:100% 50%;width:50%}
#mask .inner .floating .logo,#mask .inner .floating .lottie{height:10vh;width:100%}
#mask .inner .floating .logo img,#mask .inner .floating .logo svg,#mask .inner .floating .lottie img,#mask .inner .floating .lottie svg{height:100%;opacity:1;width:100%}
#login .mask{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.25);bottom:0;cursor:pointer;display:absolute;height:100%;left:0;opacity:.0001;position:fixed;right:0;top:0;width:100%}
#login .content .inner{padding:max(44px,min(3.472vw,66.5px))}
#login .content .inner .label.--plain{color:#1c1c1c;color:var(--dark);margin-right:max(8.8px,min(.694vw,13.3px));opacity:1}
#login .content .inner .title{color:#1c1c1c;color:var(--dark);margin-bottom:max(2.2pc,min(2.778vw,53.2px))}
#login .content .inner .title .label{letter-spacing:0;margin-left:max(8.8px,min(.694vw,13.3px));position:relative;transform:translateY(-15px)}
#login .form #loginform .login-remember{display:none;margin-top:max(8.8px,min(.694vw,13.3px))}
#login .form #loginform .login-remember label{border-radius:max(16.72px,min(1.319vw,.2632291666666667in));color:inherit;display:block;font-family:DM Mono,Georgia,Times new roman,serif;font-family:var(--font-secondary);font-size:max(.66pc,min(.833vw,15.96px));font-weight:500;height:max(16.72px,min(1.319vw,.2632291666666667in));line-height:1.2;line-height:max(16.72px,min(1.319vw,.2632291666666667in));text-transform:uppercase}
#login .form #loginform .login-submit{margin-bottom:0;width:40%}
#login .form #loginform .login-submit input[type=submit]{width:100%}
#login .form .button.--request-account{position:absolute;right:0;transform:translateY(-100%);width:calc(60% - max(1.1pc, min(1.389vw, 26.6px)))}
#login .form .link{color:#1c1c1c;color:var(--dark);margin-top:max(.88pc,min(1.111vw,1.33pc))}
#login .form .link:hover{text-decoration:underline}
#information .mask{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.25);bottom:0;cursor:pointer;display:absolute;height:100%;left:0;opacity:.0001;position:fixed;right:0;top:0;width:100%}
#information .content .inner{padding:max(44px,min(3.472vw,66.5px))}
#information .content .inner .label.--plain{color:#1c1c1c;color:var(--dark);margin-right:max(8.8px,min(.694vw,13.3px));opacity:1}
#information .content .inner .title{color:#1c1c1c;color:var(--dark);margin-bottom:max(2.2pc,min(2.778vw,53.2px))}
#account .mask{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.25);bottom:0;cursor:pointer;display:absolute;height:100%;left:0;opacity:.0001;position:fixed;right:0;top:0;width:100%}
#account .content .inner{padding:max(44px,min(3.472vw,66.5px))}
#account .content .inner .label.--plain{color:#1c1c1c;color:var(--dark);margin-right:max(8.8px,min(.694vw,13.3px));opacity:1}
#account .content .inner .title{color:#1c1c1c;color:var(--dark);margin-bottom:max(2.2pc,min(2.778vw,53.2px))}
.component--page .title{margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in))}
.component--error404 .container{position:relative;top:50%;transform:translateY(-50%);z-index:1}
.component--error404 .container .title{margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in))}
.component--error404 .container .button{margin-top:max(1.1pc,min(1.389vw,26.6px))}
.component--about .columns{margin-top:max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--addresses .columns{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-top:max(44px,min(3.472vw,66.5px))}
.component--addresses .box .title{margin-bottom:max(8.8px,min(.694vw,13.3px))}
.component--addresses .box .link{color:#1c1c1c;color:var(--dark)}
.component--animation{height:200vh;overflow:hidden;padding:0}
@media (max-width:1100px){.component--animation{height:max(660px,min(52.083vw,997.5px))}}
.component--animation canvas{height:calc(90vw * .5416);left:0;opacity:.0001;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100vw;will-change:transform;z-index:1}
@media (max-width:1100px){.component--animation canvas{height:calc(200vw * .5416);top:50vh;width:200vw}}
.component--animation .sticky{height:100vh;mix-blend-mode:darken;position:relative;z-index:1}
.component--animation .title.--1{left:max(44px,min(3.472vw,66.5px));position:absolute;top:max(79.2px,min(6.25vw,119.7px))}
.component--animation .title.--2{bottom:calc(100vh + max(44px, min(3.472vw, 66.5px)));position:absolute;right:max(44px,min(3.472vw,66.5px))}
@media (max-width:1100px){.component--animation .title.--2{bottom:max(44px,min(3.472vw,66.5px))}}
.component--animation .video{height:56vw;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:100vw}
@media (max-width:1100px){.component--animation .video{height:112vw;left:auto;left:initial;right:0;transform:translateY(-50%);width:200vw}}
.component--call-to-action .columns{height:max(440px,min(34.722vw,665px))}
.component--cases .columns{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-top:max(44px,min(3.472vw,66.5px))}
.component--cases .button{margin-top:max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--combo .columns.--1 .columns__item:first-child{width:58%}
.component--combo .columns.--1 .columns__item:last-child{width:42%}
.component--combo .columns.--2{margin-top:max(1.1pc,min(1.389vw,26.6px))}
.component--combo .columns.--2 .columns__item:first-child{width:42%}
.component--combo .columns.--2 .columns__item:last-child{width:58%}
.component--contact .columns{flex-wrap:wrap}
.component--featured .scroll .inner{display:flex;flex-wrap:nowrap;height:100vh;width:auto;will-change:transform}
.component--featured .scroll .inner>.image{background-color:#000;background-color:var(--black);height:100vh;width:100vw}
.component--featured .scroll .inner>.image img{transform:scale(1);will-change:transform}
.component--featured .scroll .inner .cards{align-items:center;background-color:#eae4df;background-color:var(--bg-light);display:flex;padding:0 max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--featured .scroll .inner .cards .center>.title{margin-bottom:max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--featured .scroll .inner .cards .card .icon{filter:grayscale(1) brightness(100);margin-bottom:max(1.1pc,min(1.389vw,26.6px))}
.component--featured .scroll .inner .card{background-color:#1c1c1c;background-color:var(--dark);border-radius:max(8.8px,min(.694vw,13.3px));overflow:hidden}
.component--featured .scroll .inner .card[data-description],.component--featured .scroll .inner .card[data-image],.component--featured .scroll .inner .card[data-title]{cursor:pointer}
.component--featured .scroll .inner .card .video{opacity:1;transform:scale(1);transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
.component--featured .scroll .inner .card .image .overlay{opacity:1}
.component--featured .scroll .inner .card:hover .video{opacity:.5;transform:scale(1.1)}
.component--featured .scroll .inner .card.--sustainability{background-color:#42ec8b;background-color:var(--tertiary)}
.component--featured .scroll .inner .card.--sustainability .content{color:#1c1c1c;color:var(--dark)}
.component--featured .scroll .inner .draggable{height:max(23.87pc,min(30.139vw,577.22px));position:relative;width:calc(100vw - min(11.111vw, 46px))}
.component--featured .scroll .inner .draggable__inner{justify-content:flex-start}
.component--featured .scroll .inner .draggable__item{margin-right:min(5.556vw,23px)}
.component--featured .scroll .inner .draggable__item:last-child{margin-right:0}
.component--featured .info-container .mask{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.25);bottom:0;cursor:pointer;display:absolute;height:100%;left:0;opacity:.0001;position:fixed;right:0;top:0;width:100%}
.component--featured .info-container .content .inner{padding:max(4.4pc,min(5.556vw,6.65pc)) max(26.4px,min(2.083vw,.4156250000000001in)) max(26.4px,min(2.083vw,.4156250000000001in))}
.component--featured .info-container .content .inner .title{color:#1c1c1c;color:var(--dark);margin-bottom:max(2.2pc,min(2.778vw,53.2px))}
.component--featured .info-container .content .inner .image{--ratio:89%;border-radius:max(8.8px,min(.694vw,13.3px));margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in))}
[data-taxi-slug=sustainability] .scroll .inner .cards .center>.title strong{color:#42ec8b;color:var(--tertiary)}
.component--hero-jumbo{background-color:#1c1c1c;background-color:var(--bg-dark);padding:max(99pt,min(10.417vw,199.5px)) 0 max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--hero-jumbo .title{color:#fff;color:var(--white);opacity:.1}
.component--hero-secondary{background-color:#1c1c1c;background-color:var(--bg-dark);color:#fff;color:var(--white);padding:max(99pt,min(10.417vw,199.5px)) 0 max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--hero-secondary .title{margin-bottom:max(88px,min(6.944vw,133px))}
@media (max-width:1100px){.component--hero-secondary .title{margin-bottom:min(8.333vw,34.5px)}}
.component--hero-secondary .wysiwyg{margin-left:max(37.4pc,min(47.222vw,904.4000000000001px));opacity:.8;width:max(36.3pc,min(45.833vw,9.14375in))}
@media (max-width:1100px){.component--hero-secondary .wysiwyg{margin-left:0;width:100%}}
.flexible[data-taxi-slug=sustainability] .component--hero-secondary .label{background-color:#42ec8b;background-color:var(--tertiary);color:#1c1c1c;color:var(--dark)}
.component--hero-posts{padding:max(99pt,min(10.417vw,199.5px)) 0 max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--hero-posts .title{margin-bottom:max(8.8px,min(.694vw,13.3px))}
@media (max-width:1100px){.component--hero-posts .title{margin-bottom:min(2.778vw,11.5px)}}
.component--hero-posts .info{margin-top:max(1.1pc,min(1.389vw,26.6px))}
@media (max-width:1100px){.component--hero-posts .info{margin-bottom:min(5.556vw,23px)}}
.component--hero-posts .info .email,.component--hero-posts .info .phone{align-items:center;color:inherit;color:#1c1c1c;color:var(--dark);display:inline-flex;font-family:DM Mono,Georgia,Times new roman,serif;font-family:var(--font-secondary);font-size:max(.66pc,min(.833vw,15.96px));font-weight:500;line-height:1.2;margin-right:max(26.4px,min(2.083vw,.4156250000000001in));opacity:1;position:relative;text-transform:uppercase;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
.component--hero-posts .info .email i,.component--hero-posts .info .phone i{font-size:max(.99pc,min(1.25vw,23.94px));margin-right:max(4.4px,min(.347vw,6.65px));vertical-align:middle}
.component--hero-posts .info .email:hover,.component--hero-posts .info .phone:hover{opacity:.5}
.component--hero-posts .button{margin-top:max(26.4px,min(2.083vw,.4156250000000001in))}
@media (max-width:1100px){.component--hero-posts .button{margin-bottom:min(8.333vw,34.5px)}}
.flexible[data-taxi-slug=sustainability] .component--hero-posts .label{background-color:#42ec8b;background-color:var(--tertiary);color:#1c1c1c;color:var(--dark)}
.component--hero{background-color:#000;background-color:var(--black);color:#fff;color:var(--white);height:100vh;overflow:hidden;padding:0}
@media (max-width:1100px){.component--hero{height:calc(1vh * 100);height:calc(var(--vh, 1vh) * 100)}}
.component--hero .container{height:100%;position:relative}
.component--hero .floating.--bottomleft{left:0}
.component--hero .floating.--bottomright{right:0}
.component--hero .floating.--topright{right:0;top:max(88px,min(6.944vw,133px));z-index:1}
.component--hero .labels{display:inline-flex;margin-bottom:max(2.2pc,min(2.778vw,53.2px))}
.component--hero .labels .label{margin:0 max(32.56px,min(2.569vw,49.21px))}
.component--hero .actions{align-items:center;display:flex}
@media (max-width:1100px){.component--hero .actions{margin-top:min(5.556vw,23px)}}
.component--hero .actions .button.--blur{margin-left:max(1.1pc,min(1.389vw,26.6px))}
.component--hero .player__inner .video{--ratio:70%;max-height:85vh;max-width:98vw;width:max(968px,min(76.389vw,1463px))}
.--solid .component--hero .notchbanner{opacity:.0001}
.component--icons .columns{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-top:max(44px,min(3.472vw,66.5px))}
.component--industries .list li{border-bottom:1px solid rgba(0,0,0,.2);border-bottom:1px solid var(--border-dark)}
.component--industries .list li a{align-items:center;display:flex;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
.component--industries .list li a:hover .count{opacity:1;transform:translateX(0)}
.component--industries .list li:first-child a:hover{color:#3131ff;color:var(--secondary)}
.component--industries .list li:nth-child(2) a:hover{color:#42ec8b;color:var(--tertiary)}
.component--industries .list li:nth-child(3) a:hover{color:#ff5710;color:var(--main)}
.component--industries .list li .title{display:block;height:max(9.35pc,min(11.806vw,226.10000000000002px));line-height:max(9.35pc,min(11.806vw,226.10000000000002px));margin-right:max(26.4px,min(2.083vw,.4156250000000001in))}
.component--industries .list li .count{border-radius:max(16.72px,min(1.319vw,.2632291666666667in));color:inherit;color:#1c1c1c;color:var(--dark);display:inline-flex;font-family:DM Mono,Georgia,Times new roman,serif;font-family:var(--font-secondary);font-size:max(.66pc,min(.833vw,15.96px));font-weight:500;height:max(16.72px,min(1.319vw,.2632291666666667in));line-height:1.2;line-height:max(16.72px,min(1.319vw,.2632291666666667in));margin-top:max(-2.083vw,-.4156250000000001in);opacity:.0001;text-transform:uppercase;transform:translateX(50%);transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
/* Relats toptier component--intro (mosaic sticky) */
.component--intro{background-color:#ffffff;height:400vh;margin-bottom:max(8.8px,min(.694vw,13.3px));padding:0;position:relative}
.component--intro .sticky{height:100vh;overflow:hidden;position:absolute;top:0;left:0;width:100vw;z-index:1}
.component--intro .sticky .center{color:#fff;color:var(--white);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:min(55.556vw,1064px);max-width:92vw;z-index:2;pointer-events:none}
.component--intro .sticky .center .title{color:#fff;color:var(--white);display:block;left:50%;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:100%;white-space:normal;max-width:100%;margin:0;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.component--intro .sticky .center .title .char{display:inline-block;will-change:opacity}
.component--intro .sticky .rows{height:100vh;opacity:1;position:relative;transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}
.component--intro .sticky .video,
.component--intro .sticky .video video,
.component--intro .sticky .video img{
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
.component--intro .sticky .video::before,
.component--intro .sticky .video::after{content:none!important;display:none!important}
.component--intro .sticky .video video,
.component--intro .sticky .video img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  /* léger zoom pour masquer vignettes/bords sombres restants */
  transform:scale(1.08);
  transform-origin:center center;
}
.component--intro .sticky .rows .row.--top,
.component--intro .sticky .rows .row.--bottom{width:100vw}
.component--intro .sticky .rows .row{height:100vh;width:100vw}
.component--intro .sticky .rows .row.--top{bottom:100%;position:absolute;left:0}
.component--intro .sticky .rows .row.--center{position:relative}
.component--intro .sticky .rows .row.--bottom{position:absolute;top:100%;left:0}
.component--intro .sticky .rows .row .video{aspect-ratio:100vw/100vh;height:100vh;width:100vw;overflow:hidden}
.component--intro .sticky .video{border-radius:0;mix-blend-mode:normal}
.component--intro .sticky .video.--midleft{left:auto;position:absolute;right:50%;top:0}
.component--intro .sticky .video.--midright{left:50%;position:absolute;right:auto;top:0}
.component--intro .sticky .video.--left{left:auto;position:absolute;right:100%;top:0}
.component--intro .sticky .video.--center{left:0;position:absolute;right:0;top:0}
.component--intro .sticky .video.--right{left:100%;position:absolute;right:auto;top:0}
.component--intro .sticky .video img,
.component--intro .sticky .video video{height:100%;width:100%;object-fit:cover;display:block;pointer-events:none}
.component--intro .title{max-width:100%}
.component--intro .button{margin-top:max(26.4px,min(2.083vw,.4156250000000001in))}
/* Mobile : scroll plus long + viewport dynamique (pin JS, pas sticky CSS) */
@media (max-width:1100px){
  .component--intro{height:360vh}
  .component--intro .sticky{
    height:100vh;
    height:100dvh;
    width:100%;
    max-width:100vw;
  }
  .component--intro .sticky .rows,
  .component--intro .sticky .rows .row,
  .component--intro .sticky .rows .row .video{
    height:100vh;
    height:100dvh;
  }
  .component--intro .sticky .center{width:min(90vw,420px)}
  .component--intro .sticky .center .title{
    font-size:clamp(22px,6.4vw,34px);
    line-height:1.15;
  }
}
.component--posts .columns{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-top:max(44px,min(3.472vw,66.5px))}
.component--quote .columns{display:flex;justify-content:flex-end}
.component--story .columns__item:last-child .title{color:#000;color:var(--black)}
.component--story .dates .date .title{color:#000;color:var(--black);opacity:.1;transition:all 1.2s cubic-bezier(.16,1,.3,1);transition:all 1.2s var(--expoOut)}
.component--story .dates .date.--active .title{color:#ff5710;color:var(--main);opacity:1}
.component--story .slider.--right .slider__item .title{color:#fff;color:var(--white)}
.component--story .slider.--right .slider__item:first-child .title{color:#000;color:var(--black)}
.component--team .columns{align-items:stretch;flex-wrap:wrap;justify-content:flex-start}
.component--quality .title.--jumbo{color:#1c1c1c;color:var(--dark);opacity:.2}
.component--quality .columns{margin-top:max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--innovation .title.--jumbo{opacity:.2}
.component--innovation .columns.--quote{display:flex;justify-content:flex-end;margin-top:max(6.6pc,min(8.333vw,9.975000000000001pc))}
.component--innovation .columns.--quote .columns__item{width:max(36.3pc,min(45.833vw,9.14375in))}
.component--innovation .columns.--quote .author{align-items:center;display:flex;margin-top:max(1.1pc,min(1.389vw,26.6px))}
.component--innovation .columns.--quote .author .image{background-color:#1c1c1c;background-color:var(--dark);border-radius:max(1.76pc,min(2.222vw,2.66pc));height:max(1.76pc,min(2.222vw,2.66pc));margin-right:max(8.8px,min(.694vw,13.3px));width:max(1.76pc,min(2.222vw,2.66pc))}
.component--innovation .columns.--1{margin-top:max(3.3pc,min(4.167vw,79.80000000000001px))}
.component--innovation .columns.--1 .columns__item:first-child{width:58%}
.component--innovation .columns.--1 .columns__item:last-child{width:42%}
.component--innovation .columns.--2{margin-top:max(1.1pc,min(1.389vw,26.6px))}
.component--innovation .columns.--2 .columns__item:first-child{width:42%}
.component--innovation .columns.--2 .columns__item:last-child{width:58%}
.component--composition .columns{margin-top:max(1.1pc,min(1.389vw,26.6px))}
.component--composition .columns .columns__item:first-child{width:58%}
.component--composition .columns .columns__item:last-child{width:42%}
.component--certificates .filters .dropdown-container .title.--trigger-planta{align-items:center;cursor:pointer;display:flex;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
.component--certificates .filters .dropdown-container .title.--trigger-planta i{font-size:max(.77pc,min(.972vw,18.62px));margin-left:max(8.8px,min(.694vw,13.3px));opacity:.5}
.component--certificates .filters .dropdown-container .title.--trigger-planta:hover{opacity:.5}
.component--certificates .filters .dropdown-container .dropdown .title{cursor:pointer;opacity:1;transition:all .6s cubic-bezier(.16,1,.3,1);transition:all .6s var(--expoOut)}
.component--certificates .filters .dropdown-container .dropdown .title:hover{opacity:.5}
.component--certificates .filters .dropdown-container .dropdown.--selected .title{opacity:.5}
.component--certificates .filters .dropdown-container .dropdown.--selected .title.--active{opacity:1}
.component--talents .title{margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in))}
.component--talents .actions .button{margin-right:max(1.1pc,min(1.389vw,26.6px))}
.component--talents .video .button .video{margin-bottom:0}
.component--talents .columns.--1 .columns__item:first-child{width:42%}
.component--talents .columns.--1 .columns__item:last-child{width:58%}
.component--benefits .columns.--info .columns__item{width:50%}
.component--benefits .columns.--items{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-top:max(44px,min(3.472vw,66.5px))}
.component--benefits .columns.--items .columns__item{width:25%}
.component--benefits .info-container .mask{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.25);bottom:0;cursor:pointer;display:absolute;height:100%;left:0;opacity:.0001;position:fixed;right:0;top:0;width:100%}
.component--benefits .info-container .content .inner{padding:max(4.4pc,min(5.556vw,6.65pc)) max(26.4px,min(2.083vw,.4156250000000001in)) max(26.4px,min(2.083vw,.4156250000000001in))}
.component--benefits .info-container .content .inner .title{color:#1c1c1c;color:var(--dark);margin-bottom:max(2.2pc,min(2.778vw,53.2px))}
.component--benefits .info-container .content .inner .image{--ratio:89%;border-radius:max(8.8px,min(.694vw,13.3px));margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in))}
.component--posts-hero .columns{margin-top:max(1.1pc,min(1.389vw,26.6px))}
.component--posts-hero .columns .columns__item:first-child{margin-right:4%;width:54%}
.component--posts-hero .columns .columns__item:last-child{width:42%}
.component--posts-hero .title{margin-bottom:max(26.4px,min(2.083vw,.4156250000000001in))}
.component--posts-related .columns{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-top:max(44px,min(3.472vw,66.5px))}
.component--posts-archive .columns{align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-top:max(44px,min(3.472vw,66.5px))}
.component--posts-archive .notfound .title{margin-bottom:max(1.1pc,min(1.389vw,26.6px))}
.page__content .title{margin-bottom:2rem}

/* ===== Featured (desktop layout + mobile adapt) ===== */
.component--featured{height:auto;padding:0;overflow:hidden}
.component--featured .scroll{display:flex;height:auto;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.component--featured .scroll .inner{display:flex;flex-wrap:nowrap;height:100vh;width:max-content;will-change:transform}
.component--featured .scroll .inner>.image{background:#000;height:100vh;width:100vw;flex:0 0 100vw;overflow:hidden;scroll-snap-align:start}
.component--featured .scroll .inner>.image img{width:100%;height:100%;object-fit:cover;display:block}
.component--featured .scroll .inner .cards{align-items:center;background:#eae4df;display:flex;padding:0 clamp(20px,4.167vw,80px);min-height:100vh;scroll-snap-align:start}
.component--featured .scroll .inner .cards .center{width:auto}
.component--featured .scroll .inner .cards .center>.title{margin-bottom:clamp(24px,4.167vw,80px);color:#0a0a0a;font-size:clamp(28px,3.2vw,54px);font-weight:500;letter-spacing:-.04em;line-height:1.1}
.component--featured .scroll .inner .cards .center>.title strong{font-weight:600;color:inherit}
.component--featured .scroll .inner .cards .columns{display:flex;flex-wrap:nowrap;gap:clamp(12px,1.4vw,24px);align-items:stretch}
.component--featured .scroll .inner .cards .columns__item{flex:0 0 auto}
.card.--featured{display:block;position:relative;overflow:hidden;border-radius:clamp(8px,.7vw,12px);background:#1c1c1c;height:clamp(320px,30.139vw,577px);width:clamp(220px,21.875vw,420px);color:#fff;text-decoration:none}
.card.--featured .video{position:absolute;inset:0;width:100%;height:100%}
.card.--featured .video video{width:100%;height:100%;object-fit:cover;display:block}
.card.--featured .content{position:absolute;bottom:clamp(16px,2vw,26px);left:clamp(16px,2vw,26px);right:clamp(16px,2vw,26px);z-index:2;color:#fff}
.card.--featured .content .icon{filter:grayscale(1) brightness(100);margin-bottom:12px;width:32px;height:32px}
.card.--featured .content .icon img{width:32px;height:32px;display:block}
.card.--featured .content .title{margin:0;font-size:clamp(16px,1.3vw,22px);font-weight:500;color:#fff}
.component--featured .info-container{display:none}

@media (max-width:1100px){
  /* Adapter le layout desktop (vidéos en rangée) au mobile */
  .component--featured .scroll{height:auto;overflow-x:auto}
  .component--featured .scroll .inner{flex-direction:row!important;height:auto!important;min-height:100svh}
  .component--featured .scroll .inner>.image{height:70svh;width:85vw;flex:0 0 85vw}
  .component--featured .scroll .inner .cards{padding:48px 20px 64px;width:auto;min-height:70svh;align-items:flex-start}
  .component--featured .scroll .inner .cards .center{width:auto;max-width:none}
  .component--featured .scroll .inner .cards .center>.title{font-size:clamp(26px,7vw,40px);margin-bottom:28px;max-width:80vw}
  .component--featured .scroll .inner .cards .columns{flex-wrap:nowrap}
  .card.--featured{height:55svh;width:72vw}
}