*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#23282a;background:#f4f1ea;line-height:1.6}
a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:28px 6vw}
.logo{font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
nav a{margin-left:28px;text-decoration:none;font-size:.95rem}nav a:hover{text-decoration:underline}
.hero img{width:100%;height:62vh;object-fit:cover;display:block}
.intro{max-width:760px;margin:64px auto;padding:0 6vw;font-size:1.35rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:36px;padding:0 6vw 80px}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card h3{margin:14px 0 2px;font-weight:normal}
.card p{margin:0;color:#6b6f6c;font-size:.9rem}.page{max-width:760px;margin:48px auto 96px;padding:0 6vw}
.project img{width:100%;margin:24px 0;display:block}footer{border-top:1px solid #d9d3c7;padding:28px 6vw;font-size:.85rem;color:#6b6f6c}