body {
background:#F7F6F2;
color:#1F1F1C;
font-family: Georgia, serif;
max-width:900px;
margin:auto;
padding:40px;
line-height:1.7;
}

nav {
display:flex;
gap:30px;
margin-bottom:60px;
}

nav a {
text-decoration:none;
color:#2F5D50;
font-family: "IBM Plex Mono", monospace;
}

nav a:hover {
color:#1E443A;
}

h1,h2 {
font-family:"IBM Plex Mono", monospace;
font-weight:500;
}

.section-label {
font-family:"IBM Plex Mono", monospace;
font-size:.8rem;
letter-spacing:.08em;
color:#2F5D50;
margin-bottom:20px;
}

.hero {
margin-bottom:80px;
}

.lead {
font-size:1.35rem;
max-width:700px;
}

.project-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
margin-top:30px;
}

.card {
border:1px solid #d8d5ca;
padding:30px;
background:#EFEDE6;
}

.card h2 {
margin-top:0;
}

.note-list {
list-style:none;
padding:0;
}

.note-list li {
margin-bottom:18px;
}

a {
color:#2F5D50;
}

footer {
margin-top:100px;
font-size:.9rem;
color:#5A5A52;
}