*{box-sizing:border-box}html{font-size:17px}body{margin:0;font-family:Georgia,'Iowan Old Style',serif;color:#23222b;background:#faf8f5;line-height:1.65}
a{color:#4a4470}a:hover{color:#8a5a3c}header.site,footer.site{max-width:960px;margin:0 auto;padding:1.2rem 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.brand{font-weight:bold;font-size:1.3rem;text-decoration:none;color:#23222b;letter-spacing:.02em}nav a{margin-left:1.1rem;text-decoration:none;font-family:system-ui,sans-serif;font-size:.9rem}
main{max-width:960px;margin:0 auto;padding:0 1.25rem 2rem}footer.site{color:#777;font-size:.85rem;font-family:system-ui,sans-serif;border-top:1px solid #e6e1da}
.intro h1{font-size:2rem;margin:.5rem 0 .25rem}.intro p{color:#555;max-width:40rem}.cards{list-style:none;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.card{background:#fff;border:1px solid #ebe6df;border-radius:8px;overflow:hidden}.card img{width:100%;height:auto;display:block}.card div{padding:.8rem 1rem 1rem}.card h2{font-size:1.15rem;margin:.1rem 0 .4rem}.card h2 a{text-decoration:none;color:#23222b}.card p{margin:.2rem 0;font-size:.93rem}
.meta{color:#8a8594;font-family:system-ui,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.post{max-width:42rem;margin:0 auto}.post h1{font-size:2rem;line-height:1.25}
figure{margin:1.5rem 0}figure img{width:100%;height:auto;border-radius:6px;display:block}figcaption{font-size:.8rem;color:#888;font-family:system-ui,sans-serif;margin-top:.4rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid figure{margin:0}.back{margin-top:2rem;font-family:system-ui,sans-serif;font-size:.9rem}