@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{--green:#123d2f;--cream:#f5f4eb;--lime:#d9ee98;--muted:#607065}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}header{max-width:1440px;margin:auto;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #123d2f20}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:1.8px}.brandmark{font-family:Georgia,serif;font-weight:bold;letter-spacing:-5px;font-size:40px;line-height:1;border:1px solid currentColor;border-radius:50%;width:46px;height:46px;padding:0 8px}.brand-sub{display:block;font-size:8px;letter-spacing:3.2px;margin-top:4px}nav{display:flex;gap:30px;font-size:13px}nav a:hover,.textlink:hover{color:#618332}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 23px;background:var(--green);color:white;border:0;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#2a5942;transform:translateY(-2px)}.button span{font-size:20px}.button.small{padding:12px 17px;font-size:12px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;padding:66px 6% 72px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0 0 26px}.dot{width:7px;height:7px;border-radius:50%;background:#87a951}h1,h2{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-2.6px;line-height:1.12;margin:0}h1{font-size:clamp(42px,4.5vw,65px)}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#65804e}h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.8px}.intro{font-size:16px;line-height:1.8;max-width:450px;margin:26px 0;color:var(--muted)}.actions{display:flex;align-items:center;gap:23px}.textlink{font-size:12px;font-weight:600}.hero-note{font-size:11px;color:var(--muted);margin-top:22px}.hero-art{position:relative;min-height:480px;background:#e7eadb;border-radius:130px 130px 12px 12px;overflow:hidden}.art-caption{text-align:center;font-size:9px;letter-spacing:3px;margin-top:30px}.orb{position:absolute;width:370px;height:370px;border-radius:50%;background:#d8dfbb;left:7%;top:65px}.pouch{position:absolute;box-shadow:14px 20px 20px #123d2f20;width:180px;height:265px;border-radius:5px 5px 15px 15px;padding:35px 22px;overflow:hidden}.pouch small{font-size:8px;letter-spacing:3px;position:relative;z-index:2}.pouch b{display:block;font-family:Georgia,serif;line-height:1.05;font-size:29px;margin-top:22px;position:relative;z-index:2;font-weight:400}.pouch b i{font-weight:400}.pouch>span{position:absolute;bottom:23px;font-size:8px;letter-spacing:2px;z-index:2}.seal{position:absolute;top:10px;left:0;width:100%;height:8px;border-top:2px solid #0001;border-bottom:1px solid #0001}.pouch-back{background:#c3d290;top:103px;left:15%;transform:rotate(-12deg)}.pouch-front{background:#e6bd93;top:174px;left:41%;transform:rotate(9deg);color:#562b20}.pouch-wave{position:absolute;bottom:-50px;left:-15px;background:#617d44;width:240px;height:175px;border-radius:50%}.cocoa-circle{position:absolute;bottom:-33px;right:-60px;border-radius:50%;width:190px;height:180px;background:#a77252}.glass{position:absolute;left:7%;bottom:32px;width:88px;height:128px;border:3px solid #fff9;background:#fff4;border-radius:8px 8px 22px 22px;transform:rotate(-6deg);box-shadow:10px 15px 20px #123d2f18}.drink{position:absolute;bottom:4px;left:3px;right:3px;height:105px;background:#ab7953;border-radius:5px 5px 17px 17px}.drink:before{content:'';position:absolute;width:73px;height:16px;border-radius:50%;background:#cba889;top:-5px}.straw{position:absolute;height:156px;width:6px;background:#faf0d8;bottom:35px;left:55px;transform:rotate(10deg)}.art-tag{position:absolute;right:12px;top:87px;background:#faf9f0;box-shadow:0 5px 20px #123d2f09;padding:15px;font-size:10px;line-height:1.5;border-radius:5px;transform:rotate(6deg)}.art-tag span{float:left;font-size:28px;margin-right:8px}.art-disclaimer{position:absolute;bottom:4px;right:15px;font-size:8px;color:#496044}.ribbon{display:flex;align-items:center;justify-content:space-around;gap:25px;background:var(--green);color:#edf1da;padding:25px 6%;font-size:11px;letter-spacing:2px}.ribbon i{color:var(--lime);font-size:23px;font-style:normal}.section{padding:85px 6%;max-width:1440px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-top>p{max-width:330px;font-size:14px;line-height:1.8;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border-bottom:1px solid #123d2f30}.product-art{position:relative;height:220px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .3s}.product:hover .product-art{transform:translateY(-5px)}.drink-art{background:#e4e7d6}.mini-cup{position:relative;width:95px;height:126px;background:linear-gradient(90deg,#a17853,#dab090,#b3835e);border:4px solid #fff8;border-radius:9px 9px 24px 24px;transform:rotate(-8deg);box-shadow:16px 16px 15px #0001}.mini-cup:before{content:'';position:absolute;top:-8px;left:0;width:87px;height:18px;border-radius:50%;background:#e6ceb1}.mini-cup:after{content:'';position:absolute;height:145px;width:6px;background:#f9f7ee;left:63px;bottom:32px;transform:rotate(8deg)}.powder{position:absolute;bottom:32px;right:53px;border-radius:50%;height:27px;width:65px;background:#c2986a;box-shadow:4px 5px 0 #b08555}.jelly-art{background:#eadcce}.jelly{width:130px;height:100px;background:repeating-linear-gradient(90deg,#cc8d51 0,#efb77c 18px,#d69962 27px);border-radius:38% 38% 20% 20%;transform:perspective(300px) rotateX(15deg);border-bottom:10px solid #b6743f;box-shadow:10px 15px 14px #7b503722}.jelly:before{content:'';display:block;width:105px;height:20px;border-radius:50%;background:#f2cda0;margin:7px auto}.leaf{position:absolute;top:46px;left:49%;width:30px;height:15px;background:#688745;border-radius:0 100% 0 100%;transform:rotate(-20deg)}.ice-art{background:#e3e7e8}.icecream{position:absolute;top:27px;font-family:Georgia,serif;font-size:145px;color:#fffdf0;line-height:1;filter:drop-shadow(3px 3px 1px #a7a494);z-index:2}.cone{position:absolute;top:120px;border-top:78px solid #c89761;border-right:34px solid transparent;border-left:34px solid transparent;filter:drop-shadow(6px 6px 4px #0001)}.product-text{padding:23px 0}.product-text small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}h3{font-family:Manrope,sans-serif;font-size:18px;font-weight:600}.product-text h3{display:flex;justify-content:space-between;margin:13px 0}.product-text p{font-size:13px;color:var(--muted);line-height:1.7;max-width:290px}.partnership{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e9edde}.partnership h2{font-size:42px}.partnership-copy>p{line-height:1.8;font-size:15px;margin:0 0 26px}.benefit{display:flex;gap:20px;border-top:1px solid #123d2f25;padding:19px 0}.benefit>span{font-size:11px;color:var(--muted);padding-top:5px}.benefit h3{margin:0 0 6px;font-size:16px}.benefit p{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:50px}.steps article{border-top:1px solid #123d2f45;padding-top:25px}.steps span{display:inline-flex;width:38px;height:38px;border-radius:50%;border:1px solid #123d2f40;align-items:center;justify-content:center;font-size:12px}.steps h3{font-size:17px;margin-top:25px}.steps p{font-size:13px;line-height:1.8;color:var(--muted)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid #123d2f20}.faq>div>p:last-child{line-height:1.8;font-size:14px;color:var(--muted)}details{border-bottom:1px solid #123d2f25;padding:21px 0}summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:13px;line-height:1.9;max-width:520px;margin:16px 0 0}.contact{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:80px;border-radius:12px;margin:0 4% 65px;padding:65px 5%}.contact h2 em{color:var(--lime)}.contact-copy>p{line-height:1.8;font-size:14px;max-width:340px;margin-bottom:35px}.contact-line{display:block;padding:20px 0;border-top:1px solid #ffffff25}.contact-line small{display:block;font-size:9px;letter-spacing:2px;color:#c4d6c0;margin-bottom:9px}.contact-line span{font-size:17px;overflow-wrap:anywhere}form{background:#f9faf2;color:var(--green);padding:30px;border-radius:8px}form h3{margin:0 0 25px;font-size:20px}label{display:block;font-size:11px;font-weight:600;margin:17px 0 8px}label span{color:#8f5736}input,select,textarea{width:100%;border:1px solid #d3d8c8;border-radius:5px;padding:12px;background:#fff;color:var(--green);font-size:13px}textarea{resize:vertical}form .button{width:100%;margin-top:18px}.form-note{font-size:10px;line-height:1.7;color:var(--muted);margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:0 6% 40px;max-width:1440px;margin:auto}footer p{font-size:12px;line-height:1.8}footer small{font-size:10px;color:var(--muted)}footer>a:last-of-type{font-size:12px}@media(min-width:1500px){.contact{margin-left:auto;margin-right:auto}}@media(max-width:1000px){header nav{gap:15px}.hero{gap:20px;padding-top:50px}h1{font-size:48px}.hero-art{min-height:440px}.pouch{width:150px;height:240px}.pouch-front{left:43%}.pouch-back{left:10%}.orb{width:290px;height:290px}.actions{align-items:flex-start;flex-direction:column;gap:16px}.partnership,.faq{gap:35px}.contact{gap:35px}.partnership h2{font-size:34px}}@media(max-width:700px){header{padding:18px 5%}header nav{display:none}.brand{font-size:13px}.brandmark{width:38px;height:38px;font-size:33px}.brand-sub{font-size:6px}header .button.small{font-size:10px;padding:10px;gap:8px}.hero{grid-template-columns:1fr;padding:43px 5% 35px;gap:30px}h1{font-size:47px;letter-spacing:-2px}.hero-art{min-height:425px;max-width:460px;width:100%;margin:auto}.hero-copy .eyebrow{font-size:9px}.intro{font-size:15px}.actions{flex-direction:row;align-items:center;gap:15px}.actions .button{font-size:12px;padding:15px;gap:12px}.actions .textlink{font-size:10px}.ribbon{padding:20px 5%;gap:15px;flex-wrap:wrap;font-size:8px;letter-spacing:1px}.ribbon i{font-size:15px}.ribbon i:last-of-type{display:none}.ribbon span:last-child{display:none}.section{padding:55px 5%}.section-top{display:block;margin-bottom:28px}.section-top>p{max-width:100%;margin-top:24px}.product-grid{grid-template-columns:1fr;gap:25px}.product-art{height:240px}.product-text p{max-width:100%}.partnership,.faq,.contact{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr 1fr;gap:22px}.steps h3{font-size:15px}.steps p{font-size:12px}.steps article{padding-top:20px}.contact{padding:40px 6%;margin:0 4% 40px}.contact h2{font-size:38px}form{padding:23px}footer{display:grid;grid-template-columns:1fr 1fr;padding:0 5% 30px;gap:20px}footer small:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}