:root{--green:#1f4d3a;--green-d:#163829;--accent:#e0b15c;--ink:#1d2622;--muted:#5b6862;--bg:#f7f5f0;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.narrow{max-width:720px}
a{color:var(--green)}
.site-header{background:#fff;border-bottom:1px solid #e6e2d8;position:sticky;top:0;z-index:10}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:700;text-decoration:none;color:var(--green)}
.mark{background:var(--green);color:var(--accent);padding:2px 8px;border-radius:6px;margin-right:4px}
.btn{display:inline-block;background:var(--accent);color:var(--green-d);font-weight:700;text-decoration:none;padding:14px 28px;border-radius:8px;transition:transform .15s,background .15s}
.btn:hover{background:#ebc47a;transform:translateY(-1px)}
.btn-small{padding:8px 18px;font-size:.95rem}
.hero{background:linear-gradient(135deg,var(--green) 0%,var(--green-d) 100%);color:#fff;text-align:center;padding:120px 0 110px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,6vw,4rem);margin-bottom:12px}
.tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#d9e6df}
section h2{font-family:Georgia,"Times New Roman",serif;color:var(--green);font-size:2rem;margin-bottom:16px}
.about{padding:80px 0}
.about p{color:var(--muted);font-size:1.1rem}
.site-footer{background:var(--green-d);color:#b9cbc2;text-align:center;padding:28px 0;font-size:.9rem}
@media (max-width:600px){.hero{padding:80px 0 72px}.about{padding:56px 0}}