
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--forest:#203f35;--sage:#7d9b80;--cream:#f8f6ef;--sand:#eae6d8;--gold:#d5a951;--ink:#25332c;--muted:#617168;--blue:#dfeef3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1160px;margin:auto;padding:0 28px}
header{background:#fffdf8eF;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e9df;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:25px}.brand{font:700 25px/1.1 'Fraunces',serif;color:var(--forest);letter-spacing:-.8px}.brand span{color:#b48d3c}.navlinks{display:flex;gap:30px;align-items:center}.navlinks a{font-weight:600;font-size:14px}.navlinks a:hover,.footerlinks a:hover{color:#a47d32}.pill{background:var(--forest);color:white!important;border-radius:40px;padding:11px 20px;display:inline-block;font-weight:700;font-size:14px;border:0}.pill:hover{background:#335b4a}.outline{border:1px solid var(--forest);border-radius:40px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-block}.outline:hover{background:#ecf0e8}.menu{display:none;background:none;border:0;font-size:26px;color:var(--forest)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f4f4e8 0%,#e9f0e6 60%,#dcebf1 100%);padding:96px 0 104px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;color:#5d806c;font-weight:700;font-size:12px}.hero h1,h2{font-family:'Fraunces',serif;line-height:1.13;letter-spacing:-1.8px;color:var(--forest)}.hero h1{font-size:clamp(46px,5.5vw,78px);margin:18px 0 20px}.hero h1 em{font-style:normal;color:#8a9f70}.hero p{font-size:19px;max-width:590px;color:#52665c}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.art{height:400px;border-radius:180px 180px 28px 28px;position:relative;background:radial-gradient(circle at 67% 23%,#fff6cc 0 12%,transparent 13%),linear-gradient(160deg,#c5dfd5,#8ab2a0 52%,#466e55);box-shadow:18px 20px 0 #d3dcca}.art:before{content:"";position:absolute;bottom:0;left:0;right:0;height:45%;border-radius:45% 45% 28px 28px;background:linear-gradient(145deg,#6f9471,#355d4b)}.art:after{content:"✦";position:absolute;top:35px;left:40px;color:#fff7d9;font-size:50px}.art-card{position:absolute;z-index:2;background:#fffdf4;padding:22px 25px;border-radius:16px;box-shadow:0 12px 35px #153e322e;left:-38px;bottom:50px;width:250px}.art-card strong{display:block;font:600 23px 'Fraunces',serif;color:var(--forest)}.art-card small{color:var(--muted)}
section{padding:86px 0}.section-head{max-width:680px;margin-bottom:34px}.section-head h2{font-size:clamp(34px,4vw,48px);margin:10px 0 15px}.section-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category,.product,.feature{background:white;border:1px solid #e7e9df;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.category:hover,.product:hover{transform:translateY(-4px);box-shadow:0 12px 35px #294d3520}.category{padding:34px}.icon{width:62px;height:62px;display:grid;place-items:center;font-size:28px;border-radius:18px;background:#eaf1e6}.category h3,.product h3{font:600 24px 'Fraunces',serif;color:var(--forest);margin:20px 0 10px}.category p,.product p{color:var(--muted);font-size:15px}.textlink{color:#3b6951;font-weight:700;font-size:14px}.alt{background:#f0f2e9}.product-visual{height:178px;display:grid;place-items:center;font-size:64px;background:linear-gradient(135deg,#dce8da,#f0ebd8)}.product:nth-child(2) .product-visual{background:linear-gradient(135deg,#e3edf2,#e5eadc)}.product:nth-child(3) .product-visual{background:linear-gradient(135deg,#eee3d5,#dcead9)}.product-body{padding:0 24px 26px}.badge{display:inline-block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#577762;font-weight:700;margin-top:19px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.quote{background:var(--forest);color:white;border-radius:24px;padding:52px}.quote h2{color:#fff9df;font-size:43px}.quote p{color:#d9e7dc}.quote .eyebrow{color:#c5dba9}.check{margin:18px 0;color:#51655b}.check strong{color:var(--forest)}.cta{background:linear-gradient(115deg,#e2ebdd,#e5edf2);border-radius:28px;padding:62px;text-align:center}.cta h2{font-size:44px;margin:10px auto 14px}.cta p{color:var(--muted);max-width:620px;margin:0 auto 22px}footer{background:#1f3d33;color:#e2e9df;padding:50px 0 25px}.foot{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.foot .brand{color:white}.foot p{max-width:350px;color:#bbcdc1}.footerlinks{display:flex;gap:22px;flex-wrap:wrap}.footerlinks a{font-size:14px}.copyright{border-top:1px solid #496356;margin-top:40px;padding-top:20px;color:#b8c7bd;font-size:13px}.notice{background:#fff5d8;color:#594f36;text-align:center;padding:10px 20px;font-size:13px}.notice a{text-decoration:underline}.small{font-size:13px;color:var(--muted)}
@media(max-width:800px){.menu{display:block}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:#fffdf8;flex-direction:column;align-items:stretch;padding:22px 28px;box-shadow:0 10px 20px #0001}.navlinks.open{display:flex}.hero{padding:60px 0}.hero-grid,.split{grid-template-columns:1fr}.art{height:290px;max-width:460px;margin:25px 15px 0 40px}.grid{grid-template-columns:1fr 1fr}.quote{padding:35px}.cta{padding:38px 25px}}
@media(max-width:550px){.wrap{padding:0 20px}.grid{grid-template-columns:1fr}.hero h1{font-size:48px}.hero p{font-size:17px}.art-card{left:-25px}.actions{flex-direction:column;align-items:flex-start}section{padding:62px 0}.cta h2{font-size:35px}}

/* Official Habits & Harvest branding */
.brand-logo{display:flex;align-items:center;flex-shrink:0}.brand-logo img{display:block;width:150px;height:75px;object-fit:contain;mix-blend-mode:multiply}.footer-logo img{width:185px;height:auto;display:block;border-radius:10px}.about-logo{width:min(100%,250px);height:auto;border-radius:14px;mix-blend-mode:multiply}.nav{min-height:90px}.navlinks{gap:22px}.navlinks a{white-space:nowrap}.cta .about-logo+h2{margin-top:15px}@media(max-width:800px){.navlinks{top:90px}.brand-logo img{width:135px;height:70px}}

/* Real Etsy listing screenshot previews, catalog filters */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-visual{height:220px;background:#f9f8f5!important;padding:10px}
.product-visual img{display:block;width:100%;height:100%;object-fit:contain}
.product-body h3{font-size:21px;line-height:1.3;min-height:54px}
.product-price{font-weight:700;color:var(--forest)!important}
.product-price span{display:block;font-weight:400;font-size:11px;color:var(--muted)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}
.filter{border:1px solid #b9cabb;border-radius:40px;padding:9px 17px;background:#fffdf8;color:var(--forest);font-size:13px;font-weight:700}
.filter.active,.filter:hover{background:var(--forest);color:#fff}
.product[hidden]{display:none!important}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.product-grid{grid-template-columns:1fr}.product-visual{height:250px}}

/* Equal-prominence collections */
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.collection-card{min-height:485px;border-radius:26px;padding:36px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.collection-card h3{font:600 clamp(30px,3vw,42px)/1.12 'Fraunces',serif;margin:15px 0}.collection-card p{max-width:420px;margin:0 0 22px}.collection-card img{display:block;max-width:80%;height:180px;object-fit:contain;align-self:center;border-radius:12px}.collection-card.digital{background:linear-gradient(145deg,#e8f1e4,#d4e3d2)}.collection-card.artistic{background:linear-gradient(145deg,#192c45,#302e58);color:#f4f3ff}.collection-card.artistic h3{color:#fff}.collection-card.artistic .eyebrow{color:#c8d4fb}.collection-card.artistic .pill{background:#f5ecce;color:#233748!important}.collection-card.artistic img{filter:drop-shadow(0 15px 15px #0007)}.collection-card.digital img{filter:drop-shadow(0 12px 12px #36523a33)}
@media(max-width:800px){.collection-grid{grid-template-columns:1fr}.collection-card{min-height:430px}}
