@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";
:root{--gray-000:#101010;--gray-100:#131313;--gray-200:#1c1c1c;--gray-300:#262626;--gray-400:#2f2f2f;--gray-500:#696969;--gray-600:#adadad}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-000);color:var(--gray-600);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Mono,monospace;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:2rem}header{border-bottom:1px solid var(--gray-300);justify-content:space-between;align-items:center;margin-bottom:4rem;padding:2rem 0;display:flex}header .logo{color:var(--gray-600);font-size:1.5rem;font-weight:700}nav{gap:2rem;display:flex}nav a{color:var(--gray-500);font-size:.875rem;text-decoration:none;transition:color .2s}nav a:hover{color:var(--gray-600)}.hero{text-align:center;margin-bottom:6rem}.hero p{color:var(--gray-500);margin-bottom:.5rem;font-size:1rem}.hero p:last-child{color:var(--gray-500);font-size:.875rem}.projects,.art,.testimonials{margin-bottom:6rem}h2{color:var(--gray-600);text-align:center;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;font-size:1.25rem;font-weight:700}.grid{background:var(--gray-300);border:1px solid var(--gray-300);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;display:grid}.card{background:var(--gray-000);flex-direction:column;gap:.5rem;padding:2rem;display:flex}.card h3{color:var(--gray-600);font-size:1rem;font-weight:700}.card h3 a{color:inherit;text-decoration:none;transition:color .2s}.card h3 a:hover{color:var(--gray-500)}.card p{color:var(--gray-500);font-size:.875rem}.card p.brand{color:var(--gray-400);margin-top:.25rem;font-size:.75rem}.status{text-transform:uppercase;width:-moz-fit-content;width:fit-content;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.status.live{background:var(--gray-200);color:var(--gray-600)}.status.maintenance{background:var(--gray-300);color:var(--gray-600)}.status.down{background:var(--gray-100);color:var(--gray-500)}.testimonials .grid{grid-template-columns:repeat(3,1fr)}.testimonial{background:var(--gray-000);cursor:pointer;flex-direction:column;gap:1.5rem;padding:2rem;text-decoration:none;transition:background .2s;display:flex}.testimonial:hover{background:var(--gray-100)}@media (max-width:900px){.testimonials .grid{grid-template-columns:1fr}}.author{align-items:center;gap:1rem;display:flex}.author .logo{object-fit:cover;border:1px solid var(--gray-300);width:2rem;height:2rem;display:block}.author h4{color:var(--gray-600);font-size:.875rem;font-weight:700}.author p{color:var(--gray-500);font-size:.75rem}.quote{color:var(--gray-600);font-size:.875rem;font-style:italic;line-height:1.5}footer{text-align:center;border-top:1px solid var(--gray-300);padding:2rem 0}footer a{color:var(--gray-500);font-size:.875rem;text-decoration:none;transition:color .2s}footer a:hover{color:var(--gray-600)}.load-more{background:var(--gray-000);cursor:pointer;border:none;justify-content:center;align-items:center;font-family:inherit;transition:background .2s;display:flex}.load-more:hover{background:var(--gray-100)}.load-more span{color:var(--gray-500);font-size:1.5rem;font-weight:700}@media (max-width:768px){.container{padding:1rem}header{flex-direction:column;gap:1rem}nav{gap:1rem}.hero h1{font-size:2rem}.grid{grid-template-columns:1fr}}