.animate-on-scroll{opacity:0;transform:translateY(1rem)}.animate-on-scroll.start-animation{animation-name:imageRev;animation-duration:500ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.reveal-text{display:inline-block}.articles-categorie-grid{display:grid;gap:30px;margin:40px 0}.articles-grid-2col{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.articles-grid-3col{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.articles-grid-4col{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.article-categorie-item{background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:all 0.3s ease;border:1px solid white;border-radius:6px}.article-categorie-item:hover{border:1px solid black}.article-image-link{display:block;overflow:hidden;background:#f0f0f0}.article-image{width:100%;height:280px;object-fit:cover;display:block;transition:transform 0.5s ease}.article-categorie-content{padding:25px;flex:1;display:flex;flex-direction:column}.article-categories{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#999;font-weight:600;margin-bottom:12px;display:inline-block}.article-title{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 12px 0}.article-title a{color:#000;text-decoration:none;transition:color 0.3s ease}.article-title a:hover{color:#666}.article-date{font-size:14px;color:#999;margin:0 0 15px 0}.article-excerpt{font-size:15px;line-height:1.6;color:#666;margin:0 0 20px 0;flex:1}.article-readmore{font-size:14px;font-weight:600;color:#000;text-decoration:none;display:inline-block;transition:transform 0.3s ease}.article-readmore:hover{transform:translateX(5px)}.articles-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:60px 0 40px 0;flex-wrap:wrap}.articles-pagination .page-numbers{padding:10px 18px;background:#f0f0f0;color:#333;text-decoration:none;font-weight:500;transition:all 0.3s ease;border-radius:4px}.articles-pagination .page-numbers:hover{background:#000;color:#fff}.articles-pagination .current{background:#000;color:#fff}@media (max-width:768px){.articles-categorie-grid{grid-template-columns:1fr!important;gap:20px}.article-image{height:220px}.article-title{font-size:20px}}