:root{--forest:#1f3a2e;--moss:#5d7a4f;--bark:#4a3728;--paper:#f2efe6;--sand:#d9d2bd;--ink:#1b1f1c}
*{box-sizing:border-box;margin:0}
body{font-family:Georgia,serif;background:var(--paper);color:var(--ink);line-height:1.7;font-size:18px}
a{color:var(--forest)}:focus-visible{outline:3px solid var(--moss);outline-offset:3px}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
header{background:var(--forest)}header a{color:var(--paper)}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0;flex-wrap:wrap;gap:10px}
.brand{font-weight:bold;text-decoration:none}
nav ul{list-style:none;display:flex;gap:20px;padding:0;flex-wrap:wrap}
nav ul a{text-decoration:none;font:.95rem system-ui,sans-serif}
nav a[aria-current]{text-decoration:underline}
.hero{background:var(--forest);color:var(--paper);padding:80px 0}
.hero h1{font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.1;font-weight:normal;max-width:12ch}
.hero p{margin:20px 0 30px;max-width:50ch;color:var(--sand)}
.btn{display:inline-block;background:var(--paper);color:var(--forest);padding:12px 22px;text-decoration:none;font:600 1rem system-ui,sans-serif;margin:0 8px 8px 0}
.btn.alt{background:none;color:var(--paper);border:2px solid var(--paper)}
section{padding:56px 0}.tint{background:var(--sand)}
h1{font-size:2.4rem;font-weight:normal;color:var(--forest);margin-bottom:16px}
h2{font-size:1.6rem;font-weight:normal;color:var(--forest);margin-bottom:12px}
.hero h1{color:var(--paper)}
h3{font-size:1.15rem;color:var(--bark)}
.narrow{max-width:62ch;margin-bottom:24px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}
.card{background:#fff;border:1px solid var(--sand);padding:20px}
.cat{font:.85rem system-ui,sans-serif;color:var(--moss)}.price{font:700 1.1rem system-ui,sans-serif;margin-top:8px}
.post{margin-bottom:36px;max-width:64ch}
.legal{max-width:70ch}.legal h2{margin-top:24px}.legal p{margin-bottom:8px}
.dl{display:grid;grid-template-columns:max-content 1fr;gap:12px 32px;font-family:system-ui,sans-serif}.dl dt{font-weight:600}.dl dd{margin:0}
.form{display:grid;gap:14px;max-width:520px;font-family:system-ui,sans-serif}
label{display:grid;gap:4px;font-weight:600}
input,select,textarea{font:inherit;padding:10px;border:1px solid var(--bark);background:#fff}
button{background:var(--forest);color:var(--paper);border:0;padding:14px;font:600 1rem system-ui,sans-serif;cursor:pointer}
.small{margin-top:16px;font-size:.9rem}
footer{background:var(--forest);color:var(--sand);padding:32px 0;font:.9rem/1.7 system-ui,sans-serif}
footer a{color:var(--paper)}footer p{margin-bottom:10px}
@media(max-width:560px){.dl{grid-template-columns:1fr;gap:2px}}
