.hero-homepage{overflow-x:clip;padding-top:15rem;position:relative}.hero-homepage--illustration{position:absolute;right:-120px;top:0}.body-container--metier .hero-homepage--illustration{position:absolute;right:0;top:0}.hero-homepage .content-wrapper{padding:0 0 0 2rem;position:relative}.hero-homepage h1{letter-spacing:-3px}.hero-homepage--top-title{color:#8f8ec2;font-weight:var(--font_weight_600);margin-bottom:var(--spacer_16);text-transform:uppercase}.hero-homepage h1{margin-bottom:var(--spacer_12)}.hero-homepage .button-container{margin-top:var(--spacer_40)}.hero-homepage .breadcrumb-menu{margin-bottom:var(--spacer_80)}.hero-homepage--illustration-mobile{display:none}@media (max-width:1024px){.hero-homepage{padding-top:9rem}}@media (max-width:767px){.hero-homepage .content-wrapper{padding-right:2rem}.body-container--metier .hero-homepage--illustration,.hero-homepage--illustration{display:none}.hero-homepage--illustration-mobile{display:block;left:50%;margin-top:var(--spacer_40);padding:0 var(--spacer_20);position:relative;right:unset;top:0;transform:translateX(-50%)}.hero-homepage--illustration img{margin:0 auto}}@media (max-width:480px){.hero-homepage{padding-top:5rem}}@media (min-width:1900px){.hero-homepage--illustration{left:50%;right:unset;top:0}}.hero-homepage__title{cursor:default}.hero-homepage__title-changing-texts{align-items:start;display:grid;grid-template-columns:1fr}.hero-homepage__title-changing-text{grid-column-start:1;grid-row-start:1;white-space:nowrap}.hero-homepage__title-changing-text>span{display:block}.hero-homepage__last-changing-text[data-is-visible=false],.hero-homepage__title-changing-text[data-is-visible=false]{visibility:hidden}@keyframes cycle-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cycle-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.hero-homepage__title-changing-text.out{animation:cycle-out .6s forwards}.hero-homepage__title-changing-text.in{animation:cycle-in .6s forwards;opacity:0}@media screen and (max-width:1024px){.hero-homepage__major-informations h1{font-size:5.2rem}}@media screen and (max-width:768px){.hero-homepage__title-changing-texts{justify-content:center}.hero-homepage__major-informations h1{font-size:3rem}.hero-homepage--text{margin-bottom:var(--spacer_40)}}