body{color:#e5e5e5;-webkit-font-smoothing:antialiased;background-color:#0c0c0c;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.hero{text-align:center;margin:4rem 0 5rem}.hero a{color:inherit}.hero h1{letter-spacing:-.03em;color:#fff;margin-bottom:.5rem;font-size:2.75rem;font-weight:300}.hero p{color:#888;font-size:1.1rem;font-weight:400}.grid-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem 2rem;max-width:1200px;margin:0 auto 4rem;display:grid}.project-card{color:inherit;outline:none;flex-direction:column;text-decoration:none;display:flex}.image-wrapper{aspect-ratio:4/3;background-color:#161616;border:1px solid #222;border-radius:6px;width:100%;margin-bottom:1.25rem;transition:border-color .4s,box-shadow .4s;overflow:hidden}.image-wrapper img{object-fit:cover;opacity:.75;width:100%;height:100%;transition:opacity .4s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateZ(0)}.project-card:hover .image-wrapper,.project-card:focus .image-wrapper{border-color:#444;box-shadow:0 10px 40px #0009}.project-card:hover .image-wrapper img,.project-card:focus .image-wrapper img{opacity:1;transform:scale(1.04)}.project-info{text-align:left;padding:0 .25rem}.project-info h2{color:#fff;letter-spacing:-.01em;font-size:1.15rem;font-weight:500}.tags{gap:.5rem;padding:0;list-style:none;display:flex}.tags li{text-transform:uppercase;letter-spacing:.05em;color:#999;background:#181818;border:1px solid #2a2a2a;border-radius:4px;padding:.3rem .6rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;transition:color .4s,border-color .4s}.project-card:hover .tag{color:#fff;border-color:#555}@media (width<=600px){body{padding:1rem}.hero{margin:2rem 0 3rem}.hero h1{font-size:2rem}}