.projet-module-scss-module__B0BtdW__projectGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem;display:grid}@media screen and (max-width:540px){.projet-module-scss-module__B0BtdW__projectGrid{padding:0}}.projet-module-scss-module__B0BtdW__card{background:var(--background-box);box-shadow:0 0 10px var(--box-shadow-main);cursor:pointer;border-radius:1rem;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.projet-module-scss-module__B0BtdW__card:hover{box-shadow:0 0 25px var(--box-shadow-main);transform:translateY(-6px)}.projet-module-scss-module__B0BtdW__card:focus{outline:2px solid var(--text-primary-active);outline-offset:2px}.projet-module-scss-module__B0BtdW__image{object-fit:cover;border-bottom:1px solid #0ff3;width:100%;height:180px}.projet-module-scss-module__B0BtdW__content{padding:1rem}.projet-module-scss-module__B0BtdW__content h3{color:var(--text-primary-active);margin:0 0 .5rem;font-size:1.25rem}.projet-module-scss-module__B0BtdW__content p{color:var(--text-light);font-size:.95rem}.projet-module-scss-module__B0BtdW__tags{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.projet-module-scss-module__B0BtdW__tag{background-color:var(--background-button);color:var(--text-primary-active);text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border-light);border-radius:.5rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500}.projet-module-scss-module__B0BtdW__tagFilters{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2rem;display:flex}.projet-module-scss-module__B0BtdW__tagFilters button{background-color:var(--background-button);border:1px solid var(--text-primary-active);color:var(--text-primary-active);cursor:pointer;border-radius:20px;padding:.4rem .9rem;font-size:.85rem;transition:all .2s}.projet-module-scss-module__B0BtdW__tagFilters button:hover{background-color:var(--background-button-hover)}.projet-module-scss-module__B0BtdW__tagFilters .projet-module-scss-module__B0BtdW__activeTag{background-color:var(--text-primary-active);color:var(--background);font-weight:700}@keyframes projet-module-scss-module__B0BtdW__fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.projet-module-scss-module__B0BtdW__fadeIn{animation:.4s forwards projet-module-scss-module__B0BtdW__fadeIn}.projet-module-scss-module__B0BtdW__counter{text-align:center;color:var(--text-primary-active);margin-top:-1rem;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}
.projectModal-module-scss-module__D-ZptG__modalOverlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s projectModal-module-scss-module__D-ZptG__fadeIn;display:flex;position:fixed;inset:0}[data-theme=light] .projectModal-module-scss-module__D-ZptG__modalOverlay{background:#0009}@keyframes projectModal-module-scss-module__D-ZptG__fadeIn{0%{opacity:0}to{opacity:1}}.projectModal-module-scss-module__D-ZptG__modalContent{background:var(--background-box);border:1px solid var(--border-light);border-radius:16px;width:100%;max-width:900px;max-height:90vh;animation:.3s projectModal-module-scss-module__D-ZptG__slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes projectModal-module-scss-module__D-ZptG__slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.projectModal-module-scss-module__D-ZptG__closeButton{background:var(--background-button);border:1px solid var(--border-light);cursor:pointer;width:40px;height:40px;color:var(--text-primary-active);z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.projectModal-module-scss-module__D-ZptG__closeButton:hover{background:var(--background-button-hover);transform:rotate(90deg)}.projectModal-module-scss-module__D-ZptG__closeButton svg{width:20px;height:20px}.projectModal-module-scss-module__D-ZptG__modalImage{border-radius:16px 16px 0 0;width:100%;height:400px;position:relative;overflow:hidden}.projectModal-module-scss-module__D-ZptG__modalImage .projectModal-module-scss-module__D-ZptG__image{object-fit:cover;width:100%;height:100%}.projectModal-module-scss-module__D-ZptG__modalBody{padding:40px}.projectModal-module-scss-module__D-ZptG__modalBody h2{color:var(--text-primary);margin:0 0 20px;font-size:2rem}.projectModal-module-scss-module__D-ZptG__modalBody .projectModal-module-scss-module__D-ZptG__description{color:var(--text-light);margin-bottom:30px;font-size:1.1rem;line-height:1.8}.projectModal-module-scss-module__D-ZptG__tags{flex-wrap:wrap;gap:10px;display:flex}.projectModal-module-scss-module__D-ZptG__tag{background:var(--background-button);color:var(--text-primary-active);border:1px solid var(--border-light);border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .3s}.projectModal-module-scss-module__D-ZptG__tag:hover{background:var(--background-button-hover);transform:translateY(-2px)}@media (max-width:768px){.projectModal-module-scss-module__D-ZptG__modalContent{max-height:95vh;margin:10px}.projectModal-module-scss-module__D-ZptG__modalImage{height:250px}.projectModal-module-scss-module__D-ZptG__modalBody{padding:30px 20px}.projectModal-module-scss-module__D-ZptG__modalBody h2{font-size:1.5rem}.projectModal-module-scss-module__D-ZptG__modalBody .projectModal-module-scss-module__D-ZptG__description{font-size:1rem}.projectModal-module-scss-module__D-ZptG__closeButton{width:36px;height:36px;top:10px;right:10px}}.projectModal-module-scss-module__D-ZptG__modalContent{scrollbar-width:thin;scrollbar-color:var(--text-secondary)var(--background-box)}.projectModal-module-scss-module__D-ZptG__modalContent::-webkit-scrollbar{width:8px}.projectModal-module-scss-module__D-ZptG__modalContent::-webkit-scrollbar-track{background:var(--background-box)}.projectModal-module-scss-module__D-ZptG__modalContent::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.projectModal-module-scss-module__D-ZptG__modalContent::-webkit-scrollbar-thumb:hover{background:var(--text-light)}