body{margin:0;font:16px/1.6 Georgia,serif;color:#222;background:#faf8f5}header{display:flex;justify-content:space-between;padding:24px 32px}
.logo{font-weight:bold;color:#222;text-decoration:none}nav a{margin-left:20px;color:#555}main{max-width:960px;margin:0 auto;padding:0 32px}
.lead{font-size:20px;color:#555}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:32px 0}
.ph{height:200px;border-radius:4px}.a{background:#d9c7b0}.b{background:#9fb1bc}.c{background:#c4b7cb}.d{background:#b5c4a7}
figcaption{font-size:14px;color:#777;margin-top:6px}footer{padding:40px 32px;color:#999;font-size:13px}