/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/9-section-a-propos/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.section-a-propos {
  --Background-encart: var(--Blue-50, #EFF6FF);
  --Color-Text-normal: var(--Blue-900, #1E3A8A);
  min-height: calc(100svh - 250px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0 !important;
}
.section-a-propos--container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  flex-direction: column;
}
@media screen and (min-width: 834px) {
  .section-a-propos--container {
    gap: 60px;
  }
}
.section-a-propos--exerpts {
  display: flex;
  flex-direction: column;
  max-width: 680px;
}
.section-a-propos--exerpts .excerpt-text {
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 834px) {
  .section-a-propos--exerpts {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.5rem;
  }
}
.section-a-propos--heading {
  max-width: 600px;
  font-size: 40px;
  color: var(--Color-Text-normal);
  text-align: center;
}
@media screen and (min-width: 834px) {
  .section-a-propos--heading {
    font-size: 60px;
  }
}
.section-a-propos--encart {
  display: flex;
  max-width: 680px;
  box-sizing: border-box;
  padding: 80px 40px;
  background-color: var(--Background-encart);
  border-radius: 12px;
  font-size: 1.25rem;
  font-family: var(--ds-semantic-font-default);
  font-weight: var(--ds-core-typography-font-weight-semibold);
  font-style: italic;
  line-height: 1.3;
  color: var(--Color-Text-normal);
}
@media screen and (min-width: 834px) {
  .section-a-propos--encart {
    font-size: 1.75rem;
  }
}
.section-a-propos--intro {
  max-width: 600px;
  line-height: 1.3;
  text-align: center;
}
.section-a-propos .section-a-propos--heading, .section-a-propos .section-a-propos--intro, .section-a-propos .section-a-propos--exerpts {
  opacity: 0;
}
.section-a-propos .section-a-propos--heading {
  transform: translateY(-2rem);
}
.section-a-propos .section-a-propos--intro {
  transform: translateY(2rem);
}
.section-a-propos .section-a-propos--encart {
  opacity: 0;
  transform: scale(0);
  transform-origin: center;
}
.section-a-propos.in-view .section-a-propos--heading {
  opacity: 1;
  transform: translateY(0);
  transition: opacity ease-out 0.4s 0.5s, transform ease-out 0.4s 0.5s;
}
.section-a-propos.in-view .section-a-propos--intro {
  opacity: 1;
  transform: translateY(0);
  transition: opacity ease-out 0.4s 0.7s, transform ease-out 0.4s 0.7s;
}
.section-a-propos.in-view .section-a-propos--encart {
  opacity: 1;
  transform: scale(1);
  transition: opacity ease-out 0.4s 1.1s, transform ease-out 0.4s 1.1s;
}
.section-a-propos.in-view .section-a-propos--exerpts {
  opacity: 1;
  transition: opacity ease-out 0.4s 1.5s;
}

/*# sourceMappingURL=style-index.css.map*/