*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;color:#2b2b2b;background:#faf8f5}
header{padding:28px 20px;border-bottom:1px solid #e4dfd8;text-align:center}
header h1{margin:0;font-weight:normal;letter-spacing:.08em;font-size:26px}
nav a{margin:0 12px;color:#7a6a58;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.1em}
nav a:hover{color:#2b2b2b}main{max-width:760px;margin:0 auto;padding:32px 20px}
.post{margin-bottom:48px}.post h2{font-weight:normal;margin-bottom:4px}.date{color:#999;font-size:14px;font-family:Helvetica,Arial,sans-serif}
.ph{height:260px;border-radius:4px;margin:16px 0}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.g .ph{height:180px;margin:0}
footer{text-align:center;color:#aaa;font-size:13px;padding:30px;font-family:Helvetica,Arial,sans-serif}