:root{--green:#255a46;--bg:#f7f8f4;--ink:#20372e;--muted:#79847c;--line:#e1e6de}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}button{color:inherit}header{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px}.brand{font:800 24px Manrope;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.logo{background:var(--green);color:white;border-radius:12px;width:36px;height:36px;display:grid;place-items:center;font-size:24px}nav{display:flex;gap:30px;height:100%;align-items:center}nav button{border:0;background:none;color:var(--muted);height:100%}nav button.active{color:var(--green);border-bottom:3px solid var(--green);font-weight:700}.quiet{font-size:12px;color:var(--green);background:#edf4eb;border:1px solid #dce8d8;padding:8px 12px;border-radius:30px}main{max-width:1320px;padding:0 46px;margin:auto}.hero{display:flex;align-items:center;justify-content:space-between;padding:52px 0 39px;gap:25px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#698272;text-transform:uppercase}h1{font:800 clamp(30px,4vw,46px)/1.2 Manrope;letter-spacing:-1.8px;margin:13px 0}h1 span{color:#6e917c}.hero p{color:var(--muted);font-size:15px;line-height:1.7}.hero-art{width:255px;height:135px;position:relative;margin-right:40px}.hero-art img{position:absolute;width:89px;transform:rotate(-15deg);left:20px;top:8px;filter:drop-shadow(0 12px 8px #213c3020)}.hero-art img:nth-child(2){transform:rotate(4deg);left:90px;top:-4px}.hero-art img:nth-child(3){transform:rotate(20deg);left:157px;top:14px}.searchbox{background:white;border:1px solid var(--line);padding:10px 12px 10px 20px;border-radius:12px;display:flex;gap:14px;align-items:center;box-shadow:0 4px 16px #263d2c04}.searchbox input{border:0;outline:none;width:100%;padding:10px;background:transparent}.primary{background:var(--green);color:white;border:0;padding:13px 24px;border-radius:8px}.popular{display:flex;align-items:center;gap:9px;margin:14px 0 31px;font-size:12px;color:var(--muted)}.popular button{border:1px solid var(--line);border-radius:20px;background:transparent;padding:5px 12px}.layout{display:grid;grid-template-columns:212px 1fr;gap:33px}.side{padding-right:24px;border-right:1px solid var(--line)}.sidehead{display:flex;justify-content:space-between;align-items:center;margin:3px 0 25px;font-weight:700}.textbutton{border:0;background:transparent;color:var(--muted);font-size:11px;padding:0}.label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin:23px 0 12px}.option{display:flex;align-items:center;gap:8px;margin:13px 0;color:#657369;font-size:13px}.option input{accent-color:var(--green)}select{width:100%;background:white;border:1px solid var(--line);padding:10px;border-radius:7px;color:#5e6d63}.types{display:flex;flex-wrap:wrap;gap:7px}.types button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 11px}.types button.chosen{background:var(--green);color:white}.note{background:#edf1e7;padding:17px 14px;border-radius:10px;font-size:12px;line-height:1.7;color:#6b7c67;margin-top:28px}.note strong{display:block;color:var(--green);margin-bottom:5px}.resultsbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 21px}.resultsbar h2{font:800 20px Manrope;margin:0 0 5px}.resultsbar small{color:var(--muted);font-size:12px}.resultsbar select{width:155px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.card{position:relative;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #20372e12}.art{border:0;width:100%;display:flex;align-items:center;justify-content:center;padding:20px 23px 16px;background:#eef1eb;min-height:228px}.art img{width:100%;max-width:155px;aspect-ratio: .718;object-fit:contain;filter:drop-shadow(0 5px 4px #0002)}.card:nth-child(3n+2) .art{background:#f2efe7}.card:nth-child(3n) .art{background:#edf0f2}.heart{position:absolute;top:10px;right:10px;border:1px solid #e1e5df;background:#ffffffed;border-radius:50%;height:29px;width:29px;font-size:19px;z-index:1}.heart.saved{color:#b4544d}.info{padding:14px}.info h3{font-size:14px;margin:0 0 6px}.meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:5px}.tag{font-size:10px;display:inline-block;background:#f1f4ef;color:#657661;padding:4px 7px;border-radius:4px;margin-top:13px}.foot{margin:30px 0 45px;display:flex;justify-content:center}.empty{padding:70px 15px;text-align:center;color:var(--muted);grid-column:1/-1}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:40px}dialog{border:0;border-radius:18px;max-width:650px;width:90%;padding:30px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#102d24aa;backdrop-filter:blur(4px)}.detail{display:flex;gap:30px;align-items:center}.detail img{width:45%;border-radius:10px}.detail p{line-height:1.8;color:var(--muted)}.close{float:right;border:0;background:#eff2ec;border-radius:50%;padding:8px 12px}.sets{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.set{background:white;border:1px solid var(--line);padding:25px;border-radius:12px;text-align:left}.set strong{display:block;font-size:19px;margin-bottom:8px}.set span{color:var(--muted)}@media(min-width:1500px){main{max-width:1440px}.art{min-height:270px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}header{padding:0 25px}.quiet{display:none}main{padding:0 25px}.hero-art{margin:0}.layout{grid-template-columns:170px 1fr;gap:22px}.art{min-height:190px;padding:15px}}@media(max-width:700px){header{height:auto;flex-wrap:wrap;padding:18px 20px 0;gap:15px}.brand{font-size:21px}nav{width:100%;gap:25px;height:42px}nav button{font-size:12px}.hero{padding:32px 0 22px}.hero-art{display:none}main{padding:0 18px}.hero p{font-size:13px}h1{letter-spacing:-1px}.layout{display:block}.side{border:0;padding:0;display:flex;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.side .label,.side .sidehead,.side .option,.side .note,.side .types{display:none}.side select{width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.art{padding:18px;min-height:190px}.popular{flex-wrap:wrap}.resultsbar select{width:130px;font-size:11px}.detail{flex-direction:column}.detail img{width:60%}.sets{grid-template-columns:1fr}footer{gap:20px;line-height:1.6}}
.legal-nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.legal-nav a{color:var(--green)}.legal-page{max-width:880px;margin:45px auto;padding:0 22px;line-height:1.8}.legal-page h1{font-size:34px}.legal-page h2{font-size:20px;margin-top:32px}.legal-page table{border-collapse:collapse;width:100%;font-size:13px}.legal-page th,.legal-page td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.legal-page a{color:var(--green)}.draft{background:#faf1da;border:1px solid #e6d6ad;padding:15px 20px;border-radius:10px}.privacy-summary{padding:14px 18px;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;color:#687969;font-size:12px;line-height:1.7}.legal-page button{margin:8px 8px 8px 0}.legal-page code{overflow-wrap:anywhere}.legal-page ul{padding-left:23px}@media(max-width:600px){.legal-page table{display:block;overflow-x:auto}.legal-page h1{font-size:29px}}

.interface-language{display:flex;align-items:center;gap:6px}.interface-language select{max-width:130px;font-size:12px;padding:8px}header .quiet{white-space:nowrap}header{flex-wrap:wrap;height:auto;min-height:86px}header nav{min-height:60px}header .brand{font-size:22px}@media(max-width:1000px){header .quiet{display:none}}@media(max-width:700px){.interface-language{position:absolute;right:18px;top:15px}.brand{max-width:calc(100% - 130px)}.interface-language select{max-width:110px}header nav{min-height:42px}header{position:relative}.hero h1{overflow-wrap:anywhere}}