:root{--cream:#f3ebdd;--cream2:#e8dcc8;--ink:#171714;--teal:#0f4c4c;--teal2:#0a3738;--gold:#b8924f;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.6}button,input,textarea{font:inherit}button,a{cursor:pointer}header{z-index:20;background:#f3ebddf2;border-bottom:1px solid #b8924f55;justify-content:space-between;align-items:center;min-height:74px;padding:12px max(16px,50% - 590px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand b{border:1px solid var(--gold);color:var(--gold);border-radius:50%;padding:5px 10px}.brand span,.brand small,footer span{display:block}.brand strong{letter-spacing:.12em}.brand small{color:var(--teal);letter-spacing:.08em}nav{gap:20px;display:flex}nav a{text-decoration:none}.hero,.section,.forms,.stewards{padding:86px max(16px,50% - 590px)}.hero{background:radial-gradient(circle at 82% 18%,#b8924f2e,transparent 22%),linear-gradient(145deg,var(--cream),var(--cream) 58%,var(--cream2));grid-template-columns:1.2fr .8fr;align-items:center;gap:64px;min-height:78vh;display:grid}.hero>div{max-width:700px}.hero aside{background:var(--teal2);color:var(--cream);border-radius:22px;padding:38px;box-shadow:0 16px 44px #1717141f}.hero aside i{color:#d3b676;font-size:3rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--teal);font-size:.78rem;font-weight:700}h1,h2,h3{margin:0 0 18px;font-weight:400;line-height:1.12}h1{letter-spacing:-.04em;font-size:clamp(3.2rem,8vw,7rem)}h2{font-size:clamp(2.2rem,5vw,4rem)}h3{font-size:1.45rem}.lead{color:var(--teal);font-size:clamp(1.2rem,2vw,1.7rem)}.button{background:var(--teal);color:#fff;border:0;border-radius:999px;padding:11px 17px;text-decoration:none;display:inline-flex}.heading{grid-template-columns:.8fr 1.2fr;align-items:end;gap:48px;display:grid}.tools{flex-wrap:wrap;gap:8px;margin:25px 0;display:flex}.tools input{flex:1;min-width:220px}.tools input,.tools button,.plant-body button{background:0 0;border:1px solid #b8924f77;border-radius:999px;padding:10px 13px}.tools .active{background:var(--teal);color:#fff}.plants{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.plants article{background:var(--white);border:1px solid #b8924f55;border-radius:18px;overflow:hidden}.plant-image{aspect-ratio:4/3;background:linear-gradient(145deg,var(--cream2),var(--cream));color:var(--teal);place-items:center;font-size:2.4rem;display:grid}.plant-image img{object-fit:cover;width:100%;height:100%}.plant-body{padding:24px}.plant-body small{color:var(--teal);text-transform:uppercase;letter-spacing:.1em}.plant-body div{flex-wrap:wrap;gap:7px;display:flex}.forms{background:var(--teal2);color:var(--cream)}.forms>.eyebrow{color:#d3b676}.forms>div{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.forms article,.stewards article{border:1px solid #d3b67655;border-radius:18px;padding:26px}.stewards{background:var(--ink);color:var(--cream);grid-template-columns:1fr 1fr;gap:40px;display:grid}blockquote{color:#d3b676;margin:0;font-size:clamp(1.7rem,3vw,2.7rem)}.stewards article+article{margin-top:18px}footer{background:var(--ink);color:var(--cream);padding:50px max(16px,50% - 590px)}footer strong{letter-spacing:.15em}footer span{color:#d3b676}.owner{z-index:50;background:var(--ink);color:#fff;border-radius:15px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex;position:fixed;bottom:12px;right:12px}.owner button,.owner a{color:#fff;background:0 0;border:1px solid #d3b67688;border-radius:999px;padding:7px 10px;text-decoration:none}.owner small{width:100%}.modal{z-index:80;background:var(--cream);position:fixed;inset:0;overflow:auto}.profile,.editor{width:min(900px,100% - 32px);margin:auto;padding:35px 0 90px}.profile section{border-top:1px solid #b8924f55;padding:24px 0}.close{float:right;border:1px solid var(--gold);background:#fff;border-radius:999px;padding:9px 13px}.editor label{margin:13px 0;font-weight:700;display:block}.editor input,.editor textarea{border:1px solid var(--cream2);border-radius:9px;width:100%;padding:10px;display:block}.editor textarea{min-height:100px}@media (max-width:850px){nav{display:none}.hero,.heading,.stewards{grid-template-columns:1fr}.plants,.forms>div{grid-template-columns:1fr 1fr}}@media (max-width:600px){.plants,.forms>div{grid-template-columns:1fr}.hero{padding-top:55px}.owner span{display:none}}
