/* Gabarit de page projet calqué sur two26.studio/work (mesures relevées à 1440 px le 1er nov. 2026) */
.pj-heros{position:relative;height:100vh;min-height:560px;overflow:hidden;background:var(--noir);display:flex;align-items:flex-end}
.pj-heros > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
.pj-heros.vu > img{transform:none}
.pj-heros::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,13,.55) 0%,rgba(14,13,13,0) 30%,rgba(14,13,13,0) 55%,rgba(14,13,13,.6) 100%)}
.pj-heros--marque{background:var(--rouge);display:flex}
.pj-heros--marque > .mono{position:absolute;inset:auto;left:50%;top:46%;width:min(34vw,420px);height:auto;object-fit:contain;transform:translate(-50%,-50%)!important}
.pj-heros--marque::after{display:none}
.pj-titre{position:relative;z-index:2;padding:0 var(--marge) 20px;font:700 clamp(64px,30px + 8.9vw,166px)/.9 var(--titre);font-stretch:75%;letter-spacing:-.01em;color:var(--creme)}
.pj-titre .masque{display:block;overflow:visible;clip-path:inset(-.25em -.2em -.25em -.2em)}
.pj-titre .ligne{display:block;text-wrap:balance;transform:translateY(1.35em);transition:transform 1s .2s cubic-bezier(.22,1,.36,1)}
.pj-heros.vu .pj-titre .ligne{transform:none}
/* logotype officiel (fichier de Walid, LOGO_PCM.svg) : même emplacement et même hauteur de capitale que le titre composé (0,66 em) */
.pj-titre--logo img{display:block;height:.66em;width:auto;max-width:min(78vw, 900px);object-fit:contain;object-position:left bottom}

.pj-contenu{padding:var(--sec) var(--marge);display:flex;flex-direction:column;gap:20px}
.pj-rangee{display:grid;grid-template-columns:490px 1fr;padding-bottom:32px}
.pj-sujet{font:500 18px/20px var(--texte);color:var(--rouge-fonce)}
.pj-droite{display:flex;flex-direction:column;gap:28px;max-width:910px}
.pj-droite h2{font:600 var(--h-moyen)/1.02 var(--titre);font-stretch:80%;letter-spacing:-.01em;color:var(--rouge-fonce)}
.pj-droite p{font:400 var(--corps)/var(--corps-lh) var(--texte);color:var(--encre)}
.pj-etiquettes{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0 0 20px;padding:0}
.pj-etiquettes li{padding:16px 32px;border:1px solid var(--rouge-fonce);border-radius:100px;font:400 clamp(16px,13.77px + .571vw,22px)/1 var(--texte);color:var(--rouge-fonce)}
.pj-media{border-radius:16px;overflow:hidden;background:#e7e0d9}
.pj-media img{width:100%;height:auto}
.pj-petit{width:min(453px,100%)}
.pj-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pj-duo{align-items:start}
.pj-media{opacity:0;transform:translateY(40px);transition:opacity .8s,transform 1s cubic-bezier(.22,1,.36,1)}
.pj-media.vu{opacity:1;transform:none}

.pj-autres{padding:0 var(--marge) var(--sec)}
.pj-autres__entete{position:relative;display:flex;justify-content:center;padding:0;margin-bottom:var(--e-3)}
.pj-autres .etiquette{position:absolute;left:0;top:0}
@media (max-width:1100px){.pj-rangee{grid-template-columns:260px 1fr}}
@media (max-width:767px){
  .pj-rangee{grid-template-columns:1fr;gap:16px}
  .pj-duo{grid-template-columns:1fr}
  .pj-etiquettes li{padding:10px 20px}
  .pj-autres__entete{flex-direction:column;align-items:flex-start;gap:var(--e-3)}
  .pj-autres .etiquette{position:static}
}
/* page B.Walid : le monogramme rouge de l'en-tête passerait inaperçu sur le fond rouge */
html[data-projet=bwalid] .entete:not(.plein):not(.sur-pied) .logo img{filter:brightness(0) invert(.97)}
@media (prefers-reduced-motion:reduce){.pj-heros > img,.pj-titre .ligne,.pj-media{transform:none!important;opacity:1!important}}