.ProjectListPage{width:auto;height:auto;min-height:100vh;display:flex;flex-direction:column;gap:4rem;position:relative;background-color:#17191e}.ProjectListPage__title{font-family:Blatant,sans-serif;font-weight:400;font-size:4rem;color:#fdf7f0;text-align:center}.ProjectListPage__items{width:100%;margin:0 auto;max-width:1280px;display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;padding:0;list-style:none}.ProjectListPage__item{aspect-ratio:10/8;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background-color:#000;overflow:hidden;cursor:pointer;position:relative;border:2px solid #fdf7f0}.ProjectListPage__item .ProjectListPage__itemLink{display:contents}.ProjectListPage__item .ProjectListPage__image{grid-area:1/1/2/2;width:100%;height:100%;object-fit:cover;opacity:.8;transition:all .4s ease-out}.ProjectListPage__item:hover .ProjectListPage__image{opacity:.2;transform:scale(1.05)}.ProjectListPage__item:hover .ProjectListPage__name{color:#fdf7f0;transform:scale(1)}.ProjectListPage__item:hover .ProjectListPage__subject{transform:scale(1);opacity:1}.ProjectListPage__item .ProjectListPage__name{align-self:center;justify-self:center;padding:1rem;color:rgba(0,0,0,0);font-size:2rem;transform:scale(.5)}.ProjectListPage__item .ProjectListPage__name,.ProjectListPage__item .ProjectListPage__subject{grid-area:1/1/2/2;z-index:10;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .2s ease-out;pointer-events:none}.ProjectListPage__item .ProjectListPage__subject{align-self:start;justify-self:start;margin:1rem;padding:.1rem .3rem;color:#fdf7f0;font-size:1.5rem;border:2px solid #fdf7f0;opacity:.5;border-radius:.5rem;transform:scale(.65);transform-origin:top left}.ProjectListPage__nav{position:fixed;right:0;top:50%;transform:translateY(-50%)}.ProjectListPage .ProjectListPage__backLink{position:absolute;flex-direction:row;gap:.25rem;top:1rem;left:1rem;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ProjectListPage .ProjectListPage__backLink svg{transition:all .2s ease-out}.ProjectListPage .ProjectListPage__backLink:hover svg{transform:translateX(-5px)}.ProjectListPage .ProjectListPage__backLink:hover p{text-decoration:underline}@media(min-width:769px){.ProjectListPage__items{grid-template-columns:1fr 1fr}}@media(min-width:1279px){.ProjectListPage__items{grid-template-columns:1fr 1fr 1fr}}