@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#223f33;--paper:#faf9f5;--green:#245541;--muted:#73766c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d38948;outline-offset:4px}.ecosystem{display:flex;justify-content:space-between;padding:10px 5%;background:#eaece4;font-size:11px}.ecosystem div{display:flex;gap:25px}header{display:flex;align-items:center;gap:30px;padding:25px 5%;border-bottom:1px solid #e5e5db}.logo{font-family:'Manrope',sans-serif;font-weight:800;font-size:46px;letter-spacing:-3px;line-height:1}.logo span{color:#d4824d;font-size:31px;display:inline-block;margin-left:5px;vertical-align:top}header form{display:flex;align-items:center;background:#eeeee7;border-radius:8px;margin:auto;max-width:590px;flex:1;padding:6px 7px 6px 18px;gap:13px}header form span{font-size:25px}input{width:100%;border:0;background:transparent;outline-offset:5px;min-width:30px}header form button{border:0;background:white;padding:11px 20px;border-radius:5px;font-weight:600}.text-button{background:none;border:0;white-space:nowrap}.bag{background:transparent;border:1px solid #d5d9cf;padding:11px 15px;border-radius:6px;white-space:nowrap}.bag span{background:var(--ink);color:white;border-radius:50%;font-size:11px;padding:3px 6px;margin-left:8px}nav{display:flex;justify-content:center;gap:38px;padding:17px 5%;border-bottom:1px solid #e5e5db}nav button{border:0;background:none;font-size:12px;padding:4px 0}nav button.active{font-weight:700}nav .free-link{color:#a35b32}main{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;padding:48px 0 35px;gap:30px}.hero-copy{padding:23px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1{font-family:Manrope,sans-serif;font-size:clamp(50px,5.7vw,80px);font-weight:500;line-height:1.05;letter-spacing:-4px;margin:23px 0}h1 em{font-family:Georgia,serif;color:#557056;font-weight:400}.hero p{font-size:15px;line-height:1.8;color:#6a7369}.primary{background:var(--green);color:white;border:0;border-radius:5px;padding:16px 23px;margin-top:10px}.primary span{margin-left:25px}.hero-note{display:flex;align-items:center;gap:9px;color:#6b7367;font-size:11px;margin-top:25px}.hero-note span{font-size:22px;color:#a76b48}.hero-art{background:#e8eadc;position:relative;border-radius:48% 48% 7px 7px;min-height:490px;overflow:hidden}.paper{position:absolute;box-shadow:0 15px 25px #35432b26}.poster{width:48%;height:66%;top:19%;left:8%;background:#d6dfaa;transform:rotate(-10deg);padding:26px 22px;color:#35492d}.poster small{font-size:7px;letter-spacing:1.6px}.poster strong{font-family:Georgia,serif;font-weight:400;line-height:.9;letter-spacing:-3px;font-size:clamp(42px,5vw,66px);display:block;margin-top:25px}.poster strong span{font-size:60px;color:#ed794a;position:absolute;right:12px;bottom:35px}.poster p{font-size:9px;position:absolute;bottom:10px}.planner{width:43%;height:64%;background:#fffdf3;left:49%;top:24%;transform:rotate(10deg);padding:25px;color:#665e4a}.planner small{font-size:7px;letter-spacing:2px}.planner h3{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.1}.planner-lines{font-size:6px;letter-spacing:1px;line-height:1.8}.planner-lines hr{border:0;border-top:1px solid #d9d4c4;margin:14px 0}.planner>span{font-family:Georgia;font-style:italic;font-size:11px}.orbit{position:absolute;top:27px;left:37px;font-family:Georgia;font-style:italic;font-size:17px;transform:rotate(-9deg)}.orbit b{font-size:40px;position:absolute;left:105px;top:6px;font-weight:400}.sticker{position:absolute;right:7%;bottom:7%;border-radius:50%;background:#ecaa74;width:125px;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;line-height:1.05;transform:rotate(9deg);font-weight:700}.sticker i{font-family:Georgia;font-size:15px;font-weight:400;margin-top:6px}.art-caption{position:absolute;bottom:15px;left:25px;font-size:7px;letter-spacing:1.6px}.benefits{display:flex;justify-content:space-around;padding:23px 0;border-top:1px solid #dedfd5;border-bottom:1px solid #dedfd5;font-size:12px}.catalog{padding:55px 0}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-family:Manrope,sans-serif;font-size:32px;font-weight:500;letter-spacing:-1.3px;margin:12px 0}.heading-row label{font-size:11px;white-space:nowrap}select{background:none;border:0;color:var(--ink);font-size:12px;padding:8px}.muted{color:var(--muted);font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.filters button{background:none;border:1px solid #dcded3;border-radius:30px;padding:10px 17px;font-size:11px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}#results{font-size:11px;color:var(--muted);margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}.card{min-width:0}.product-art{width:100%;height:255px;border:0;position:relative;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center}.product-art:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff20,transparent)}.mini-paper{position:relative;width:61%;height:78%;background:#fffdf6;box-shadow:6px 8px 16px #3332;padding:22px 17px;transform:rotate(-7deg);display:flex;flex-direction:column;justify-content:center;text-align:left}.mini-paper small{font-size:6px;letter-spacing:1.5px}.mini-paper strong{font-family:Georgia;font-weight:400;font-size:29px;line-height:1.05;letter-spacing:-1px;margin:15px 0}.mini-paper .lines{font-size:10px;color:#aaa;line-height:1.8;letter-spacing:4px}.theme-art .mini-paper{background:#e9ecb9;color:#3b5937}.theme-art .mini-paper strong{font-size:36px}.theme-template .mini-paper{background:#344c3e;color:#f3eddb;transform:rotate(7deg)}.theme-learning .mini-paper{background:#faf0d4;color:#846332}.theme-learning .mini-paper strong{font-size:28px}.favorite{position:absolute;top:11px;right:11px;z-index:1;background:#fffdf3e8;border:0;border-radius:50%;width:30px;height:30px;font-size:19px}.product-wrap{position:relative}.tag{position:absolute;top:12px;left:12px;font-size:8px;background:#fffdf3;border-radius:3px;padding:5px 7px;z-index:1;text-transform:uppercase;letter-spacing:.5px}.card h3{font-size:13px;line-height:1.4;font-weight:600;margin:13px 0 5px}.product-title{background:none;border:0;padding:0;text-align:left}.card .by{font-size:10px;color:#7b7c71}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-top:11px;font-size:10px}.price{font-size:13px;font-weight:700}.free-price{color:#407849}.free-banner{background:#e6eadb;display:flex;align-items:center;padding:35px;gap:30px;border-radius:7px}.big-star{font-size:95px;color:#6b8051}.free-banner h2{font-size:27px}.free-banner p{font-size:12px;color:#66705f}.free-banner button{margin-left:auto;white-space:nowrap;background:none;border:1px solid #9ba88e;border-radius:5px;padding:14px 19px;font-size:12px}.creator{text-align:center;padding:75px 0}.creator h2{font-size:38px}.creator p{color:#7a7e72;font-size:13px;line-height:1.8}footer{border-top:1px solid #dedfd5;padding:35px 5%;display:flex;gap:50px;align-items:center}footer .logo{font-size:36px}footer p{font-size:11px;line-height:1.7;color:#7b7e71}footer>div:nth-child(2){display:flex;gap:25px;margin:auto;font-size:11px}footer button{border:0;background:none;font-size:11px}footer small{color:#7b7e71;font-size:10px}dialog{border:1px solid #d6dccf;border-radius:12px;padding:35px;max-width:560px;width:calc(100% - 32px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#1d352b88;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px}dialog h2{padding-right:10px}dialog p{line-height:1.7;color:#66705f}.dialog-art{height:200px;background:#e8eadc;display:grid;place-items:center;font-family:Georgia;font-size:40px;text-align:center;margin-top:15px;border-radius:5px}.dialog-actions{display:flex;gap:12px;align-items:center}.secondary{background:none;border:1px solid #b7c1b1;border-radius:5px;padding:14px}.cart-row{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #ddd}.cart-row button{border:0;background:none;font-size:11px;text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:8px;padding:14px 24px;display:none;z-index:5;max-width:90%;text-align:center}.empty{padding:40px 0;color:var(--muted);grid-column:1/-1}@media(min-width:1500px){header,nav,.ecosystem,footer{padding-left:calc((100% - 1296px)/2);padding-right:calc((100% - 1296px)/2)}}@media(max-width:1000px){nav{gap:20px}.grid{grid-template-columns:repeat(3,1fr)}.hero-art{min-height:460px}.hero{min-height:530px}.product-art{height:240px}.ecosystem>span{display:none}.ecosystem{justify-content:center}header{gap:15px}.text-button{display:none}.free-banner{gap:20px;padding:25px}.big-star{font-size:70px}footer{flex-wrap:wrap}footer small{width:100%}}@media(max-width:700px){header{flex-wrap:wrap;padding:20px 5%;gap:15px}.logo{font-size:40px}header form{order:3;flex-basis:100%;max-width:none}.bag{margin-left:auto}nav{justify-content:flex-start;overflow:auto;white-space:nowrap;gap:25px}.hero{grid-template-columns:1fr;padding-top:15px;gap:15px}.hero-copy{padding-bottom:5px}h1{font-size:60px}.hero h1 br:first-child{display:none}.hero-art{min-height:420px;max-width:490px;width:100%;margin:auto}.poster strong{font-size:58px}.benefits{gap:15px;font-size:10px;line-height:1.5}.grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}.product-art{height:220px}.mini-paper{padding:15px 10px;width:68%}.mini-paper strong{font-size:24px}.theme-art .mini-paper strong{font-size:29px}.heading-row{align-items:flex-start}.heading-row h2{font-size:26px}.heading-row label{font-size:0}select{font-size:10px;max-width:105px;margin-top:8px}.filters{gap:7px}.filters button{padding:8px 12px}.catalog{padding:40px 0}.free-banner{flex-wrap:wrap;gap:12px}.big-star{display:none}.free-banner button{margin-left:0}.free-banner h2{font-size:27px}.creator h2{font-size:30px}.creator p br{display:none}footer>div:nth-child(2){flex-wrap:wrap;gap:18px;margin:0}footer{gap:15px}.ecosystem div{gap:20px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
