style.css

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f7f5;color:#171717}.shell{width:min(1100px,calc(100% - 32px));margin:auto}.hero{padding:72px 0 40px;border-bottom:1px solid #ddd}.eyebrow{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.14em}.hero h1{margin:0;font-size:clamp(38px,7vw,72px);line-height:.98}.intro{max-width:680px;margin:20px 0 28px;color:#5f5f5f;font-size:18px;line-height:1.6}.toolbar{display:flex;gap:12px;align-items:center}.toolbar input{width:min(420px,100%);padding:13px 15px;border:1px solid #cfcfcf;border-radius:10px;background:#fff;font:inherit}.count{color:#777;font-size:14px}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:32px 0}.card{display:flex;flex-direction:column;min-height:190px;padding:22px;border:1px solid #ddd;border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);border-color:#999}.card h2{margin:0 0 10px;font-size:20px}.card p{margin:0;color:#666;line-height:1.55}.open{margin-top:auto;padding-top:20px;font-size:14px;font-weight:700}.status{padding:40px 0;color:#777}.empty{grid-column:1/-1;padding:40px;border:1px dashed #ccc;border-radius:14px;color:#777;text-align:center}.footer{padding:0 0 36px;color:#888;font-size:13px}@media(max-width:600px){.hero{padding-top:48px}.toolbar{align-items:flex-start;flex-direction:column}.toolbar input{width:100%}}