.ec-grille{grid-template-columns:minmax(0,1fr);gap:2.5rem 1.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.ec-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.ec-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem}}.ec-vignette{flex-direction:column;min-width:0;display:flex}.ec-vignette__ecran{--z:.5;background:var(--c-page);border:1px solid var(--c-argile-claire);pointer-events:none;user-select:none;border-radius:.75rem;position:relative;overflow:hidden}.ec-vignette__zoom{zoom:var(--z);width:46rem}.ec-vignette__zoom .ec-fenetre{width:46rem;max-width:none;box-shadow:none;border:0;border-radius:0;margin:0}.ec-vignette__kicker{color:var(--c-ink-soft);font-size:var(--size-small);align-items:baseline;gap:.6rem;margin:1.1rem 0 .4rem;display:flex}.ec-vignette__num{font-family:var(--font-mono);color:var(--c-accent);font-size:.8125rem}.ec-vignette__titre{font-family:var(--font-texte);font-size:var(--text-corps);max-width:34ch;margin:0;font-weight:500;line-height:1.35}.ec-vignette__lien{margin:.6rem 0 0}.ec-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:3.5rem 0 0;display:flex}.ec-actions__note{font-size:var(--size-small);color:var(--c-ink-soft)}.ec-ouvrir[hidden]{display:none}.ec-ouvrir__icone{fill:currentColor;vertical-align:-1px;flex:none;width:14px;height:14px;margin-right:.6rem;display:inline-block}html.ec-modale-ouverte,html.ec-modale-ouverte body{overflow:hidden}.ec-film{color:#f8fafc;overscroll-behavior:contain;background:#0f172a;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.ec-film[open]{animation:ec-film-entree .3s var(--ease-expo-out,ease-out) both;display:block}.ec-film::backdrop{background:#0f172a}@keyframes ec-film-entree{0%{opacity:0;transform:scale(.985)}}.ec-film__hote,.ec-film__cadre{border:0;width:100%;height:100%;position:absolute;inset:0}.ec-film__fermer{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));z-index:2;color:#f8fafc;min-height:44px;font:inherit;font-size:var(--size-small);cursor:pointer;backdrop-filter:blur(6px);background:#0f172a8c;border:1px solid #f8fafc66;border-radius:999px;align-items:center;gap:.5rem;padding:0 1rem;transition:background-color .2s;display:inline-flex;position:absolute}.ec-film__fermer:hover{background:#0f172ad9}.ec-film__fermer:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.ec-film__fermer svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.ec-film__astuce{left:1rem;right:8.5rem;top:max(.75rem, env(safe-area-inset-top));z-index:2;min-height:44px;font-size:var(--size-small);color:#f8fafcbf;align-items:center;margin:0;line-height:1.3;display:none;position:absolute}@media (width<=639px) and (orientation:portrait){.ec-film__astuce{display:flex}}@media (prefers-reduced-motion:reduce){.ec-film[open]{animation:none}.ec-film__fermer{transition:none}}