.photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-strip figure{margin:0}.photo-strip img{aspect-ratio:3/4;object-fit:cover}.photo-strip figcaption{font:13px/1.5 sans-serif;margin-top:8px}figcaption{font:14px/1.5 sans-serif;color:#555;margin-top:8px}@media(max-width:550px){.photo-strip{grid-template-columns:1fr}.photo-strip img{aspect-ratio:4/3}}body{margin:0;font:18px/1.6 Georgia,serif;background:#f4f1ea;color:#23261f}.wrap{max-width:900px;margin:0 auto;padding:0 20px}
header{background:#2f3b2a;color:#fff}nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:14px 0}nav a{color:#f0e6c8;text-decoration:none;margin-left:16px;font:15px sans-serif}.logo{font:bold 22px sans-serif;margin-left:0!important}
.disc{background:#fff6dd;border-left:4px solid #c58b2a;padding:10px 14px;font:14px sans-serif;margin:18px 0}.hero{position:relative}.hero img{width:100%;height:340px;object-fit:cover;display:block}.hero .cap{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:18px}
.hero h1{margin:0;font:bold 34px sans-serif}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:24px 0}.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px #0001}.card h3{margin:0 0 6px;font:bold 18px sans-serif}.card a{color:#2f3b2a}
.tag{font:12px sans-serif;text-transform:uppercase;color:#8a6d3b}article{background:#fff;padding:28px;margin:24px 0;border-radius:10px}.note{background:#e8efe1;border-left:4px solid #4d6b3c;padding:10px 14px;font:15px sans-serif}.small{font:14px sans-serif;color:#555}
.authorbox{border-top:1px solid #ddd;margin-top:24px;padding-top:12px;font-size:16px}.signup{background:#e8efe1;border-radius:10px;padding:20px;text-align:center;margin:24px 0}.signup input{padding:10px;width:min(300px,100%)}.signup button{padding:10px 16px;background:#2f3b2a;color:#fff;border:0;border-radius:6px}figure{margin:20px 0}figure img,.hdrimg{width:100%;height:auto;display:block;border-radius:8px}.hdrimg{margin:10px 0 18px}footer{background:#2f3b2a;color:#ddd;font:14px sans-serif;padding:24px;text-align:center;margin-top:30px}footer a{color:#f0e6c8}