.page-intro .intro {
  position: relative;
  height: 28rem;
  line-height: 0.8;
  overflow: hidden;
}

.page-intro .mot {
  position: absolute;
  left: 0;
  bottom: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
  white-space: nowrap;
}

.page-intro .mot.base {
  font-size: 15rem;
  z-index: 2;
  transform: translateY(0);
  left: 1.5rem;
  top: 0;
}

.page-intro .mot.bien {
  font-size: 19.4rem;
  color: transparent;
  -webkit-text-stroke: 2px white;
  text-stroke: 2px white;
  text-shadow: none;
  z-index: 1;
  transform: translateY(0);
  opacity: 1;
}

.page-intro .mot3 {
  font-size: 14rem;
}

.page-intro .mot4 {
  font-size: 7.1rem;
}
.page-intro__intro {
	margin-top: 4rem;
	font-size: 3.5rem;
	line-height: 1.3;
}
.page-intro__intro > *:last-child {
	margin-bottom: 0;
}
.page-intro__intro em {
	font-style: normal;
	color: var(--rouge);
}
.page-intro__cta {
	margin-top: 3rem;
}

.section-flexible-triptyque h3 {
	font-size: 3rem;
}
.section-flexible-triptyque .bloc-content-inner .bloc-content__intro {
	width: 80%;
}
.section-flexible-triptyque .bloc-content > div#bloc-content-manger {
    background-position: 100% 50%;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1399.98px) {
	.section-flexible-triptyque .bloc-content > div#bloc-content-soigner {
		background-position: 70% 50%;
	}
	.section-flexible-visual-full-text h2 {
		font-size: 5rem;
	}
	.section-flexible-visual-full-text h2 br {
		display: none;
	}
	.section-flexible-triptyque .bloc-content-inner .top h3 {
		font-size: 5rem;
	}
	.section-flexible-triptyque .bloc-content-inner .bloc-content__intro, 
	.section-flexible-triptyque .bloc-content-inner .bloc-content__text {
		font-size: 2rem;
	}
}
@media only screen and (max-width: 991.98px) {
	.section-flexible-triptyque-1 #bloc-small-soigner-1 {
		background-position: 90% 50%;
	}
	.section-flexible-triptyque-1 #bloc-small-manger-2 {
		background-position: 100% 50%;
	}
}
@media only screen and (max-width: 767.98px) {
	.page-intro {
		background-position: 50% 0;
	}
	.page-intro .intro {
	    height: 15rem;
	}
	.page-intro__intro {
		margin-top: 1rem;
		font-size: 2.5rem;
	}
	.page-intro .mot.base {
	    font-size: 8rem;
	    left: 1rem;
	}
	.page-intro .mot.bien {
	    font-size: 10.5rem;
	}
	.page-intro .mot3 {
	    font-size: 7.3rem;
	}
	.page-intro .mot4 {
	    font-size: 3.8rem;
	}
}
@media only screen and (max-width: 575.98px) {
	.page-intro .intro {
	    height: 14rem;
	}
	.page-intro__intro {
	    font-size: 2rem;
	}
	.page-intro .mot.base {
	    font-size: 7rem;
	    left: 0.5rem;
	}
	.page-intro .mot.bien {
	    font-size: 10rem;
	}
	.page-intro .mot3 {
	    font-size: 7.2rem;
	}
	.page-intro .mot4 {
	    font-size: 3.8rem;
	}
	.section-flexible-visual-full-text h2 {
		font-size: 4rem;
	}
	.section-flexible-triptyque .bloc-content-inner .bloc-content__intro,
	.section-flexible-triptyque .bloc-content-inner .bloc-content__text {
		font-size: 1.6rem;
	}
	.section-flexible-triptyque h3 {
		font-size: 1.6rem;
	}
	.section-flexible-triptyque .bloc-content-inner .top h3 {
		font-size: 3.5rem;
	}
	.section-flexible-triptyque .bloc-content {
		height: 80rem;
	}
	.section-flexible-triptyque .bloc-content > div#bloc-content-soigner {
		background-position: 90% 50%;
	}
	.section-flexible-triptyque .bloc-content > div#bloc-content-manger {
		background-position: 90% 50%;
	}
}