@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:#15251d;font-family:Noto Sans SC,Arial,sans-serif}header,main,footer{max-width:1160px;margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ded6}.brand{font-size:20px;font-weight:700;letter-spacing:-.5px;color:#173d2b;text-decoration:none}nav{display:flex;gap:25px}nav a{color:#526058;text-decoration:none;font-size:14px}main{min-height:calc(100vh - 150px)}footer{padding:28px 0;color:#718078;font-size:13px;border-top:1px solid #d9ded6}.hero{padding:86px 4% 52px;background:#e3eee5;margin:0 -4%;position:relative;overflow:hidden}.hero:after{content:"01";position:absolute;right:3%;top:-44px;font:180px DM Mono;color:#cfdfd1}.hero>*{max-width:700px;position:relative;z-index:1}.eyebrow{font:12px DM Mono;letter-spacing:1px;color:#357250}.hero h1,.detail h1,.admin h1{font-size:clamp(36px,5vw,64px);line-height:1.12;margin:12px 0 18px;letter-spacing:-2px}.hero em{color:#267451;font-style:normal}.hero>p:last-child,.lead{color:#53645a;line-height:1.8}.toolbar{padding:35px 0 20px;display:flex;gap:10px;overflow:auto}.toolbar button{white-space:nowrap;border:1px solid #cbd4cb;background:transparent;padding:8px 13px;border-radius:20px;color:#526058}.toolbar .active{background:#1c5a3a;color:#fff;border-color:#1c5a3a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:60px}.card{background:#fff;border:1px solid #e1e5df;text-decoration:none;color:inherit;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #24422a14}.cover{height:175px;background:#285d45 center/cover;display:flex;align-items:flex-start;padding:14px}.cover span{background:#f0f6ef;padding:5px 8px;font:11px DM Mono;color:#1b5938}.card-body{padding:20px}.card small{color:#48805e;font:11px DM Mono}.card h2{font-size:19px;line-height:1.4;margin:10px 0}.card p{font-size:14px;line-height:1.65;color:#65746b;height:46px;overflow:hidden}.card strong{font-size:18px;color:#176241}.card b{float:right;font-size:12px;padding-top:5px;color:#67776d}.detail{padding:62px 0;display:grid;grid-template-columns:1fr 1fr;gap:64px}.gallery img,.placeholder{width:100%;height:380px;object-fit:cover}.placeholder{background:#285d45;color:#deeee0;display:grid;place-items:center;text-align:center;font:48px/1.1 DM Mono}.detail h1{font-size:42px}.detail dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.detail dl div{border-top:1px solid #d9ded6;padding-top:10px}.detail dt{font-size:12px;color:#718078}.detail dd{margin:5px 0;font-size:14px}.price{font-size:28px;font-weight:700}.primary{border:0;background:#1d623f;color:#fff;padding:13px 23px;font:14px Noto Sans SC;cursor:pointer}.primary:disabled{opacity:.6}.description{grid-column:1/-1;border-top:1px solid #d9ded6;padding-top:34px;max-width:720px}.description p{white-space:pre-line;line-height:1.9;color:#526058}.admin{max-width:800px;margin:50px auto 80px}.admin h1{font-size:40px}.admin>p{color:#637269}.admin form{background:#fff;border:1px solid #e1e5df;padding:30px;margin-top:28px}label{display:block;font-size:13px;font-weight:600;margin-bottom:18px;color:#385247}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #cfd8cf;background:#fcfdfb;padding:10px;font:14px Noto Sans SC;color:#15251d}textarea{resize:vertical}.two,.three{display:grid;gap:16px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.error{color:#b32d2d}.success{color:#16804a}.empty{padding:40px 0;color:#69766f}@media(max-width:700px){header{padding:0 18px}.grid,.detail{grid-template-columns:1fr}.detail{gap:28px;padding:35px 18px}.hero{padding:60px 18px;margin:0}.toolbar{padding-left:18px}.grid{padding:0 18px 50px}.admin{margin:35px 18px}.two,.three{grid-template-columns:1fr}.gallery img,.placeholder{height:250px}footer{padding:25px 18px}}