*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,serif;background:#f7f5f0;color:#2b2b2b}
header{max-width:1100px;margin:0 auto;padding:48px 16px 16px}h1{font-weight:normal;font-size:2.4rem;margin:0}header p{color:#666;margin:.4rem 0}
nav a{color:#4a6a7a;text-decoration:none}.grid{max-width:1100px;margin:0 auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
figure{margin:0;background:#fff;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}img{width:100%;height:auto;display:block}figcaption{font-size:.9rem;color:#555;padding-top:8px}
.text{max-width:700px;margin:0 auto;padding:16px}footer{text-align:center;color:#999;font-size:.85rem;padding:40px 16px}