.page-projects{max-width:100rem;margin-left:auto;margin-right:auto}.page-projects section{color:#fff;margin:0 1rem}.page-projects h1{color:var(--accent);text-transform:uppercase;font-size:2rem;font-weight:100}.page-projects section+section,.page-projects h1:not(:first-child){margin-top:5rem}.page-projects .ProjectList{grid-gap:2rem;grid-template-columns:100%;display:grid}.page-projects .Project .ProjectSection{margin-bottom:1rem}.page-projects .Project .ProjectSection+.ProjectSection{margin-top:2rem}.page-projects .Project .ProjectSection h2{border-bottom:1px solid #d3d3d3}.page-projects .Project .ProjectSection.ImageRight{grid-template-columns:auto var(--img-width);grid-template-areas:"txt image"}.page-projects .Project .ProjectSection.ImageLeft{grid-template-columns:var(--img-width) auto;grid-template-areas:"image txt"}.page-projects .Project .ProjectSection.ImageLeft,.page-projects .Project .ProjectSection.ImageRight{--img-width:20rem;grid-gap:1rem;align-items:center;display:grid}.page-projects .Project .ProjectSection.ImageLeft img,.page-projects .Project .ProjectSection.ImageRight img{cursor:pointer;border:2px solid #0000;border-radius:.4rem;grid-area:image;width:100%;height:auto;overflow:hidden}.page-projects .Project .ProjectSection.ImageLeft img:hover,.page-projects .Project .ProjectSection.ImageRight img:hover{border-color:#fff}.page-projects .Project .ProjectSection.ImageList{grid-gap:1rem;grid-template-rows:auto auto;grid-template-columns:100%;display:grid}.page-projects .Project .ProjectSection.ImageList .ImageListWrapper{grid-gap:.2rem .4rem;display:grid}.page-projects .Project .ProjectSection.ImageList .ImageListWrapper.WidthMode{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.page-projects .Project .ProjectSection.ImageList .ImageListWrapper.HeightMode{grid-template-rows:minmax(1rem,20rem);grid-template-columns:repeat(5,max-content)}.page-projects .Project .ProjectSection.ImageList .ImageListWrapper img{cursor:pointer;border:2px solid #0000;border-radius:.4rem;max-width:100%;height:auto;max-height:100%}.page-projects .Project .ProjectSection.ImageList .ImageListWrapper img:hover{border-color:#fff}@media (max-width:800px){.page-projects .Project .ProjectSection.ImageLeft,.page-projects .Project .ProjectSection.ImageRight{grid-template:"txt""image"/100%}.page-projects .Project .ProjectSection.ImageList .ImageListWrapper{justify-content:center}.page-projects .Project .ProjectSection.ImageList .ImageListWrapper.WidthMode,.page-projects .Project .ProjectSection.ImageList .ImageListWrapper.HeightMode{grid-template-columns:repeat(auto-fill,minmax(10rem,20rem));grid-template-rows:unset}}.page-projects .WarningProjectCustomHTML{padding-bottom:2rem;position:relative}.page-projects .WarningProjectCustomHTML h2{color:orange}.page-projects .WarningProjectCustomHTML button{position:absolute;bottom:0;left:50%;translate:-50% -100%}