/* ============================================================
   SOUL DESIGN — Mapping des photos
   Fichier séparé : vos photos se gèrent ICI, sans toucher
   ni style.css ni index.html.

   Nommage attendu dans photos/projets/ :
     PRJ1-01 … PRJ1-05   (Projet 1 — Typology)
     PRJ2-01 … PRJ2-05   (Projet 2 — Kirchberg)
     PRJ3-01 … PRJ3-05   (Projet 3 — Paris)

   L'extension doit correspondre au fichier réel.
   Ici : PRJ1 en .png, PRJ2/PRJ3 en .jpg.
   La casse compte : PRJ1-01.png ≠ prj1-01.PNG

   NOTE TECHNIQUE : les sélecteurs de galerie s'écrivent
   « .galerie figure.PRJ1-1 » et non « .PRJ1-1 » seul, afin de
   passer devant la règle générique « .galerie figure » de
   style.css (spécificité CSS). Ne pas simplifier.

   Le dégradé en second plan sert de fallback : si une photo
   manque, on voit le dégradé bleu et non une case blanche.
   ============================================================ */

/* ---------- Cartes de l'index (photo n°01 de chaque projet) ---------- */
.proj-visual.pv1{
  background-image:url(../photos/projets/PRJ1-01.jpg),
    linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));
  background-size:cover;background-position:center;
}
.proj-visual.pv2{
  background-image:url(../photos/projets/PRJ2-01.jpg),
    linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));
  background-size:cover;background-position:center;
}
.proj-visual.pv3{
  background-image:url(../photos/projets/PRJ3-01.jpg),
    linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));
  background-size:cover;background-position:center;
}

/* ---------- Galeries des fiches ---------- */

/* PRJ1 — Projet Retail Typology (.png) */
.galerie figure.PRJ1-1{background-image:url(../photos/projets/PRJ1-01.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ1-2{background-image:url(../photos/projets/PRJ1-02.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ1-3{background-image:url(../photos/projets/PRJ1-03.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ1-4{background-image:url(../photos/projets/PRJ1-04.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ1-5{background-image:url(../photos/projets/PRJ1-05.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}

/* PRJ2 — Penthouse Kirchberg (.jpg) */
.galerie figure.PRJ2-1{background-image:url(../photos/projets/PRJ2-01.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ2-2{background-image:url(../photos/projets/PRJ2-02.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ2-3{background-image:url(../photos/projets/PRJ2-03.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ2-4{background-image:url(../photos/projets/PRJ2-04.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ2-5{background-image:url(../photos/projets/PRJ2-05.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}

/* PRJ3 — Cabinet privé Paris (.jpg) */
.galerie figure.PRJ3-1{background-image:url(../photos/projets/PRJ3-01.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ3-2{background-image:url(../photos/projets/PRJ3-02.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ3-3{background-image:url(../photos/projets/PRJ3-03.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ3-4{background-image:url(../photos/projets/PRJ3-04.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}
.galerie figure.PRJ3-5{background-image:url(../photos/projets/PRJ3-05.jpg),linear-gradient(120deg,var(--img-a),var(--img-b) 55%,var(--img-c));background-size:cover;background-position:center}