.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 (min-width:2500px){.project-row{display:grid;grid-template-columns:calc(5.5dvw - 1rem) 25dvw 15dvw calc(34.5dvw - 1rem)!important;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-title a{font-size:2.5rem!important}.project-category-button{font-size:1.2rem!important}.project-year{font-size:2.5rem!important}.hover-image{max-width:600px!important;max-height:600px!important}.project-description{max-height:0;opacity:0;z-index:10;line-height:1;font-size:1.5rem!important;text-align:justify;overflow:hidden;transition:all 1s ease}}@media screen and (min-width:1025px){.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.projects-table{flex:1;padding:1rem;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;margin-right:2rem;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(.6);box-shadow:0 0 1000px rgba(255,255,255,.5);transition:transform .1s ease}.contact-bar{height:fit-content;width:100%;background-color:rgba(255,255,255,.2);border-radius:2rem 2rem 0 0;color:white;display:flex;flex-direction:row;font-size:1.5rem;padding:1rem;font-family:HelveticaCustom,sans-serif!important}.contact-text-top{width:100%;padding-right:1rem}.contact-text-bottom{width:100%}.contact-social{display:flex;align-items:center;justify-content:space-between}.contact-social-name{flex:1;text-align:left}.contact-arrow{flex:1;text-align:center;font-family:M PLUS\ 1p,sans-serif}.contact-username{flex:1;text-align:right}.contact-link{text-decoration:none}.contact-link:hover{text-decoration:underline}}@media screen and (max-width:750px){.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.projects-table{flex:1;position:relative;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}.contact-bar{height:fit-content;width:100%;background-color:rgba(255,255,255,.2);border-radius:2rem 2rem 0 0;color:white;display:flex;flex-direction:column;font-size:1rem;padding:1rem;margin-top:1rem;font-family:HelveticaCustom,sans-serif!important}.contact-text-bottom,.contact-text-top{width:100%}.contact-social{display:flex;align-items:center;justify-content:space-between}.contact-social-name{flex:1;text-align:left}.contact-arrow{flex:1;text-align:center;font-family:M PLUS\ 1p,sans-serif}.contact-username{flex:1;text-align:right}.contact-link{text-decoration:none}.contact-link:hover{text-decoration:underline}}@media screen and (min-width:751px) and (max-width:1024px){.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.projects-table{flex:1;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}.contact-bar{height:fit-content;width:100%;background-color:rgba(255,255,255,.2);border-radius:2rem 2rem 0 0;color:white;display:flex;flex-direction:row;font-size:1.2rem;padding:1rem;font-family:HelveticaCustom,sans-serif!important}.contact-text-top{width:100%;padding-right:1rem}.contact-text-bottom{width:100%}.contact-social{display:flex;align-items:center;justify-content:space-between}.contact-social-name{flex:1;text-align:left}.contact-arrow{flex:1;text-align:center;font-family:M PLUS\ 1p,sans-serif}.contact-username{flex:1;text-align:right}.contact-link{text-decoration:none}.contact-link:hover{text-decoration:underline}}