.filter-btn{background-color:var(--color-accent);color:var(--color-secondary);border:1px solid var(--color-accent);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem}.filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 20px #ff5a0933}.filter-btn:hover:not(.active){background-color:var(--color-primary-light);color:#fff;border-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #ff5a0926}.filter-btn i[data-lucide]{width:1rem!important;height:1rem!important;transition:all .3s ease}.project-card{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-accent);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;max-width:100%;box-sizing:border-box}.project-card:hover{box-shadow:0 20px 25px -5px #ff5a091a,0 10px 10px -5px #ff5a090a;transform:translateY(-5px)}.project-card img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.group:hover .project-card img,.project-card:hover img{transform:scale(1.05)}.project-card .absolute span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px #0000001a;font-weight:600}.project-card .bg-yellow-500{animation:pulse 2s infinite}.project-card button{transition:all .3s ease;font-weight:500;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem}.project-card button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.project-card button i[data-lucide]{transition:all .3s ease}.vedette-card{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:2px solid var(--color-primary);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.vedette-card:hover{transform:translateY(-8px);box-shadow:0 35px 60px -12px #ff5a094d}.vedette-badge{background:linear-gradient(135deg,#fcd34d,#f59e0b);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}#projectsGrid{transition:all .3s ease}@media (max-width: 1024px){#projectsGrid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}}@media (max-width: 768px){#projectsGrid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding-left:1rem!important;padding-right:1rem!important}.filter-btn{padding:.5rem 1rem;font-size:.875rem}.filter-btn i[data-lucide]{width:.875rem!important;height:.875rem!important}}@media (max-width: 480px){#projectsGrid{grid-template-columns:1fr!important;gap:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.flex.flex-wrap.gap-3{flex-direction:column;align-items:stretch}.filter-btn{width:100%;justify-content:center}}.project-card{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease}.project-card.loaded{opacity:1;transform:translateY(0)}.project-card:nth-child(1){transition-delay:0ms}.project-card:nth-child(2){transition-delay:.1s}.project-card:nth-child(3){transition-delay:.2s}.project-card:nth-child(4){transition-delay:.3s}.project-card:nth-child(5){transition-delay:.4s}.project-card:nth-child(6){transition-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card[style*="animation: fadeInUp"]{animation:fadeInUp .5s ease forwards}.project-location{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-text-light);font-size:.875rem}.project-location i[data-lucide]{width:.75rem;height:.75rem;color:var(--color-text-light)}.project-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--color-text-light)}.project-meta>div{text-align:center}#loadMoreBtn{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem}#loadMoreBtn i[data-lucide]{width:1.25rem;height:1.25rem;transition:all .3s ease}#loadMoreBtn:hover i[data-lucide]{transform:translate(2px)}.cta-section{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark))}.cta-section .cta-buttons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-section .cta-buttons a:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.cta-section .cta-buttons a i[data-lucide]{width:1.25rem;height:1.25rem;transition:all .3s ease}.cta-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;text-align:center}.cta-stats>div{transition:transform .3s ease}.cta-stats>div:hover{transform:scale(1.05)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.filter-btn:focus,.project-card button:focus,#loadMoreBtn:focus,input:focus,button:focus{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #ff5a091a}.text-\[--color-text-light\]{color:#4b5563}@media (prefers-reduced-motion: reduce){.project-card,.filter-btn,#loadMoreBtn,.vedette-card,.project-card img,.cta-section .cta-buttons a{animation:none!important;transition:none!important}.project-card:hover,.vedette-card:hover{transform:none!important}}.page-hero{position:relative;min-height:400px;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-secondary-900),var(--color-secondary-dark))}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,90,9,.1) 50%,transparent 70%);pointer-events:none}.section-title{color:var(--color-secondary);font-weight:700;margin-bottom:1rem}.section-subtitle{color:var(--color-text-light);font-size:1.25rem;font-weight:400;max-width:48rem;margin:0 auto}.featured-badge{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;box-shadow:0 4px 6px #0000001a}@media print{.filter-btn,#loadMoreBtn,.cta-section{display:none!important}.project-card{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none!important;border:1px solid #ccc}}