/* Case CinéCréatis : réglages propres à la case, chargés après case-tuiles.css. */
.pj-mosaic { background-color: #efefef; }
/* téléphone en portrait : planche mobile, trois écrans empilés. Boutons dans
   la bande de fond laissée en bas */
@media (max-width: 767px) and (orientation: portrait) {
  .pj-mosaic .pj-fig-btn { aspect-ratio: 390 / 786; }
  .pj-mosaic .pj-fig-zoom { right: 12px; bottom: 12px; transform: scale(.75); transform-origin: 100% 100%; }
  .pj-mosaic .pj-fig-play { right: 52px; bottom: 12px; transform: scale(.75); transform-origin: 100% 100%; }
}
/* bande de la salle de projection : la citation passe à droite, sur les sièges flous, pour éviter les visages */
@media (min-width: 768px) {
  .pj-band:has(video[data-src*="cinecreatis/bande-3-v"], video[src*="cinecreatis/bande-3-v"]) .pj-verbatim { align-self: flex-end; margin-right: clamp(120px, 13vw, 220px); }
}