.hero-section {
  padding: 4rem 1.6rem;
  background: linear-gradient(var(--white), var(--background-2));
  text-align: center;
}
.hero-section__wrapper {
  max-width: 144rem;
  margin-left: auto;
  margin-right: auto;
}
.hero-section__text-part > *:not(:last-child) {
  margin-bottom: 1.6rem;
}
.hero-section__full-frame-image {
  display: none;
  max-width: 45%;
}

@media screen and (min-width: 760px) {
  /* Avec fond dégradé en biseau */
  .hero-section--bevel-gradient {
    position: relative;
   overflow: hidden;
  }
  .hero-section--bevel-gradient::before {
    content: "";
    display: block;
    width: 155rem;
    height: 75rem;
    position: absolute;
    bottom: -71rem;
    right: -48rem;
    opacity: 0.5;
    transform: rotate(-30deg);
    background: linear-gradient(269deg, #D1DAE8 64.6%, rgba(209, 218, 232, 0.00) 88.9%);
  }
  .hero-section {
    padding: 0;
  }
  .hero-section__wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: left;
  }
  .hero-section__text-part {
    padding-left: 5%;
    padding-right: 3%;
  }
  .hero-section__full-frame-image {
    display: block;
    position: relative;
  }
}
@media screen and (min-width: 1124px) {
  .hero-section--bevel-gradient::before {
    bottom: -52rem;
  }
}
@media screen and (min-width: 1440px) {
  .hero-section--bevel-gradient::before {
    bottom: -45rem;
  }
  .hero-section.hero-section--index .hero-section__text-part {
    font-size: 2rem;
    line-height: 2.4rem;
    padding-left: 0;
    padding-right: 0;
    margin-right: 8.8rem;
    max-width: 53.6rem;
  }
  .hero-section:not(.hero-section--index) .hero-section__text-part {
    align-self: flex-start;
    margin-top: 7.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 0;
    padding-right: 0;
    margin-right: 8.8rem;
    max-width: 65rem;
  }
  .hero-section__full-frame-image {
    max-width: none;
  }
}