.articles-section{padding:4rem 0;background-color:var(--color-background,var(--color-primary))}.articles-container{max-width:1500px;margin:0 auto;padding:0 20px}.error-container,.loading-container{text-align:center;padding:4rem 2rem}.error-container h2,.loading-container h2{font-size:var(--font-size-32);color:var(--color-primary);margin-bottom:1rem}.error-container p,.loading-container p{font-size:var(--font-size-18);color:var(--color-text-muted)}.articles-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.article-card{position:relative;overflow:hidden;border-radius:var(--border-radius-16);box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.article-card:nth-child(7n+1){grid-column:span 8}.article-card:nth-child(7n+2),.article-card:nth-child(7n+3),.article-card:nth-child(7n+4),.article-card:nth-child(7n+5),.article-card:nth-child(7n+6){grid-column:span 4}.article-card:nth-child(7n+7){grid-column:span 8}.article-card:nth-child(7n+1) .article-image-container,.article-card:nth-child(7n+2) .article-image-container,.article-card:nth-child(7n+6) .article-image-container,.article-card:nth-child(7n+7) .article-image-container{height:350px}.article-card:nth-child(7n+1) .article-title,.article-card:nth-child(7n+7) .article-title{font-size:var(--font-size-24)}.article-card:nth-child(7n+1) .article-description,.article-card:nth-child(7n+7) .article-description{font-size:var(--font-size-16);-webkit-line-clamp:3;line-clamp:3}.article-card:nth-child(7n+7) .article-description,[data-theme=light] .article-card:nth-child(7n+1) .article-description{color:white}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.article-link{display:block;text-decoration:none;color:inherit}.article-image-container{height:300px}.article-image,.article-image-container{position:relative;width:100%;overflow:hidden}.article-image{height:100%}.article-image:before{background-color:var(--bg-color);background-image:var(--bg-image);background-size:cover;background-position:50%;background-repeat:no-repeat;transition:transform .8s cubic-bezier(.25,.46,.45,.94),filter .8s cubic-bezier(.25,.46,.45,.94);z-index:0}.article-image:after,.article-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.article-image:after{background:rgba(0,0,0,.2);pointer-events:none;z-index:1}.article-card:hover .article-image:before{transform:scale(1.05);filter:blur(10px)}.article-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.85));opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),padding .6s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;z-index:2}.article-card:hover .article-overlay{opacity:1;padding:2rem}.article-content{color:white;display:flex;flex-direction:column;height:100%;justify-content:space-between;transform:translateY(20px);transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.article-card:hover .article-content{transform:translateY(0)}.article-category{display:inline-block;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.4rem .8rem;border-radius:6px;font-size:var(--font-size-12);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:.3px;border:1px solid rgba(255,255,255,.2);align-self:flex-start;margin-bottom:auto}.article-title{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:1rem 0 .5rem;color:#ffffff}.article-description{font-size:var(--font-size-14);line-height:var(--line-height-normal);margin:0 0 1.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{width:50%}.article-footer,.article-meta{display:flex;align-items:center;justify-content:space-between}.article-footer{margin-top:auto}.article-cta{display:flex;align-items:center;gap:.5rem;color:#ffffff;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);transition:transform .2s ease}.article-cta:hover{transform:translateX(2px)}.article-cta-text{white-space:nowrap}.article-cta-arrow{width:16px;height:16px;transition:transform .2s ease}.article-cta:hover .article-cta-arrow{transform:translateX(2px)}.article-date{font-size:var(--font-size-12);color:rgba(255,255,255,.7);font-weight:var(--font-weight-normal)}.article-card .article-overlay{background:linear-gradient(180deg,rgba(0,0,0,.1) 100%,rgba(0,0,0,.5) 70% rgba(0,0,0,0) 0,rgba(0,0,0,.1) 0,rgba(0,0,0,.5));opacity:1}.article-card .article-content{transform:translateY(0)}.article-card .article-category,.article-card .article-description,.article-card .article-footer{opacity:0;transform:translateY(15px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}.article-card .article-title{transform:translateY(0);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.article-card:hover .article-description,.article-card:hover .article-footer{opacity:1;transform:translateY(0);justify-content:space-between;position:relative}.article-card:hover .article-category{opacity:1;transform:translateY(0);text-transform:uppercase;background:var(--color-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-card:hover .article-category,[data-theme=light] .article-card:hover .article-category{border:1px solid var(--color-secondary)}[data-theme=light] .article-card:nth-child(7n+1) .article-description,[data-theme=light] .article-card:nth-child(7n+2) .article-description,[data-theme=light] .article-card:nth-child(7n+3) .article-description,[data-theme=light] .article-card:nth-child(7n+4) .article-description,[data-theme=light] .article-card:nth-child(7n+5) .article-description,[data-theme=light] .article-card:nth-child(7n+6) .article-description,[data-theme=light] .article-card:nth-child(7n+7) .article-description{color:white}.article-card:hover .article-cta-text{background:var(--color-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-card:hover .article-title{transform:translateY(-5px)}.article-card:hover .article-overlay{background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.85))}.no-results-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:3rem 2rem}.no-results-content{text-align:center;max-width:500px}.no-results-title{font-size:var(--font-size-24);font-weight:var(--font-weight-bold);color:var(--color-text,var(--color-secondary));margin-bottom:1rem}.no-results-description{font-size:var(--font-size-16);line-height:var(--line-height-normal);color:var(--color-text-muted,rgba(0,0,0,.6));margin-bottom:2rem}.reset-filters-button{display:inline-flex;align-items:center;padding:.875rem 1.5rem;background:var(--color-gradient-primary);color:#ffffff;border:none;border-radius:var(--border-radius-8);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none;outline:none}.reset-filters-button:focus,.reset-filters-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(95,200,85,.3)}.reset-filters-button:focus{outline:1px solid var(--color-quinary);outline-offset:2px}.reset-filters-button:active{transform:translateY(0)}[data-theme=light] .articles-section{background-color:#ffffff}[data-theme=dark] .articles-section{background-color:var(--color-background)}[data-theme=light] .article-card{box-shadow:0 4px 20px rgba(0,0,0,.08)}[data-theme=dark] .article-card{box-shadow:0 4px 20px rgba(0,0,0,.3)}[data-theme=light] .article-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}[data-theme=dark] .article-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.4)}.articles-container .articles-grid{padding:1rem}@media (max-width:1800px){.articles-container .articles-grid{max-width:1000px;margin:0 auto;gap:1.5rem}.articles-container{padding:0 15px}.article-overlay{padding:1rem}.article-title{font-size:var(--font-size-20);margin:.75rem 0 .4rem}.article-description{font-size:var(--font-size-13);margin:0 0 1rem}.article-category{padding:.3rem .6rem;font-size:var(--font-size-11)}.article-meta{gap:.5rem}.article-footer{margin-top:.75rem}.article-cta{gap:.4rem;font-size:var(--font-size-13)}.article-image-container{height:250px}.article-card:nth-child(7n+1) .article-image-container,.article-card:nth-child(7n+2) .article-image-container,.article-card:nth-child(7n+6) .article-image-container,.article-card:nth-child(7n+7) .article-image-container{height:280px}.article-card:nth-child(7n+1) .article-title,.article-card:nth-child(7n+7) .article-title{font-size:var(--font-size-22)}.article-card:hover .article-overlay{padding:2rem}.article-card:hover .article-category{font-size:var(--font-size-10)}.article-card:hover .article-read-time{font-size:13px}}@media (max-width:1024px) and (min-width:769px){.articles-container{padding:0 1.5rem}.articles-grid{grid-template-columns:repeat(8,1fr)}.article-card:nth-child(7n+1){grid-column:span 5}.article-card:nth-child(7n+2){grid-column:span 3}.article-card:nth-child(7n+3),.article-card:nth-child(7n+4),.article-card:nth-child(7n+5){grid-column:span 8}.article-card:nth-child(7n+6){grid-column:span 3}.article-card:nth-child(7n+7){grid-column:span 5}}@media (max-width:768px){.articles-container{padding:0 1rem}.articles-grid{grid-template-columns:1fr;gap:1.5rem}.article-card:nth-child(7n+1),.article-card:nth-child(7n+2),.article-card:nth-child(7n+3),.article-card:nth-child(7n+4),.article-card:nth-child(7n+5),.article-card:nth-child(7n+6),.article-card:nth-child(7n+7){grid-column:span 1}.article-card:nth-child(7n+1) .article-image-container,.article-card:nth-child(7n+7) .article-image-container,.article-image-container{height:270px}.article-overlay{padding:1rem}.article-card:nth-child(7n+1) .article-title,.article-card:nth-child(7n+7) .article-title,.article-title{font-size:var(--font-size-20)}.article-card:nth-child(7n+1) .article-description,.article-card:nth-child(7n+7) .article-description{font-size:var(--font-size-14);-webkit-line-clamp:2;line-clamp:2}.article-read-time{font-size:var(--font-size-12)}.article-card:hover .article-category,.article-category{border:none!important;padding:0;font-size:var(--font-size-14)}.article-description{opacity:1!important;transform:translateY(0)!important}.no-results-container{min-height:300px;padding:2rem 1rem}.no-results-title{font-size:var(--font-size-20)}.no-results-description{font-size:var(--font-size-14);margin-bottom:1.5rem}.reset-filters-button{padding:.75rem 1.25rem;font-size:var(--font-size-14)}}@media (max-width:480px){.no-results-container{min-height:250px;padding:1.5rem .5rem}.no-results-title{font-size:var(--font-size-18)}.no-results-description{font-size:var(--font-size-12);margin-bottom:1rem}.reset-filters-button{padding:.625rem 1rem;font-size:var(--font-size-12)}}.article-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.article-image-next{transition:transform .3s cubic-bezier(.4,0,.2,1)}.article-image-wrapper:hover .article-image-next{transform:scale(1.05)}.article-gradient-background{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:200px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.article-gradient-background:hover{transform:scale(1.05)}.article-image-fallback{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:200px}.fallback-content{display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:.6;color:var(--color-primary)}.fallback-icon{opacity:.5}.fallback-text{font-size:var(--font-size-14);font-weight:var(--font-weight-medium);text-align:center}.article-image-wrapper.image-error{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center}.article-image-wrapper.image-error:after{content:"Image non disponible";color:var(--color-primary);font-size:var(--font-size-14);opacity:.6}@media (max-width:768px){.article-image-fallback{min-height:150px}.fallback-content{gap:.5rem}.fallback-text{font-size:var(--font-size-12)}}@media (max-width:480px){.article-image-fallback{min-height:120px}.fallback-icon{width:32px;height:32px}}.filter-bar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:linear-gradient(to bottom,var(--color-secondary) 0,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 6px rgba(0,0,0,.04);margin-bottom:1.5rem;transition:box-shadow var(--transition-normal);padding-top:calc(2rem + 3.5rem + 1rem)}.filter-bar-container{max-width:1450px;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto .5rem}.filter-categories,.filter-search{border:none;margin:0;padding:0}.search-and-results{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap}.filter-section-title{font-size:var(--font-size-16);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin:0 0 .75rem;line-height:var(--line-height-tight)}.filter-buttons-container{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.filter-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:transparent;border:none;border-radius:var(--border-radius-8);color:var(--color-foreground);font-size:var(--font-size-14);font-weight:var(--font-weight-normal);cursor:pointer;text-decoration:none;outline:none;position:relative;overflow:hidden}.filter-button:focus{outline:1px solid var(--color-foreground);outline-offset:2px}.filter-button--active{background:transparent;color:var(--color-foreground)}.filter-button-icon{font-size:var(--font-size-16);line-height:1}.filter-button-text{white-space:nowrap}.filter-button--active .filter-button-text{background:var(--color-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filter-search{flex:1 1;min-width:300px}.search-container{display:flex;flex-direction:column;gap:.5rem}.search-input-wrapper{position:relative;width:100%;max-width:400px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.08);border-radius:var(--border-radius-8);font-size:var(--font-size-14);color:var(--color-text,var(--color-secondary));transition:border-color var(--transition-normal),box-shadow var(--transition-normal);outline:none}.search-input::placeholder{color:var(--color-text-muted,rgba(0,0,0,.5))}.search-input:focus{border-color:var(--color-foreground);box-shadow:0 0 0 3px rgba(45,208,174,.1)}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{-webkit-appearance:none}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted,rgba(0,0,0,.5));cursor:pointer;padding:.25rem;border-radius:var(--border-radius-8);transition:color var(--transition-normal);pointer-events:none}.search-input:focus+.search-icon{color:var(--color-quinary)}.search-help{font-size:var(--font-size-12);color:rgba(255,255,255,.7);margin-top:.25rem}.filter-results{flex-shrink:0;min-width:200px;padding-top:2.25rem}.results-info{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.results-count{font-size:var(--font-size-14);color:var(--color-primary)}.clear-filters-button,.results-count{font-weight:var(--font-weight-medium)}.clear-filters-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--border-radius-8);color:var(--color-text-muted,rgba(0,0,0,.6));font-size:var(--font-size-12);cursor:pointer;text-decoration:none;outline:none}.clear-filters-button:focus{outline:1px solid var(--color-quinary);outline-offset:2px}.clear-filters-icon{font-size:var(--font-size-12);line-height:1}.clear-filters-text,.sr-only{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[data-theme=dark] .filter-bar{background:linear-gradient(180deg,#000000 0,transparent);box-shadow:0 1px 6px rgba(0,0,0,.2)}@media (max-width:768px){[data-theme=dark] .filter-bar{background:linear-gradient(180deg,#000000 0,#000000 90%,transparent);box-shadow:0 1px 6px rgba(0,0,0,.3)}}[data-theme=light] .search-input{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.08);color:var(--color-secondary)}[data-theme=dark] .search-input{border-color:rgba(255,255,255,.08);color:var(--color-primary)}@media (max-width:1800px){.filter-categories{width:70%;margin:0 auto}.filter-buttons-container{gap:0}.filter-bar{padding-top:calc(1.5rem + 3rem + .5rem)}.filter-button{padding:.4rem .6rem;font-size:var(--font-size-12)}.filter-button--active{background:transparent}.search-and-results{width:70%;margin:0 auto}.search-input-wrapper{max-width:300px}.search-input{padding:.6rem .8rem .6rem 2.4rem}.search-icon{left:.6rem}.filter-bar-container{margin-bottom:.5rem}}@media (max-width:1024px){.filter-bar{padding-top:calc(2rem + 3.5rem + .5rem)}.filter-bar-container{padding:1.25rem 1rem;gap:1.25rem}.search-and-results{gap:1.5rem}.filter-buttons-container{gap:.5rem}.filter-button{padding:.5rem .75rem;font-size:var(--font-size-12)}.search-input-wrapper{max-width:100%}.filter-search{min-width:250px}.filter-results{min-width:180px}}@media (max-width:768px){.filter-bar{position:-webkit-sticky;position:sticky;top:0;z-index:100;margin-bottom:1rem;box-shadow:0 1px 6px rgba(0,0,0,.08);background:linear-gradient(to bottom,var(--color-secondary) 0,var(--color-secondary) 90%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-top:calc(.2rem + 3.5rem)}.filter-bar-container{padding:.75rem;gap:1rem;margin:0}.search-and-results{flex-direction:row;gap:.75rem;align-items:center;width:100%;margin:0;padding-bottom:.5rem}.filter-search{min-width:auto;width:60%;flex:1 1}.search-input-wrapper{max-width:100%}.filter-results{min-width:auto;padding-top:0;border-top:none;width:40%;flex-shrink:0}.results-info{flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem}.filter-categories{width:100%;margin:0}.filter-buttons-container{gap:.5rem;justify-content:center}.filter-button{padding:.75rem 1rem;font-size:var(--font-size-14)}.filter-button-text{display:inline}.filter-button-icon{display:none}.search-input{padding:.5rem .75rem .5rem 2.25rem}.search-icon,.search-input{font-size:var(--font-size-12)}.search-icon{left:.5rem}.results-count{text-align:right;color:var(--color-text,var(--color-secondary));font-size:var(--font-size-12);white-space:nowrap}.clear-filters-button{font-size:var(--font-size-10);padding:.25rem .5rem}.filter-section-title{font-size:var(--font-size-16);text-align:left;color:var(--color-foreground)}.search-help{color:var(--color-text-muted,rgba(0,0,0,.6))}}@media (max-width:480px){.filter-categories{width:100%}.filter-bar-container{padding:0}.filter-button{padding:.375rem .5rem}.search-input{padding:.625rem .75rem .625rem 2.5rem}.search-icon{left:.5rem}}@media (prefers-reduced-motion:reduce){.search-input{transition:none}}.clear-filters-button:focus-visible,.filter-button:focus-visible,.search-input:focus-visible{outline:1px solid var(--color-foreground);outline-offset:2px}