.articles-index{max-width:1200px;margin:0 auto;padding:3rem 2rem 6rem}.articles-category{margin-bottom:5rem}.articles-category-title{font-size:clamp(2.5rem,5vw,5rem);color:var(--base-100);opacity:.85;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(242,238,218,.08);font-family:SCHABO,sans-serif;font-weight:500;line-height:.85;text-transform:uppercase;letter-spacing:.01em;position:relative}.articles-category-title:before{content:"// CATÉGORIE";font-family:Geist Mono,monospace;font-size:.55rem;letter-spacing:.2em;opacity:.3;display:block;margin-bottom:.75rem;font-weight:400;color:var(--base-100)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.article-card-index{display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:#26262680;text-decoration:none;position:relative;clip-path:polygon(1.5rem 0%,calc(100% - 1.5rem) 0%,100% 1.5rem,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,1.5rem 100%,0% calc(100% - 1.5rem),0% 1.5rem);transition:background-color .25s ease}.article-card-index:before{content:"";position:absolute;inset:0;background:var(--cyber-gradient);background-size:300% 300%;animation:cyber-flow 6s ease infinite;-webkit-mask:polygon(1.5rem 0%,calc(100% - 1.5rem) 0%,100% 1.5rem,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,1.5rem 100%,0% calc(100% - 1.5rem),0% 1.5rem) 0 0 / 100% 100%,polygon(calc(1.5rem + 1px) 1px,calc(100% - 1.5rem - 1px) 1px,calc(100% - 1px) calc(1.5rem + 1px),calc(100% - 1px) calc(100% - 1.5rem - 1px),calc(100% - 1.5rem - 1px) calc(100% - 1px),calc(1.5rem + 1px) calc(100% - 1px),1px calc(100% - 1.5rem - 1px),1px calc(1.5rem + 1px)) 0 0 / 100% 100%;-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.3;transition:opacity .3s ease}.article-card-index:hover{background-color:#262626cc}.article-card-index:hover:before{opacity:1}.article-card-index-tag{font-size:.58rem;text-transform:uppercase;letter-spacing:.2em;color:var(--base-100);opacity:.4;font-family:Geist Mono,monospace;font-weight:400}.article-card-index-title{font-size:clamp(1.5rem,2.5vw,2.25rem);color:var(--base-100);font-weight:500;line-height:.9;margin:0;text-transform:uppercase;font-family:SCHABO,sans-serif;letter-spacing:.01em}.article-card-index-excerpt{font-size:.8rem;color:var(--base-100);opacity:.5;line-height:1.65;flex:1;text-transform:none;font-family:Host Grotesk,sans-serif;font-weight:400}.article-card-index-cta{font-size:.58rem;text-transform:uppercase;letter-spacing:.18em;color:var(--base-100);opacity:.35;font-family:Geist Mono,monospace;font-weight:400;margin-top:.25rem;transition:opacity .2s ease}.article-card-index:hover .article-card-index-cta{opacity:1}@media(max-width:768px){.articles-index{padding:2rem 1rem 4rem}.articles-grid{grid-template-columns:1fr}.article-card-index{clip-path:polygon(1rem 0%,calc(100% - 1rem) 0%,100% 1rem,100% calc(100% - 1rem),calc(100% - 1rem) 100%,1rem 100%,0% calc(100% - 1rem),0% 1rem)}.article-card-index:before{-webkit-mask:polygon(1rem 0%,calc(100% - 1rem) 0%,100% 1rem,100% calc(100% - 1rem),calc(100% - 1rem) 100%,1rem 100%,0% calc(100% - 1rem),0% 1rem) 0 0 / 100% 100%,polygon(calc(1rem + 1px) 1px,calc(100% - 1rem - 1px) 1px,calc(100% - 1px) calc(1rem + 1px),calc(100% - 1px) calc(100% - 1rem - 1px),calc(100% - 1rem - 1px) calc(100% - 1px),calc(1rem + 1px) calc(100% - 1px),1px calc(100% - 1rem - 1px),1px calc(1rem + 1px)) 0 0 / 100% 100%;-webkit-mask-composite:xor;mask-composite:exclude}}