/* Fiche réalisation (app/templates/site/project.php) — dans l'esprit des pages projet de forme.ch */
.pj{gap:clamp(40px,4.2vw,80px)}
.pj-cover{border-radius:var(--r);overflow:hidden;aspect-ratio:2/1;background:var(--line)}
.pj-cover picture{display:block;height:100%}
.pj-cover img{width:100%;height:100%;object-fit:cover}
.pj-head{display:grid;gap:clamp(18px,1.7vw,28px);justify-items:start}
.pj-t{margin:0}
.pj-tags .tag{padding:7px 9px}
.pj-lead{max-width:34em;margin:0;font:400 var(--t-4)/1.22 var(--sans);letter-spacing:-.01em}
.pj-cred{display:grid;gap:4px;margin:0;font:400 var(--t-xs)/1.35 var(--mono);text-transform:uppercase}
.pj-cred div{display:flex;flex-wrap:wrap;gap:0 .6em}
.pj-cred dt::after{content:" :"}
.pj-cred dd{margin:0}
.pj-body{max-width:46em}
.pj-cta{margin:0}
/* Galerie : rangées pleine largeur, 2 et 3 colonnes, large + étroite (mêmes hauteurs dans une rangée) */
.pjg{display:grid;gap:var(--gap)}
.pjg-r{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--c,1),minmax(0,1fr));aspect-ratio:var(--a,3/2)}
.pjg-r picture{display:block;min-height:0;border-radius:var(--rs);overflow:hidden;background:var(--line)}
.pjg-r img{width:100%;height:100%;object-fit:cover}
.pjg-half-half{--c:2;--a:2/1.3}
.pjg-third-third-third{--c:3;--a:3/1.05}
.pjg-wide-narrow{grid-template-columns:2fr 1fr;--a:3/1.1}
.pjg-narrow-wide{grid-template-columns:1fr 2fr;--a:3/1.1}
.pj-more .sec-t{margin-bottom:24px}
@media (max-width:47.99em){
.pj-cover{aspect-ratio:4/3}
.pjg-r{grid-template-columns:1fr!important;aspect-ratio:auto}
.pjg-r picture{aspect-ratio:4/3}
.pjg-full picture{aspect-ratio:3/2}
}
/* Sans texte d'accroche : le texte de la réalisation prend sa place, en grand */
.pj-body-lead{max-width:34em;font:400 var(--t-5)/1.28 var(--sans)}
.pj-body-lead p+p{margin-top:.6em}