/* Page À propos.
   Complète style.css sans le modifier.
   Les photos restent entières : object-fit contain, sans filtre ni texte par-dessus. */

.intro-apropos-haut {
  display: grid;
  gap: 1.3rem 1.6rem;
  align-items: start;
}

@media (min-width: 800px) {
  .intro-apropos-haut {
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, 0.85fr);
  }
}

.portrait-julien {
  margin: 0;
}

.portrait-julien img {
  width: 92%;
  max-width: 420px;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
  object-position: center top;
}

.intro-apropos-suite {
  margin-top: 0.4rem;
  max-width: none;
}

.chapo-plein { max-width: none; }

.texte-duo { max-width: none; }

.duo-grille {
  align-items: start;
}

#duo {
  scroll-margin-top: 5.5rem;
}

.apropos-photos {
  display: grid;
  gap: 1.3rem;
}

.apropos-photos picture {
  display: block;
}

.apropos-photos .visuel img {
  object-fit: contain;
  object-position: center;
  filter: none;
}