:root{font-family:system-ui,sans-serif;color:#284330;background:#f6f8f2}*{box-sizing:border-box}body{margin:0}a{color:#315e3f}header{padding:18px max(20px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #dde6d7;background:#fff}header nav{display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 23px Georgia,serif}.brand img{width:35px;height:35px}.button{display:inline-block;background:#375e40;color:#fff;border-radius:9px;padding:12px 18px;text-decoration:none;font-size:14px;font-weight:650}main{max-width:1200px;padding:0 24px 40px;margin:auto}.intro{padding:52px 0 45px;max-width:800px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#738c68}h1{font:400 clamp(38px,6vw,66px)/1.1 Georgia,serif;margin:15px 0}h2{font:400 34px Georgia,serif;margin:10px 0}.intro>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#61745f;max-width:610px}.collection-link{display:inline-block;margin-left:18px}.description,#results{color:#667960;font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;flex:1;min-width:140px}.filters .search{flex:2;min-width:220px}input,select{background:white;border:1px solid #cfdbca;border-radius:8px;padding:11px;font:inherit;min-height:44px;color:#284330}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.plant-card{background:#fff;border:1px solid #dde6d7;border-radius:13px;overflow:hidden}.plant-card>button{display:block;border:0;padding:0;width:100%;aspect-ratio:1;background:#e8eee2;cursor:pointer;color:#668761;font-size:50px}.plant-card img{display:block;width:100%;height:100%;object-fit:cover}.caption{padding:15px}.caption h3{margin:0 0 6px;font:400 23px Georgia,serif}.caption p{margin:5px 0;color:#6a7e66;font-size:12px}footer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:30px;background:#eaf0e5;font-size:13px}dialog{border:0;border-radius:14px;padding:22px;width:min(640px,94vw);max-height:90dvh;color:#284330;background:#fff}dialog::backdrop{background:#15251ba6}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:14px}.dialog-header button{border:0;background:#edf3e8;border-radius:8px;width:44px;height:44px;font-size:27px;cursor:pointer}#plantBody>img{display:block;width:100%;height:auto;margin-top:15px;border-radius:9px}#plantBody p{line-height:1.5}button:focus-visible,a:focus-visible{outline:3px solid #769d6b;outline-offset:3px}@media(max-width:520px){header{padding:15px 16px}.brand{font-size:18px}.brand img{width:27px;height:27px}header nav{gap:12px;font-size:13px}header .button{padding:10px}.intro{padding:30px 0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.caption{padding:11px}.caption h3{font-size:19px}.collection-link{margin:15px 0 0;display:block}main{padding:0 16px 30px}}
