/* Страница кейса /projects/<slug>/ (доска projects-primer-kejsa): дополнения к content.css.
   Обложка как на шаблоне; галерея подстраивается под 1–4 фото после обложки; фото в отзыве. */
.pj-cover{height:620px;margin-top:32px}
.pj-cover img{width:100%;height:100%;object-fit:cover}

/* .vgal из content.css рассчитана на 5 плиток (большая + 4). Меньше фото — без пустых клеток. */
.vgal.pj-gal.n1{grid-template-columns:minmax(0,1fr);grid-template-rows:520px}
.vgal.pj-gal.n2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:440px}
.vgal.pj-gal.n2>a:first-child{grid-row:auto}
.vgal.pj-gal.n3{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.vgal.pj-gal.n4>a:last-child{grid-column:span 2}

.vquote .pj-av{border:0;overflow:hidden}
.vquote .pj-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.vcases .pj-slot{height:340px;border-radius:var(--R)}

@media (max-width:1000px){
  .vgal.pj-gal.n1,.vgal.pj-gal.n2{grid-template-rows:360px}
  .vgal.pj-gal.n1>a:first-child,.vgal.pj-gal.n2>a:first-child{grid-column:auto}
  .vgal.pj-gal.n3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:320px 200px}
  .vgal.pj-gal.n3>a:first-child{grid-column:span 2}
  .vgal.pj-gal.n4{grid-template-rows:320px 200px 200px}
  .vgal.pj-gal.n4>a:last-child{grid-column:span 2}
  .vcases .pj-slot{height:260px}
}
@media (max-width:700px){
  .vgal.pj-gal.n1,.vgal.pj-gal.n2,.vgal.pj-gal.n3,.vgal.pj-gal.n4{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .vgal.pj-gal.n3>a:first-child,.vgal.pj-gal.n4>a:last-child{grid-column:auto}
  .vgal.pj-gal.n2>a:first-child{height:300px}
}