/* Page « À l'écran » (chargée uniquement sur cette page) */
.ecran-hero { background: linear-gradient(180deg, var(--nuit), var(--thr-bg)); }
.projet-grille { display: grid; grid-template-columns: 360px 1fr; gap: 3rem; align-items: center; padding: 2rem; border-radius: 12px; }
.projet-grille.inverse { grid-template-columns: 1fr 360px; }
.projet-grille.inverse .projet-affiches { order: 2; }
.projet-affiches { display: flex; justify-content: center; }
.projet-affiches a { display: block; width: 62%; box-shadow: 0 16px 34px rgb(0 0 0 / .45); transition: transform .3s; }
.projet-affiches a:first-child:not(:only-child) { transform: rotate(-4deg) translateX(10%); position: relative; z-index: 1; }
.projet-affiches a:last-child:not(:only-child) { transform: rotate(3deg) translateX(-10%); }
.projet-affiches a:hover { transform: translateY(-8px); }
.projet-affiches img { width: 100%; }
.projet-texte h2 { font-size: clamp(2rem, 4vw, 3rem); }
.projet-grille[data-univers="thriller"] h2 { text-transform: uppercase; letter-spacing: .04em; font-weight: 400; }
.projet-grille[data-univers="feelgood"] h2 { font-style: italic; font-weight: 500; }
.projet-points { padding-left: 1.2rem; }
.projet-points li { margin-bottom: .3rem; }
.droits { max-width: 720px; }
@media (max-width: 820px) {
  .projet-grille, .projet-grille.inverse { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.4rem; }
  .projet-grille.inverse .projet-affiches { order: 0; }
  .projet-affiches a { width: 48%; }
}