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