#projects{font-family:New Light;min-height:calc(100svh - 130px);padding-bottom:50px}#title{padding:0;margin:50px 0 0;margin-left:min(10vw,100px);margin-bottom:20px;font-size:var(--text-xl)}#title-background{font-family:GT America;color:var(--color-fade);opacity:.5;font-size:300px;text-transform:uppercase;word-spacing:-80px;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-50%);margin:0;padding:0;text-align:center;z-index:0;line-height:270px}#projects-grid{display:flex;flex-direction:row;flex-wrap:wrap;z-index:1;max-width:calc(100vw - min(20vw,200px));margin:0 auto;gap:40px}.project-tile{z-index:1;font-family:GT America;letter-spacing:-1px;transition:transform .1s ease-in-out}.project-tile:hover{transform:scale(1.1)}.project-tile .project-preview{cursor:pointer;z-index:1;position:relative}.project-tile .project-preview img{height:300px;width:300px;object-fit:fill;image-rendering:optimizeQuality}.project-tile .project-preview:hover .project-preview-prompt{opacity:1}.project-tile .project-preview .project-preview-prompt{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;vertical-align:sub;font-family:GT America;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .1s ease-in-out;z-index:1}.project-tile .project-preview .project-preview-prompt:before{content:"";position:absolute;inset:0;background-color:var(--background);opacity:.5;z-index:-1}.project-tile .project-date{margin-top:10px}.project-tile .project-title{font-size:var(--text-xm);text-decoration:none;margin:0;padding:0;font-weight:400;max-width:90%;overflow:hidden}
