*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:#2b2622;background:#faf7f2;line-height:1.6}
header{background:#3d4a3e;color:#fff;padding:48px 20px;text-align:center}header h1{margin:0 0 8px;font-size:2.1rem}header p{margin:0 auto;max-width:620px;opacity:.9}
nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:14px;background:#efe8dc;position:sticky;top:0}
nav a{color:#3d4a3e;text-decoration:none;font-family:system-ui,sans-serif;font-size:.95rem;padding:4px 10px;border-radius:20px;background:#fff}
main{max-width:1080px;margin:0 auto;padding:10px 20px 40px}section{padding:36px 0;border-bottom:1px solid #e4dccd}
h2{margin:0 0 4px;font-size:1.6rem}.lede{margin:0 0 22px;color:#5a5249;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}
.card{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#f3efe8;padding:10px}
.card .b{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{margin:0;font-size:1rem;line-height:1.35}.meta{font-family:system-ui,sans-serif;font-size:.85rem;color:#6b6259}
.card a.btn{margin-top:auto;align-self:flex-start;font-family:system-ui,sans-serif;font-size:.9rem;background:#3d4a3e;color:#fff;text-decoration:none;padding:7px 14px;border-radius:6px}
.tob h2{color:#8a5a14}.tob .btn{background:#b9772a!important}.svw h2{color:#6b2430}.svw .btn{background:#6b2430!important}.lwp h2{color:#24506b}.lwp .btn{background:#24506b!important}
footer{text-align:center;padding:30px 20px;font-family:system-ui,sans-serif;font-size:.9rem;color:#6b6259}footer a{color:#3d4a3e}
.follow{font-family:system-ui,sans-serif;font-size:.9rem;margin-top:16px}.follow a{color:inherit}