:root{--forest:#1f3a2b;--moss:#3f5f45;--sage:#a9b89a;--wood:#8a5a36;--cream:#f6f1e7;--ink:#1d2420}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,"Iowan Old Style",serif;color:var(--ink);background:var(--cream)}
a{color:var(--wood)}a:focus,button:focus,input:focus{outline:3px solid #d9a441;outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
header{background:var(--forest);color:var(--cream);position:sticky;top:0;z-index:5}
.nav{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.6rem 1rem;gap:.5rem}
.brand{color:var(--cream);text-decoration:none;font-size:1.2rem;letter-spacing:.03em}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin:0;padding:0;font:15px system-ui,sans-serif}
nav a{color:var(--cream);text-decoration:none}nav a[aria-current]{border-bottom:2px solid #d9a441}
.btn{display:inline-block;background:var(--wood);color:#fff;padding:.7rem 1.3rem;border-radius:6px;text-decoration:none;border:0;font:600 16px system-ui,sans-serif;cursor:pointer}
.btn.alt{background:transparent;border:2px solid var(--cream)}
.hero{min-height:min(72vh,560px);display:grid;place-items:center;text-align:center;color:var(--cream);padding:4rem 1rem;
background:radial-gradient(ellipse at 70% 20%,rgba(217,164,65,.35),transparent 50%),linear-gradient(180deg,rgba(20,38,28,.35),rgba(20,38,28,.7)),url(img/hero.webp) center/cover no-repeat,#1f3a2b;position:relative}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:.2em 0;font-weight:normal}.hero p{max-width:40ch;margin:0 auto 1.5rem;font-size:1.15rem}
.tag{font:600 14px system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#d9a441}
section{padding:3.5rem 1rem}.wrap{max-width:1100px;margin:auto}h2{color:var(--forest);font-weight:normal;font-size:2rem;margin-top:0}
.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.07)}.card div.b{padding:1rem 1.2rem}.card h3{margin:.2rem 0;color:var(--forest)}
.photo{aspect-ratio:4/3;display:grid;place-items:center;color:rgba(255,255,255,.85);font:13px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;
background:linear-gradient(135deg,var(--moss),var(--forest));border:2px dashed rgba(255,255,255,.35)}
.photo.wood{background:linear-gradient(135deg,#a8744a,var(--wood))}.photo.sage{background:linear-gradient(135deg,var(--sage),var(--moss))}
.band{background:var(--forest);color:var(--cream)}.band h2{color:var(--cream)}
form.wl{display:flex;flex-wrap:wrap;gap:.6rem;max-width:560px}form.wl input{flex:1 1 220px;padding:.7rem;border-radius:6px;border:1px solid var(--sage);font-size:16px}
label.sr{position:absolute;left:-999px}.note{font:15px system-ui,sans-serif;background:#efe6d6;border-left:4px solid var(--wood);padding:.8rem 1rem;border-radius:4px}
footer{background:#14261c;color:var(--sage);padding:2rem 1rem;font:15px system-ui,sans-serif}footer a{color:var(--cream)}

img.photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.illus{font-size:.75rem;opacity:.7}