/* Le lecteur occupe un écran ; aucune longue page vide à traverser pour atteindre le programme. */
.cinema{position:relative;isolation:isolate;height:min(920px,calc(100svh - 68px));min-height:660px;overflow:hidden;background:#18241f;color:#fff1d6}
.cinema [hidden]{display:none!important}.cinema button,.cinema input{font:inherit}.cinema button{cursor:pointer}.cinema button:focus-visible,.cinema a:focus-visible,.cinema input:focus-visible{outline:2px solid #ffdf91;outline-offset:5px}
.cinema-image,.cinema-image>img,.cinema-image>canvas,.cinema-voile{position:absolute;inset:0;width:100%;height:100%}.cinema-image>img{object-fit:cover;object-position:35% 55%}.cinema-image>canvas{opacity:0;transition:opacity .8s}.cinema[data-pret=true] canvas{opacity:1}
.cinema-voile{pointer-events:none;background:linear-gradient(180deg,#09171585 0%,transparent 26%,transparent 52%,#101b1ddd 100%),linear-gradient(90deg,transparent 30%,#0b201c20 52%,#0b1b1fd6 100%)}
.cinema-entete{position:absolute;top:28px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:start;gap:20px}.cinema-signature{font-size:.6rem;text-transform:uppercase;letter-spacing:.23em;color:#eadac2}.cinema-signature b{display:block;font-weight:500;font-size:.8rem;letter-spacing:.16em;margin-top:5px;color:#fff2d7}.film__raccourcis{display:flex;gap:22px;align-items:center}.film__raccourcis a{font-size:.72rem;color:#fff3db;text-decoration:none;border-bottom:1px solid #f0d9b259;padding:5px 0;min-height:32px}.film__raccourcis a span{padding-left:10px;color:#f6d494}
.cinema-recit{position:absolute;left:64%;right:5%;top:45%;transform:translateY(-50%);max-width:520px;text-shadow:0 3px 30px #08171680}.cinema-repere{font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;color:#f4d291;margin:0 0 18px}.cinema-recit h2{font:500 clamp(2.9rem,4.5vw,5.4rem)/1.02 var(--display,Georgia);letter-spacing:-.045em;margin:0 0 20px;color:#fff3df;text-wrap:balance}.cinema-texte{font-size:clamp(.88rem,1.1vw,1.05rem);line-height:1.75;color:#f0e0c9;margin:0;max-width:36ch}.cinema-invitation{display:flex;align-items:center;gap:12px;font-size:.68rem;color:#e6ccaa;letter-spacing:.03em;margin-top:25px}.cinema-trait{width:30px;height:1px;background:#ddb779}
.cinema-recit.change{animation:cinema-phrase .8s both}@keyframes cinema-phrase{from{opacity:0;transform:translateY(calc(-50% + 12px))}to{opacity:1;transform:translateY(-50%)}}
.cinema-suite{display:grid;justify-items:start;gap:14px;margin-top:24px;font-size:.8rem}.cinema-suite>a:last-child{color:#ffe8ba;text-decoration:none}.cinema-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#f4d7a1;border:1px solid #fce7bd;border-radius:4px;padding:13px 20px;color:#25352b;font-weight:700;font-size:.8rem;text-decoration:none;min-height:46px;box-shadow:0 8px 28px #10201e33}.cinema-cta:hover{background:#ffe6b4}.cinema-cta span{font-size:.7rem}
.cinema-pied{position:absolute;bottom:23px;left:4%;right:4%}.cinema-lecture{display:flex;align-items:center;gap:20px}.cinema-son{background:transparent;color:#f0dec1;border:0;border-bottom:1px solid #f4d7a14d;padding:10px 0;font-size:.75rem;min-height:44px}.cinema-temps{margin-left:auto;font-size:.85rem;font-variant-numeric:tabular-nums}.cinema-temps small{color:#c1b9a6;font-size:.7rem}.cinema-avance{display:block;margin:19px 0 9px;height:14px}.cinema-avance input{display:block;width:100%;height:4px;accent-color:#f4d7a1;cursor:pointer;margin:0}.cinema-chapitres{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}.cinema-chapitres button{position:relative;border:0;background:transparent;color:#d3ccb7;text-align:left;font-size:.7rem;padding:8px 0;min-height:39px;white-space:nowrap}.cinema-chapitres button span{font-size:.6rem;opacity:.65;margin-right:10px}.cinema-chapitres button[aria-current]{color:#ffdfa1}.cinema-chapitres button[aria-current]:after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:#f4d7a1}.cinema-statut{min-height:0;margin:4px 0 0;font-size:.65rem;color:#ddd0b8}.cinema-statut:empty{display:none}.cinema-sans-js{position:absolute;bottom:20px;left:4%;right:4%;font-size:.8rem;background:#14251ee6;padding:15px}
#apres-film{scroll-margin-top:70px}.cinema+.heros{min-height:0;padding-block:4rem}.cinema+.heros .raisinee-aquarelle{display:none}
@media(min-width:1700px){.cinema-recit{left:66%;right:7%}}
@media(max-width:900px){.cinema{min-height:760px;height:calc(100svh - 68px);max-height:1000px}.cinema-image{height:74%}.cinema-image>img{object-position:36% 52%}.cinema-voile{background:linear-gradient(180deg,#0b181a91,transparent 18%,transparent 35%,#0f20211a 43%,#101f20 69%)}.cinema-entete{top:20px;left:6%;right:6%}.cinema-signature b{max-width:120px;font-size:.65rem}.film__raccourcis{display:grid;gap:2px;text-align:right}.film__raccourcis a{font-size:.62rem;min-height:28px}.cinema-recit{left:7%;right:7%;top:auto;bottom:186px;transform:none;max-width:570px}.cinema-recit h2{font-size:clamp(2.5rem,8vw,3.6rem);line-height:1.01;margin-bottom:12px;max-width:15ch}.cinema-repere{font-size:.56rem;margin-bottom:10px}.cinema-texte{font-size:.8rem;line-height:1.6;max-width:42ch}.cinema-invitation{margin-top:13px;font-size:.6rem}.cinema-pied{left:7%;right:7%;bottom:18px}.cinema-chapitres{gap:3px}.cinema-chapitres button{font-size:0;text-align:center;padding:9px 0}.cinema-chapitres button span{font-size:.7rem;margin:0;opacity:1}.cinema-chapitres button[aria-current]:after{left:calc(50% - 10px);width:20px}.cinema-lecture{gap:15px}.cinema-cta{padding:11px 16px;font-size:.76rem}.cinema-son{font-size:.68rem}.cinema-temps{font-size:.73rem}.cinema-avance{margin-top:14px}.cinema-suite{margin-top:14px;gap:10px;font-size:.72rem}.cinema-suite .cinema-cta{padding:8px 14px;min-height:38px}.cinema-recit.change{animation-name:cinema-phrase-mobile}@keyframes cinema-phrase-mobile{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media(max-width:380px){.cinema{min-height:740px}.cinema-recit{bottom:178px}.cinema-recit h2{font-size:2.3rem}.cinema-temps{font-size:.65rem}.cinema-lecture{gap:10px}}
@media(prefers-reduced-motion:reduce){.cinema *, .cinema *:before,.cinema *:after{animation:none!important;transition:none!important}}
/* Annule le positionnement des raccourcis de l'ancien film, partagé par le reste du site. */
.cinema .film__raccourcis{position:static;flex-wrap:nowrap}
.cinema .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.cinema{height:calc(100svh - 67px);min-height:600px}.cinema-image{height:56%}.cinema-voile{background:linear-gradient(180deg,#0b181a91,transparent 19%,transparent 34%,#10202122 40%,#101f20 57%)}.cinema-recit{bottom:155px}.cinema-recit h2{font-size:clamp(2rem,7.8vw,2.7rem);max-width:18ch;margin-bottom:10px}.cinema-repere{font-size:.51rem;margin-bottom:9px}.cinema-texte{font-size:.73rem;line-height:1.55}.cinema-invitation{display:none}.cinema-entete{top:17px}.cinema-suite{gap:7px;margin-top:10px}.cinema-suite .cinema-cta{font-size:.65rem;padding:7px 12px;min-height:34px}.cinema-pied{bottom:13px}.cinema-signature{font-size:.5rem}.cinema-signature b{font-size:.6rem}.film__raccourcis a{font-size:.56rem}}
/* Commandes utilisables au doigt et texte lisible sans zoom. */
.cinema-avance{height:44px;margin:8px 0 0}
.cinema-avance input{height:44px;appearance:none;-webkit-appearance:none;background:transparent}
.cinema-avance input::-webkit-slider-runnable-track{height:4px;background:#b3a488;border-radius:4px}
.cinema-avance input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:#ffe4ac;border:2px solid #25352b}
.cinema-avance input::-moz-range-track{height:4px;background:#b3a488;border-radius:4px}
.cinema-avance input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ffe4ac;border:2px solid #25352b}
.cinema-chapitres button{min-height:44px}
.cinema-statut{font-size:.85rem}
@media(max-width:900px){
  .cinema{min-height:720px}
  .cinema-entete{gap:12px}
  .cinema-signature{font-size:.6rem;letter-spacing:.12em}
  .cinema-signature b{font-size:.7rem;letter-spacing:.08em;max-width:100px}
  .cinema .film__raccourcis a{font-size:.7rem;min-height:44px;display:flex;align-items:center;justify-content:flex-end}
  .cinema-recit{bottom:195px}
  .cinema-repere{font-size:.7rem;letter-spacing:.12em}
  .cinema-texte{font-size:.94rem;line-height:1.55}
  .cinema-son,.cinema-temps{font-size:.85rem}
  .cinema-chapitres{display:flex;overflow-x:auto;gap:3px}
  .cinema-chapitres button{flex:1 0 44px}
  .cinema-suite .cinema-cta{font-size:.82rem;min-height:44px}
}