.articles__grille{display:grid;grid-template-columns:1fr;gap:var(--e-8);list-style:none;margin:0;padding:0}.article-carte{display:flex;flex-direction:column;height:100%;overflow:hidden;border:var(--trait) solid var(--filet);border-radius:var(--rayon-large);background-color:var(--fond-carte);text-decoration:none;color:var(--texte);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.article-carte:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--ombre-bas)}.article-carte__media{position:relative;overflow:hidden;background-color:var(--fond-alterne)}.article-carte__media img,.article-carte__media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.article-carte:hover .article-carte__media img{transform:scale(1.05)}.article-carte__corps{display:flex;flex-direction:column;flex:1;gap:var(--e-4);padding:var(--e-6)}.article-carte__meta{font-family:var(--f-chiffres);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--texte-secondaire)}.article-carte__titre{font-size:var(--t-lg);line-height:1.25;margin:0;flex:1}.article-carte__extrait{font-size:var(--t-sm);color:var(--texte-secondaire);margin:0}.article-carte__lien{display:inline-flex;align-items:center;gap:var(--e-2);margin-top:auto;font-size:var(--t-sm);font-weight:600;color:var(--accent-texte)}.article-carte__fleche{width:16px;height:16px;transition:transform var(--transition)}.article-carte:hover .article-carte__fleche{transform:translate(4px)}@media(prefers-reduced-motion:no-preference){.articles__grille .article-carte{animation:article-apparition .46s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--rang, 0) * 90ms)}}@keyframes article-apparition{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.articles__vide{grid-column:1 / -1;padding:var(--e-16) var(--e-4);border:var(--trait) dashed var(--filet);border-radius:var(--rayon-large);text-align:center;color:var(--texte-secondaire)}@media screen and (min-width:600px){.articles__grille{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.articles__grille{grid-template-columns:repeat(3,1fr);gap:var(--gouttiere)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-articles.css.map */