.lecteur{flex-direction:column;align-items:center;padding:6px 0 10px;display:flex}.lecteur-ecran{aspect-ratio:16/10;background:var(--nuit);width:100%;box-shadow:var(--ombre3),0 0 0 8px #fff,0 0 0 9px var(--filet2);border-radius:24px;display:block;position:relative;overflow:hidden;rotate:-1.5deg}.lecteur-ecran img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.lecteur-voile{background:linear-gradient(#17161e0d 30%,#17161ec7);position:absolute;inset:0}.lecteur-titre{font:700 clamp(22px,2.4vw,30px)/1.1 var(--serif);color:var(--creme);letter-spacing:-.02em;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:34px;left:24px}.lecteur-titre small{font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#c9b8e8}.lecteur-play{background:var(--degrade);color:#fff;width:84px;height:84px;animation:apparait .6s var(--rebond) .9s both;border-radius:50%;place-items:center;margin:-42px 0 0 -42px;display:grid;position:absolute;top:44%;left:50%;box-shadow:0 0 0 10px #ffffff38,0 20px 40px -14px #80439ccc}.lecteur-play .ic{width:34px;height:34px;margin-left:5px}.lecteur-barre{background:#f3eee340;border-radius:3px;height:5px;position:absolute;bottom:16px;left:24px;right:24px}.lecteur-barre i{background:var(--degrade-clair);transform-origin:0;width:38%;height:100%;animation:barre 1.6s var(--e) 1.1s both;border-radius:3px;display:block}@keyframes barre{0%{transform:scaleX(0)}}.lecteur-roles{z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;margin:-24px 0 0;padding:0;list-style:none;display:flex;position:relative}.lecteur-roles li{box-shadow:var(--ombre2),inset 0 0 0 1px var(--filet);animation:monte .6s var(--e) both;background:#fff;border-radius:99px;align-items:center;gap:9px;padding:6px 14px 6px 6px;font-size:15px;font-weight:700;display:inline-flex}.lecteur-roles li:first-child{animation-delay:1.2s}.lecteur-roles li:nth-child(2){animation-delay:1.35s}.lecteur-roles li:nth-child(3){animation-delay:1.5s}.lecteur-roles .ac-av{width:36px;height:36px}.ac-av{background:var(--j);border-radius:50%;flex:none;width:48px;height:48px;display:grid;overflow:hidden}.ac-av .visage{width:100%;height:100%}.ac{padding-top:clamp(56px,8vw,96px)}.ac-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ac-roles a{color:var(--encre);box-shadow:var(--ombre1),inset 0 0 0 1px var(--filet);transition:transform .3s var(--e),box-shadow .3s var(--e);background:#fff;border-radius:24px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex}.ac-roles a:hover{box-shadow:var(--ombre2),inset 0 0 0 1px var(--filet2);transform:translateY(-3px)}.ac-roles b{font:700 21px/1.15 var(--serif);display:block}.ac-roles small{color:var(--doux);margin-top:3px;font-size:14px;font-weight:600;display:block}.ac-filtre{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.ac-filtre[hidden]{display:none}.ac-filtre button{height:42px;color:var(--encre2);font:650 15px var(--sans);cursor:pointer;box-shadow:inset 0 0 0 1px var(--filet2);background:#fff;border:0;border-radius:99px;align-items:center;gap:8px;padding:0 18px;transition:background-color .2s,color .2s;display:inline-flex}.ac-filtre button[aria-checked=true]{background:var(--encre);color:#fff;box-shadow:none}.ac-filtre .ic{width:18px;height:18px}.ac-role{margin-top:clamp(48px,6vw,72px);scroll-margin-top:90px}.ac-role-tete{align-items:center;gap:16px;margin-bottom:20px;display:flex}.ac-role-tete .ac-av{width:62px;height:62px;box-shadow:0 12px 26px -12px #1d1c1980}.ac-role-tete h2{font:700 clamp(28px,3.4vw,40px)/1.05 var(--serif);letter-spacing:-.03em}.ac-grille{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.ac-carte{text-align:left;width:100%;height:100%;font:inherit;color:var(--encre);box-shadow:var(--ombre1),inset 0 0 0 1px var(--filet);transition:transform .3s var(--e),box-shadow .3s var(--e);background:#fff;border:0;border-radius:24px;flex-direction:column;gap:6px;padding:10px 10px 16px;display:flex}button.ac-carte{cursor:pointer}.ac-carte:hover{box-shadow:var(--ombre2),inset 0 0 0 1px var(--filet);transform:translateY(-3px)}.ac-vignette{aspect-ratio:16/9;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--j) 70%,#fff),var(--j) 55%,color-mix(in srgb,var(--j) 62%,#17161e));border-radius:16px;place-items:center;margin-bottom:8px;display:grid;position:relative;overflow:hidden}.ac-vignette:after{content:"";background:radial-gradient(closest-side,#ffffff2e,#0000);border-radius:50%;height:100%;position:absolute;inset:auto -20% -60% 30%}.ac-geste{color:#fff;stroke-width:1.6px;filter:drop-shadow(0 6px 12px #00000040);width:46px;height:46px}.ac-num{min-width:26px;height:26px;color:var(--encre);font:800 13px var(--sans);background:#ffffffeb;border-radius:9px;place-items:center;padding:0 7px;display:grid;position:absolute;top:10px;left:10px}.ac-ecrans{color:#ffffffe6;gap:6px;display:flex;position:absolute;bottom:9px;left:10px}.ac-ecrans .ic{width:17px;height:17px}.ac-bientot{color:#fff;font:750 11.5px var(--sans);letter-spacing:.04em;background:#17161e94;border-radius:99px;padding:5px 10px;position:absolute;top:10px;right:10px}.ac-lire{place-items:center;display:grid;position:absolute;inset:0}.ac-lire .ic{width:52px;height:52px;color:var(--j);box-shadow:var(--ombre2);background:#fffffff2;border-radius:50%;padding:14px 12px 14px 16px}.ac-duree{color:#fff;font:700 12px var(--sans);background:#17161e99;border-radius:7px;padding:3px 8px;position:absolute;bottom:9px;right:10px}.ac-t{font:700 18px/1.2 var(--serif);letter-spacing:-.01em;padding:2px 6px 0}.ac-demo{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:960px;margin-inline:auto;display:grid}.ac-demo a{color:var(--creme);background:#f3eee30f;border-radius:24px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:background-color .25s;display:flex;box-shadow:inset 0 0 0 1px #f3eee324}.ac-demo a:hover{background:#f3eee31f}.ac-demo b{font:700 20px/1.15 var(--serif);display:block}.ac-demo small{color:#a29caf;margin-top:2px;font-size:14px;font-weight:600;display:block}.ac-demo>a>.ic{color:#c9b8e8;margin-left:auto}.ac-lecteur{background:#000;width:min(980px,94vw);padding:0;overflow:hidden}.ac-lecteur video{background:#000;width:100%;max-height:82vh;display:block}.ac-lecteur .fenetre-x{z-index:2;background:#ffffffe6}@media (max-width:900px){.ac-roles{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}.ac-demo{grid-template-columns:minmax(0,1fr);max-width:520px}.lecteur{width:100%;max-width:560px;margin-inline:auto}}@media (max-width:640px){.ac-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ac-roles a{text-align:center;flex-direction:column;gap:8px;padding:14px 8px}.ac-roles b{font-size:17px}.ac-roles small{font-size:12.5px}.ac-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ac-carte{border-radius:18px;padding:6px 6px 12px}.ac-vignette{border-radius:13px;margin-bottom:4px}.ac-geste{width:34px;height:34px}.ac-bientot{padding:3px 7px;font-size:10px;top:6px;right:6px}.ac-num{min-width:22px;height:22px;font-size:12px;top:6px;left:6px}.ac-ecrans{bottom:6px;left:7px}.ac-ecrans .ic{width:14px;height:14px}.ac-t{padding:0 4px;font-size:15.5px}.lecteur-titre{font-size:20px;bottom:40px;left:16px}.lecteur-play{width:64px;height:64px;margin:-32px 0 0 -32px}.lecteur-play .ic{width:26px;height:26px}.lecteur-roles li{padding:4px 11px 4px 4px;font-size:13.5px}.lecteur-roles .ac-av{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.lecteur-play,.lecteur-barre i,.lecteur-roles li{animation:none}}
