/* À PROPOS UNIQUEMENT. Aucun style du Hero ou du menu n'est redéfini.
   Bodoni actuel conservé : la vraie Bodoni 72 attend une licence web appropriée. */
.about-section {
  background: #9F8F71;
  color: #0F1E2E;
  padding: 3.7% 5.2734% 4.8%;
  container-type: inline-size;
  /* Les unités vw suivent la largeur de la maquette, indépendamment du contenu. */
}
.about-introduction {
  margin: 0;
  position: relative;
  top: 0.3vw;
  color: #FFFFFF;
  font-family: "bodoni-moda", "Bodoni Moda", Didot, serif;
  font-size: 2.65vw;
  font-weight: 500;
  font-optical-sizing: none;
  font-variation-settings: "opsz" 36;
  line-height: 1.3;
  height: calc(2.83vw * 1.24 * 2);
  letter-spacing: normal;
}
.about-layout {
  display: grid;
  grid-template-columns: 34.17% minmax(0, 1fr);
  gap: 5.35%;
  align-items: start;
  margin-top: 4.58vw;
}
.about-portrait {
  position: relative;
  isolation: isolate;
  width: 92.33%;
  margin: 0 0 0 7.67%;
  aspect-ratio: 578 / 800;
}
.about-portrait::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: #FFFFFF;
  transform: translateY(1.5%) rotate(-7deg);
}
.about-portrait picture { display: block; width: 100%; height: 100%; }
.about-portrait-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.about-biography {
  padding-top: 0.7vw;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1.17;
}
.about-biography p { margin: 0 0 2.34vw; }
.about-biography p:last-child { margin-bottom: 0; }
.about-biography strong { font-weight: 600; }
.about-biography em { font-weight: 600; font-style: italic; }
@media (max-width: 767px) {
  .about-section { padding: 6% 3.4% 12.5%; }
  .about-introduction {
    padding-left: 0.7vw;
    top: 1vw;
    font-size: 5.1vw;
    height: auto;
    letter-spacing: normal;
    line-height: 1.3;
  }
  .about-layout { display: block; margin-top: 9vw; }
  .about-portrait {
    width: 86.15%;
    margin: 0 auto;
    aspect-ratio: 2000 / 1333;
  }
  .about-portrait::before {
    inset: -2.5% -1.25%;
    transform: translateY(3%) rotate(-7deg);
  }
  .about-portrait-image { transform: rotate(2.4deg); }
  .about-biography {
    margin-top: 17.6vw;
    padding-top: 0;
    font-size: 5.17vw;
    line-height: 1.17;
    text-align: justify;
  }
  .about-biography p { margin-bottom: 5.95vw; }
  .about-biography p:first-child { font-size: 0.9671em; }
  .about-biography p:first-child strong { font-size: 1.034em; }
}