.project-type-heading{text-transform:uppercase;font-weight:900;font-size:2rem;color:rgba(255, 255, 255, 0.8);letter-spacing:0.05rem;width:min(1200px, 100%);margin-top:6rem;margin-left:auto;margin-right:auto}.project-type-heading::before{width:8px;height:2.5rem;background-color:rgba(255, 255, 255, 0.9);display:inline-block;content:"";margin-right:1rem;transform:translateY(25%);position:relative;left:0}.project-list-wrapper{display:flex;flex-wrap:wrap;gap:0.5rem;width:min(1200px, 100%);margin-left:auto;margin-right:auto}.project-wrapper{width:20rem;max-width:min(calc(1200px * 0.5 - 0.25rem), 90vw);flex-grow:1;min-width:20rem;margin-left:auto;margin-right:auto;overflow:hidden;position:relative}.project-wrapper .project-image{width:100%;height:100%;object-fit:cover;transition:outline-color 0.2s ease;outline-color:transparent;outline-style:solid;outline-offset:2px;outline-width:2px}.project-wrapper .project-image:hover{outline-color:#eee}.project-wrapper:hover .name-overlay{transform:translateY(0)}.project-wrapper .name-overlay{position:absolute;bottom:0;left:0;background-color:#111;width:100%;transform:translateY(100%);transition:transform 0.2s ease;padding:0.5rem;padding-top:1rem}.project-wrapper .name-overlay p{position:relative;margin:0;font-weight:800;text-transform:uppercase;color:var(--text-color, #111)}.project-wrapper .name-overlay .proj-title{font-size:1.25rem;line-height:1rem;color:rgba(255, 255, 255, 0.6);left:2px}.project-wrapper .name-overlay .proj-name{font-size:2rem;line-height:1.75rem}.more-projects-wrapper{display:flex;justify-content:center;align-items:center}.more-projects-wrapper .link-more-projects{font-style:italic;font-weight:400;margin:2rem auto;--text-color: #ddd;--background-color: #333}#project-side-animation{position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:-4;overflow:hidden;pointer-events:none}#project-side-animation canvas{margin-left:auto;transform:translateX(100%);transition:transform 0.2s ease}