*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,sans-serif;min-height:100vh;background:#fafaf9;color:#1c1917}
.landing{max-width:720px;margin:0 auto;padding:3rem 1.5rem}
.hero{text-align:center;margin-bottom:3rem}
.hero h1{font-size:2.25rem;margin-bottom:.75rem}
.hero p{color:#78716c;font-size:1.1rem;max-width:480px;margin:0 auto}
.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:3rem}
.project-card{display:block;background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:1.75rem;text-decoration:none;color:inherit;position:relative;transition:box-shadow 150ms ease,border-color 150ms ease}
.project-card:hover{border-color:#1a6b5a;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.project-card h2{font-size:1.35rem}
.arrow{position:absolute;top:1.75rem;right:1.5rem;font-size:1.25rem;color:#78716c}
.project-card:hover .arrow{color:#1a6b5a}
.cta{text-align:center;background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:2.5rem 1.5rem}
.cta h2{font-size:1.25rem;margin-bottom:.5rem}
.cta p{color:#78716c;margin-bottom:1.25rem;font-size:.95rem}
.cta a{display:inline-block;background:#c2410c;color:#fff;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background 150ms ease}
.cta a:hover{background:#a33a0c}
.footer{text-align:center;margin-top:3rem;color:#78716c;font-size:.85rem}
.footer a{color:#78716c}