:root{--g:#2f4a35;--g2:#4d6b4f;--tan:#d9c7a3;--sand:#f4efe4;--ink:#22261f;--rust:#b5652b}
*{box-sizing:border-box}body{margin:0;font-family:"Source Sans 3",system-ui,sans-serif;color:var(--ink);background:var(--sand);line-height:1.65;font-size:18px}
h1,h2,h3,.logo{font-family:Oswald,Impact,sans-serif;letter-spacing:.02em;line-height:1.2}a{color:var(--g2)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.top{background:var(--g);position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{color:#fff;text-decoration:none;font-size:1.5rem}.logo span{color:var(--tan);margin-left:4px}
nav a{color:#fff;text-decoration:none;margin-left:22px;font-weight:600}nav a:hover{color:var(--tan)}#m,.burger{display:none}
.hero{background:linear-gradient(rgba(25,38,28,.72),rgba(25,38,28,.85)),repeating-linear-gradient(135deg,#3b5a40 0 40px,#34503a 40px 80px);color:#fff;padding:110px 0 100px}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:760px;margin:.2em 0}.hero p{max-width:620px;font-size:1.2rem}.kicker{color:var(--tan);text-transform:uppercase;letter-spacing:.15em;font-weight:600}
.btn{display:inline-block;background:var(--rust);color:#fff;padding:12px 26px;border-radius:4px;text-decoration:none;font-weight:600;border:0;font-size:1rem;cursor:pointer;margin-top:12px}
.sec{font-size:2rem;margin:60px 0 24px;border-left:6px solid var(--rust);padding-left:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.card{background:#fff;border-radius:8px;padding:24px;text-decoration:none;color:var(--ink);border-top:5px solid var(--g2);box-shadow:0 2px 8px rgba(0,0,0,.07);transition:.2s}.card:hover{transform:translateY(-3px)}
.card h3{margin:.3em 0;font-size:1.35rem}.card p{font-size:.95rem}.more{color:var(--rust);font-weight:600}
.cat{color:var(--rust);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;font-weight:600}
.band{background:var(--tan);padding:10px 0 60px;margin-top:60px}.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
.catbox{background:var(--sand);padding:20px;border-radius:8px;text-align:center}.ico{font-size:2rem}.catbox p{font-size:.9rem}
.about-teaser{padding-bottom:60px}
.post{max-width:780px;padding:40px 20px 60px}.post h1{font-size:2.6rem;margin:.2em 0}.lead{font-size:1.2rem}
.disc{background:#fff;border-left:4px solid var(--tan);padding:10px 14px;font-size:.9rem}
.prod{background:#fff;border-radius:8px;padding:20px 24px;margin:20px 0;box-shadow:0 2px 6px rgba(0,0,0,.06)}.prod h3{margin:0 0 6px;color:var(--g)}
.buy{display:inline-block;background:#f0b44c;color:#1d1d1d;padding:9px 18px;border-radius:4px;text-decoration:none;font-weight:600}
.take{border:2px dashed var(--rust);background:#fbf3ea;padding:12px 16px;margin:16px 0;border-radius:6px;font-size:.95rem}
.note{font-size:.9rem;color:#555;margin-top:30px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border:1px solid #ddd;text-align:left}th{background:var(--g);color:#fff}
.check{list-style:none;padding:0}.check li:before{content:"☐ ";color:var(--g2)}
.form label{display:block;margin:12px 0;font-weight:600}.form input,.form textarea{width:100%;padding:10px;border:1px solid #bbb;border-radius:4px;font:inherit}
footer{background:var(--ink);color:#ddd;padding:30px 0}footer a{color:var(--tan)}.small{font-size:.85rem}
@media(max-width:720px){.burger{display:block;color:#fff;font-size:1.6rem;cursor:pointer}nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--g);padding:10px 20px}nav a{display:block;margin:10px 0}#m:checked~nav{display:block}.hero{padding:70px 0}}