.projects-loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90dvh;background-color:black;text-align:center;gap:1rem}.projects-loader{width:60px;height:60px;border:6px double rgba(255,255,255,.2);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.projects-loader-text{font-size:1.5rem;line-height:1.4rem;color:white}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (min-width:1025px){.projects-table{display:flex;flex-direction:column;width:100%;position:relative}.project-row{display:grid;grid-template-columns:calc(7.5dvw - 1rem) 27.5dvw 25dvw calc(40dvw - 1rem);align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.2);transition:transform .4s ease,opacity .4s ease,height .4s ease,margin .4s ease}.project-row.hidden{opacity:0;height:0;margin:0;padding:0;display:none;pointer-events:none}.project-row.visible{opacity:1;display:grid;height:auto}.project-title{z-index:10}.project-title a{z-index:10;border-bottom:1px solid rgba(255,255,255,0);transition:all .2s ease}.project-title a,.project-title a:hover{font-size:1.5rem;text-transform:uppercase;color:inherit}.project-title a:hover{border-bottom:1px solid rgba(255,255,255,1)}.project-category{display:flex;flex-wrap:wrap;gap:.4rem;z-index:10}.project-category-button{background-color:black;color:white;border:1px solid white;padding:.2rem .6rem;border-radius:200px;font-size:.85rem;white-space:nowrap;z-index:10;transition:all .3s ease}.project-category-button.active,.project-category-button:hover{background-color:white;color:black}.project-year{white-space:nowrap;color:grey;font-size:1.5rem;z-index:10}.project-description{max-height:0;opacity:0;z-index:10;line-height:1;text-align:justify;overflow:hidden;transition:all 1s ease}.project-row:hover .project-description{max-height:100px;opacity:1}.hover-image{position:fixed;max-width:400px;max-height:400px;pointer-events:none;z-index:9;filter:brightness(.5);box-shadow:10px 10px 15px rgba(255,255,255,.2);transition:transform .1s ease}}@media screen and (max-width:750px){.projects-table{position:relative;top:7dvh;display:flex;flex-direction:column;width:100%}.project-description{display:none!important}.project-row{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"year year" "title category";gap:.3rem;align-items:center;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.2);transition:transform .3s ease,opacity .3s ease,height .3s ease,margin .3s ease}.project-row.hidden{opacity:0;height:0;margin:0;padding:0;display:none;pointer-events:none}.project-row.visible{opacity:1;display:grid;height:auto}.project-year{grid-area:year;font-size:1.2rem;color:grey;white-space:nowrap}.project-title{grid-area:title;font-size:1.2rem;text-transform:uppercase;overflow-wrap:anywhere}.project-title a{text-decoration:none;color:inherit;border-bottom:1px solid rgba(255,255,255,0);transition:all .2s ease}.project-title a:hover{border-bottom:1px solid rgba(255,255,255,1)}.project-category{grid-area:category;display:flex;flex-wrap:wrap;gap:.4rem}.project-category-button{background-color:black;color:white;border:1px solid white;padding:0 .3rem;border-radius:200px;font-size:.7rem;white-space:nowrap;transition:all .3s ease}.project-category-button.active,.project-category-button:hover{background-color:white;color:black}.hover-image{display:none}}@media screen and (min-width:751px) and (max-width:1024px){.projects-table{display:flex;flex-direction:column;width:100%;position:relative}.project-description{display:none!important;background-color:white}.project-row{display:grid;grid-template-columns:4rem calc(50% - 2rem) calc(50% - 2rem);grid-template-areas:"years titre categorie";align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.2);transition:transform .4s ease,opacity .4s ease,height .4s ease,margin .4s ease}.project-row.hidden{opacity:0;height:0;margin:0;padding:0;display:none;pointer-events:none}.project-row.visible{opacity:1;display:grid;height:auto}.project-title{z-index:10;grid-area:titre}.project-title a{font-size:1.2rem;text-transform:uppercase;color:inherit;z-index:10;border-bottom:1px solid rgba(255,255,255,0);transition:all .2s ease}.project-title a:hover{text-transform:uppercase;color:inherit;border-bottom:1px solid rgba(255,255,255,1)}.project-category{grid-area:categorie;display:flex;flex-wrap:wrap;gap:.5rem;z-index:10}.project-category-button{background-color:black;color:white;border:1px solid white;padding:0 .4rem;border-radius:200px;font-size:.85rem;white-space:nowrap;z-index:10;transition:all .3s ease}.project-category-button.active,.project-category-button:hover{background-color:white;color:black}.project-year{color:grey;grid-area:years;white-space:nowrap;font-size:1.5rem;z-index:10}.hover-image{position:fixed;max-width:400px;max-height:400px;pointer-events:none;z-index:9;filter:brightness(.5);box-shadow:10px 10px 15px rgba(255,255,255,.2);transition:transform .1s ease}projects-loader-container{background-color:red}}