:root { color-scheme: light; font-family: Inter, "Noto Sans SC", sans-serif; color: #182018; background: #eef0e8; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
.site-header { display: flex; justify-content: space-between; align-items: center; padding: 24px 5vw; border-bottom: 1px solid #cdd2c6; }
a { color: inherit; text-decoration: none; }
.brand { display: flex; gap: 10px; font-weight: 800; letter-spacing: .12em; }
main { width: min(1100px, 90vw); margin: auto; padding: 80px 0; }
.eyebrow, .project-card span { font-size: 12px; letter-spacing: .18em; color: #66715f; }
h1 { max-width: 850px; font: 500 clamp(42px, 7vw, 84px)/1.05 Georgia, serif; margin: 20px 0 64px; }
.project-card { display: block; max-width: 660px; padding: 40px; background: #fff; border: 1px solid #cdd2c6; transition: transform .2s, box-shadow .2s; }
.project-card:hover { transform: translateY(-4px); box-shadow: 0 20px 50px #1c28151a; }
.project-card h2 { font-size: 32px; margin: 18px 0 12px; }
.project-card p { color: #596356; line-height: 1.8; }
.project-card strong { display: inline-block; margin-top: 20px; }
.site-footer { margin-top: auto; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; padding: 24px; border-top: 1px solid #cdd2c6; font-size: 12px; color: #66715f; }