.intro {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.intro__inner {
  position: relative;
  width: 100%;
  max-width: 1335px;
  min-height: calc(100vh - 76px);
  align-items: stretch;
  gap: 100px;
}

.intro__image {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  max-width: 500px;
  height: auto;  
  aspect-ratio: 535/372;
}

.intro__image .intro__image__svg {
  position: absolute;
  top: -12px;
  left: -70px;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top left;
}

.intro__image .intro__image__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.intro__bg {
  position: absolute;
  z-index: -2;
  top: -25%;
  right: -50%;
  width: 100%;
  height: 125%;
  overflow: hidden;
}

.intro__bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top left;
}

.intro h1 {
  margin: 0;
}

.intro p {
  margin: 15px 0;
}

.intro__col {
  position: relative;
  width: 50%;
}

.intro__col__left {
  align-items: flex-start;
}

.intro__buttons {
  flex-flow: wrap;
  gap: 10px;
}

.intro__profils {
  flex-flow: wrap;
  gap: 0 12px;
  max-width: 518px;
  padding-top: 20%;
}

.intro__profils__circle {
    width: 94px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    margin: 6px 0;
}

.intro__profils__circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.intro__profils__circle.rouge{
    background-color: var(--orange);
}

.intro__profils__circle.blanc{
    background-color: var(--blanc);
}

.intro__profils__circle.gris{
    background-color: var(--gris);
}

.intro__profils__break {
  flex-basis: 100%;
}

@media (max-width: 1600px) {
  .intro__profils{
    padding-top: 40%;
  }
}

@media (max-width: 1400px) {
  .intro {
    width: calc(100% - 40px);
    padding: 25vw 20px 80px 20px
  }
  .intro__bg {
    display: none;
  }
  .intro__inner {
    flex-direction: column;
    max-width: 800px;
    min-height: unset;
  }
  .intro__col__left {
    width: 100%;
  }
  .intro__col__right {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .intro__profils {
    padding-top: 0;
    max-width: 100%;
  }
  .intro__profils__break {
    display: none;
  }
}