/* ACTRICE UNIQUEMENT. Les positions du collage suivent les deux maquettes.
   Chaque image est indépendante, sans transformation du fichier source. */
.actress-section {
  background: #F0E8DA;
  color: #0F1E2E;
  position: relative;
  padding: 2.2vw 0 3.5vw;
  min-height: 79.54vw;
}
.actress-title {
  margin: 0 0 0 7.1%;
  font-family: "bodoni-moda", "Bodoni Moda", Didot, serif;
  font-size: 4.08vw;
  font-weight: 500;
  font-optical-sizing: none;
  font-variation-settings: "opsz" 36;
  letter-spacing: normal;
  line-height: 1.1;
}
.actress-introduction {
  margin: 0.8vw 0 0 3.15%;
  width: 64.5%;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1.17;
}
.actress-composition {
  position: relative;
  height: 54vw;
  margin-top: 1.6vw;
}
/* Transformation commune : toutes les coordonnées et proportions internes sont conservées.
   Le centre du collage, distinct de la citation à droite, reste à la même place. */
.actress-photo-collage {
  position: absolute; inset: 0;
  transform: scale(0.84);
  transform-origin: 36.5% 50%;
}
.actress-photo-link { display: block; cursor: zoom-in; }
.actress-photo-link:focus-visible { outline: 2px solid #9F8F71; outline-offset: 5px; }
.actress-photo {
  position: absolute;
  margin: 0;
  isolation: isolate;
}
.actress-photo img {
  display: block;
  width: 100%;
  height: auto;
  border: 0.15vw solid #FFFFFF;
  border-radius: 0.1vw;
}
/* Rectangle doré attaché au grand portrait et placé derrière lui. */
.actress-photo-01::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: #9F8F71;
  transform: translateY(0.5%) rotate(-4deg);
}
.actress-photo-01 { left: 2.8%; top: 2.6vw; width: 32.2%; transform: rotate(-1.4deg); z-index: 1; }
.actress-photo-02 { left: 33.7%; top: 0.2vw; width: 19.1%; transform: rotate(2.3deg); z-index: 3; }
.actress-photo-03 { left: 52.65%; top: 2.25vw; width: 19%; transform: rotate(-0.8deg); z-index: 2; }
.actress-photo-04 { left: 33.7%; top: 23vw; width: 18.6%; transform: rotate(-8.4deg); z-index: 4; }
.actress-photo-05 { left: 51.25%; top: 24.7vw; width: 18.2%; transform: rotate(3.2deg); z-index: 5; }
.actress-quotation {
  position: absolute;
  left: 72.8%;
  top: 6.7vw;
  width: 22.3%;
}
.actress-quotation picture { display: block; }
.actress-quotation-image {
  display: block;
  width: 100%;
  height: auto;
  filter: url(#actress-quotation-gold);
}
.actress-pencil-stroke {
  position: absolute;
  top: 23.3vw;
  left: 39%;
  width: 40%;
  height: auto;
}
.actress-professional-profiles {
  margin-top: 1.2vw;
  padding: 0 2%;
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 600;
  font-size: 2.8vw;
  line-height: 1.2;
}
.actress-profile-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.18em;
  list-style: none;
  padding: 0;
  margin: 0;
}
.actress-profile-list a { color: inherit; text-decoration: none; white-space: nowrap; }
.actress-profile-list a[href]:hover { text-decoration: underline; text-underline-offset: 0.15em; }
.actress-profile-list a[href]:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 767px) {
  .actress-section { padding: 5vw 0 9.5vw; min-height: 148.64vw; }
  .actress-title { margin-left: 10.8%; font-size: 8.96vw; line-height: 1.2; }
  .actress-introduction { margin: 3.2vw 1.93% 0; width: 96.14%; font-size: 3.65vw; line-height: 1.2; }
  .actress-composition { margin-top: 6.3vw; height: auto; }
  .actress-photo-collage { position: relative; height: 73.7vw; transform: none; }
  .actress-photo img { border-width: 0.35vw; border-radius: 0.2vw; }
  .actress-photo-01 { left: 5.65%; top: 5.2vw; width: 43.1%; }
  .actress-photo-01::before { transform: translateY(0.5%) rotate(-9deg); }
  .actress-photo-02 { left: 46.25%; top: 0.4vw; width: 25%; }
  .actress-photo-03 { left: 70.9%; top: 3.3vw; width: 25%; }
  .actress-photo-04 { left: 46%; top: 30.8vw; width: 25.1%; }
  .actress-photo-05 { left: 69.3%; top: 33.6vw; width: 24.4%; }
  .actress-quotation { position: relative; left: 0; top: auto; width: 39.5%; margin: -9vw auto 0; }
  .actress-quotation-image { filter: url(#actress-quotation-gold); }
  .actress-pencil-stroke { display: none; }
  .actress-professional-profiles { margin-top: -1.6vw; font-size: 4.4vw; }
}