@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--green:#344f3b;--ink:#27372d;--cream:#f8f5ed;--pale:#e8ebdd;--orange:#c9794e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif}a{text-decoration:none;color:inherit}.top{height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fbfaf5;position:sticky;top:0;z-index:10;border-bottom:1px solid #e9e6da}.logo{font-weight:700;font-size:30px;letter-spacing:-1.8px;color:var(--green);line-height:1}.logo span{color:var(--orange)}.logo small{display:block;font-size:9px;letter-spacing:4px;font-weight:500;margin-top:8px}.top nav{display:flex;gap:34px;font-size:13px;font-weight:600}.top nav a:hover{color:var(--orange)}button{cursor:pointer}.top button{background:transparent;border:1px solid #a6b4a7;border-radius:25px;padding:10px 16px;color:var(--green);font-weight:700}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:110px 8% 90px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#8a977e}.hero h1{font-size:clamp(48px,6vw,92px);line-height:1.06;letter-spacing:-4px;margin:27px 0;color:var(--green)}.hero p{max-width:420px;line-height:1.9;color:#6d776d;font-size:15px}.cta{display:inline-block;margin-top:27px;background:var(--green);color:white;border-radius:40px;padding:17px 28px;font-size:13px;font-weight:700}.cta:hover{background:#486c50}.hero-art{min-height:630px;background:#dfe7d5;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.sun{position:absolute;width:520px;height:520px;background:#f4edcd;border-radius:50%;top:8%;left:11%}.cup{position:relative;width:220px;height:300px;border:8px solid #f8faf3;border-top:17px solid #f8faf3;border-radius:12px 12px 55px 55px;transform:rotate(-6deg);background:#b4c58b;box-shadow:20px 25px 30px #637b6550;z-index:2;overflow:visible}.drink{position:absolute;inset:60px 0 0;background:#7e9d6c;border-radius:0 0 45px 45px}.straw{position:absolute;width:13px;height:180px;background:#f8faf3;top:-155px;left:142px;transform:rotate(13deg);border-radius:5px}.ice{position:absolute;width:55px;height:35px;border:3px solid #d9e8c9;border-radius:12px;top:82px;z-index:2;transform:rotate(20deg)}.i1{left:22px}.i2{left:110px;top:120px}.cup-logo{position:absolute;top:175px;width:100%;text-align:center;color:white;font-size:26px;font-weight:700;letter-spacing:-1px}.leaf{position:absolute;background:#7c9a77;width:130px;height:60px;border-radius:100% 0 100% 0;z-index:1}.l1{top:110px;right:50px;transform:rotate(-35deg)}.l2{bottom:120px;left:50px;transform:rotate(45deg)}.hero-caption{position:absolute;bottom:30px;right:38px;font-size:12px;letter-spacing:4px;color:#57715a}.ticker{background:var(--green);color:#e8ebdd;padding:19px;text-align:center;font-size:11px;letter-spacing:4px;font-weight:700}.ticker span{color:#d1a57e;margin:0 35px}.section{padding:115px 8%}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section h2,.story h2{font-size:clamp(35px,4vw,56px);line-height:1.17;letter-spacing:-2px;color:var(--green);margin:16px 0}.section-top p{max-width:320px;color:#7b8177;line-height:1.8;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{background:white;border-radius:7px;overflow:hidden}.card-art{height:290px;display:flex;align-items:center;justify-content:center;position:relative}.matcha{background:#dbe5d2}.fruit{background:#f4dfcc}.other{background:#e4dfd4}.mini-cup{width:130px;height:155px;border-radius:12px 12px 38px 38px;background:#819f72;border:8px solid #fff9;box-shadow:13px 16px 20px #0002;color:#fff;font-size:45px;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg)}.fruit .mini-cup{background:#df9b6e;transform:rotate(6deg)}.other .mini-cup{background:#b9a98a}.card-text{padding:28px}.card-text span{font-size:11px;color:var(--orange)}.card-text h3{font-size:24px;color:var(--green);margin:10px 0}.card-text p{font-size:13px;color:#83877d;line-height:1.7}.story{background:#e8ebdf;display:grid;grid-template-columns:1fr 1fr;min-height:510px}.story-symbol{display:flex;justify-content:center;align-items:center;font-size:210px;color:#7f987f;position:relative}.story-symbol span{position:absolute;font-size:52px;color:#f8f5ed}.story-text{padding:100px 14% 90px 5%;display:flex;flex-direction:column;justify-content:center}.story-text p{line-height:2;color:#6c776d;max-width:510px}.contact{text-align:center;min-height:420px}.contact p{color:#7b8177;line-height:1.9}.contact-pill{display:inline-block;margin-top:26px;padding:15px 28px;border:1px solid #b5c2b0;border-radius:30px;color:var(--green);font-size:13px}footer{background:#f0eee5;display:flex;justify-content:space-between;align-items:center;padding:35px 8%;font-size:12px;color:#788074}footer .logo{font-size:23px}@media(max-width:850px){.top{height:auto;min-height:80px;flex-wrap:wrap;padding:20px 5%;gap:18px}.top nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 8%}.hero h1{letter-spacing:-2px}.hero-art{min-height:470px}.sun{width:360px;height:360px}.section{padding:75px 6%}.section-top{display:block}.cards{grid-template-columns:1fr}.card-art{height:260px}.story{grid-template-columns:1fr}.story-symbol{height:300px;font-size:150px}.story-text{padding:20px 8% 75px}.ticker{font-size:9px;letter-spacing:1px}.ticker span{margin:0 9px}footer{gap:20px;flex-wrap:wrap}}