@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--forest:#123a2d;--deep:#0d2e24;--cream:#f5f0e5;--ivory:#fffaf0;--gold:#e4b578;--ink:#152f27;--muted:#6f7a70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1190px,calc(100% - 80px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:15px;top:15px;z-index:30;background:white;padding:10px}.site-header{background:var(--deep);color:var(--ivory);position:relative;z-index:10;border-bottom:1px solid #ffffff23}.header-inner{height:91px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;width:max-content}.brand-mark{font-weight:900;font-size:33px;letter-spacing:-2px;line-height:.95}.leaf{font-size:16px;color:var(--gold);margin-left:4px}.brand-sub{font-size:7px;letter-spacing:3px;color:var(--gold);margin-top:7px}.navigation{display:flex;align-items:center;gap:33px;font-size:13px}.navigation>a:not(.nav-cta){opacity:.86}.navigation>a:hover{opacity:1;color:var(--gold)}.nav-cta{border:1px solid #b6a98b;padding:14px 19px;border-radius:2px;font-weight:700}.nav-cta span,.button span{margin-left:15px}.menu-toggle{display:none}.hero{background:var(--deep);color:var(--ivory);overflow:hidden}.hero-grid{min-height:655px;display:grid;grid-template-columns:52% 48%;align-items:center}.hero-copy{padding:70px 0 85px;position:relative;z-index:2}.eyebrow,.kicker{color:var(--gold);font-size:11px;letter-spacing:3px;font-weight:700}.eyebrow{display:flex;gap:12px;align-items:center}.eyebrow-line{width:28px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;font-family:'DM Serif Display',Georgia,serif;letter-spacing:-2px}h1{font-size:clamp(67px,7vw,108px);line-height:1.02;margin:29px 0 23px}h1 em,h2 em{font-weight:400;color:var(--gold)}.hero-copy>p{font-size:16px;line-height:1.9;max-width:465px;color:#d9e0d3}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--gold);color:var(--deep)}.text-link{border-bottom:1px solid #bca98a;padding:9px 0;font-size:13px;font-weight:700}.text-link span{margin-left:15px}.hero-foot{margin-top:80px;font-size:9px;letter-spacing:3px;color:#b8c7b5}.small-star{color:var(--gold);font-size:22px;vertical-align:middle;margin-right:10px}.hero-art{height:590px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #d2b78f2d;border-radius:50%;width:540px;height:540px}.orbit-2{width:390px;height:390px}.glow{position:absolute;width:390px;height:390px;background:radial-gradient(circle,#ad824553,#53664322 45%,transparent 72%);filter:blur(15px)}.straw{position:absolute;width:17px;height:224px;background:linear-gradient(90deg,#e7d4b1,#fff6d6 52%,#cbac76);border-radius:10px;transform:rotate(12deg) translate(85px,-135px);z-index:2}.cup{width:245px;height:320px;z-index:3;position:relative;margin-top:96px;clip-path:polygon(4% 0,96% 0,86% 100%,14% 100%);background:linear-gradient(95deg,#718b5f 0%,#a8b789 22%,#e7d8b0 55%,#9ba879 80%,#617c59 100%);box-shadow:inset 0 -55px 65px #48654666;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg)}.cup:after{content:'';position:absolute;inset:0;background:linear-gradient(108deg,#fff7e055,transparent 35%,#2d58351f 65%,#fff8e044);mix-blend-mode:screen}.cup-highlight{position:absolute;left:27px;top:16px;width:15px;height:245px;background:#fff6c955;filter:blur(8px)}.cup-label{text-align:center;color:#113d2e;transform:translateY(15px)}.cup-label strong{font-size:58px;font-weight:900;letter-spacing:-6px}.cup-label small{display:block;font-size:8px;letter-spacing:3px;font-weight:bold}.lid{width:251px;height:28px;background:linear-gradient(#f8f6eb,#cfdbcc);border-radius:40% 40% 20% 20%;position:absolute;z-index:5;transform:rotate(-7deg) translate(-18px,-103px)}.cup-shadow{width:340px;height:46px;border-radius:50%;background:#030f0b9c;filter:blur(17px);position:absolute;top:500px}.hero-sticker{position:absolute;right:1%;top:75px;width:136px;height:136px;border-radius:50%;background:var(--gold);color:var(--deep);transform:rotate(13deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:6;font-size:12px;line-height:1.8}.hero-sticker strong{font-family:Georgia;font-size:20px;font-style:italic}.hero-sticker span{font-size:22px}.floating-note{position:absolute;bottom:100px;left:0;letter-spacing:3px;color:#e5cb9b;font-size:10px;line-height:1.7;transform:rotate(-10deg)}.marquee{background:var(--gold);color:var(--deep);overflow:hidden;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:3px;padding:17px 0}.marquee div{width:max-content;animation:marquee 35s linear infinite}.marquee span{margin:0 24px}@keyframes marquee{to{transform:translateX(-45%)}}.section{padding:112px 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:36% 64%;gap:20px}.section-count{color:#8c9889;font-size:11px;letter-spacing:2px;padding-top:8px}.intro h2,.section-top h2,.experience h2,.cta-section h2{font-size:clamp(48px,5.5vw,80px);line-height:1.1;margin:22px 0}.intro h2 em,.section-top h2 em,.experience h2 em{color:#9a8c69}.intro-grid>div:nth-child(2){max-width:670px}.intro-grid p:not(.kicker){font-size:15px;line-height:1.95;color:#5b6d60;max-width:600px}.intro-grid .section-lead{font-size:20px!important;color:var(--ink)!important}.menu-section{background:#e9e6d9}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-top h2{margin-bottom:0}.section-top>p{max-width:300px;color:var(--muted);line-height:1.75;font-size:13px}.drinks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.drink-card{overflow:hidden;background:#fff9ed}.drink-art{height:287px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.pandan .drink-art{background:#b6c7a7}.yuzu .drink-art{background:#f1c881}.lychee .drink-art{background:#e4bac2}.caramel .drink-art{background:#bfa38a}.mini-cup{height:190px;width:132px;clip-path:polygon(4% 0,96% 0,86% 100%,14% 100%);display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);z-index:2;box-shadow:0 13px 30px #0004;background:linear-gradient(90deg,#ffffff6b,transparent 45%,#00000020),#c0bc91}.pandan .mini-cup{background-color:#87a178}.yuzu .mini-cup{background-color:#e9b55e}.lychee .mini-cup{background-color:#d997ae}.caramel .mini-cup{background-color:#a87d5a}.mini-cup span{font-size:34px;font-weight:900;letter-spacing:-3px;color:#fffbe9}.mini-lid{position:absolute;width:137px;height:15px;background:#f4efe2;top:43px;border-radius:40%;z-index:3}.drink-shape{position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid #fff9e58a;transform:translate(35px,12px)}.drink-info{padding:23px 22px 26px}.drink-no{color:#8b927f;font-size:9px;letter-spacing:2px;font-weight:800}.drink-info h3{font-family:'DM Serif Display',Georgia,serif;font-size:26px;font-weight:400;margin:13px 0 8px}.drink-info p{font-size:12px;color:#6b776c;line-height:1.75;margin:0}.menu-footer{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:16px}.menu-footer p{font-size:12px;color:#788479;margin:0}.text-link.dark{color:var(--deep)}.experience{background:var(--ivory)}.experience-grid{display:grid;grid-template-columns:48% 52%;gap:55px;align-items:center}.experience-art{height:570px;background:radial-gradient(circle at 30% 20%,#ecd9c7 0,#c7d6b5 52%,#a4bca0);position:relative;display:grid;place-items:center;overflow:hidden}.experience-art:before{content:'';position:absolute;width:390px;height:390px;border:1px solid #ffffff8a;border-radius:50%}.quote-paper{width:310px;max-width:80%;background:#fff9ed;box-shadow:20px 25px 50px #31574436;padding:50px 29px;transform:rotate(-9deg);z-index:2}.quote-paper span,.quote-paper small{font-size:9px;font-weight:800;letter-spacing:2px;color:#849582}.quote-paper p{font-family:'DM Serif Display',Georgia,serif;font-size:30px;line-height:1.4;margin:34px 0;color:#2c503e}.note-spark{position:absolute;right:42px;top:48px;font-size:76px;color:#fff7cf}.experience-copy{padding-right:35px}.experience-copy>p:not(.kicker){line-height:1.9;color:#6d796d;max-width:460px}.features{margin-top:40px}.features>div{display:grid;grid-template-columns:40px 1fr;column-gap:12px;border-top:1px solid #dcded3;padding:17px 0}.features span{color:#bd9f74;font-size:12px}.features strong{font-size:14px}.features p{grid-column:2;font-size:12px;color:#7e8b7f;margin:6px 0 0}.cta-section{background:var(--forest);text-align:center;color:#fff9e8;padding:108px 0}.cta-inner{display:flex;align-items:center;flex-direction:column}.cta-section h2{font-size:clamp(62px,8vw,108px);margin:13px 0}.cta-section p:not(.kicker){color:#d4dfd2;max-width:460px;font-size:15px;line-height:1.85}.button.light{background:var(--gold);color:var(--deep);margin-top:18px}.cta-disclaimer{font-size:11px;color:#bacbb9;margin-top:20px;max-width:480px;line-height:1.6}.footer{background:#0c291f;color:#f5efdf;padding:58px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:50px}.footer-logo{font-size:41px;font-weight:900;letter-spacing:-2px}.footer-logo span{color:var(--gold);font-size:18px}.footer-top small{font-size:9px;letter-spacing:3px;color:var(--gold)}.footer-top p{line-height:1.8;font-family:Georgia,serif;font-size:18px}.footer-top>a{font-size:12px;border-bottom:1px solid #d5ae7d;padding-bottom:9px}.footer-bottom{border-top:1px solid #ffffff2b;padding-top:21px;display:flex;justify-content:space-between;color:#bac8bb;font-size:11px}@media(max-width:980px){.shell{width:min(100% - 44px,1190px)}.navigation{gap:16px}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.8);margin:-50px}.drinks-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{gap:25px}.experience-copy{padding-right:0}}@media(max-width:700px){.header-inner{height:74px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid #ffffff47;background:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer}.menu-toggle span{width:20px;height:2px;background:#f9f1e0}.navigation{display:none;position:absolute;top:74px;left:0;right:0;background:var(--deep);padding:20px 24px 28px;flex-direction:column;align-items:stretch;box-shadow:0 15px 20px #0004}.navigation.is-open{display:flex}.navigation a{padding:11px}.navigation .nav-cta{text-align:center}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:72px 0 15px}.hero-copy h1{font-size:clamp(62px,15vw,90px)}.hero-copy>p{font-size:14px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-foot{margin-top:38px}.hero-art{height:430px;transform:scale(.75);margin:-65px -30px -30px}.hero-sticker{right:-8%;top:0}.section{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:15px}.section-top{display:block}.section-top>p{margin:20px 0}.drinks-grid{gap:12px}.drink-art{height:215px}.mini-cup{transform:rotate(-8deg) scale(.8)}.drink-info{padding:18px 13px}.drink-info h3{font-size:22px}.menu-footer{align-items:start;flex-direction:column}.experience-grid{grid-template-columns:1fr}.experience-art{height:370px}.experience-copy{padding-top:25px}.cta-section{padding:75px 0}.footer-top{align-items:start;flex-direction:column}.footer-bottom{gap:9px;flex-direction:column}.floating-note{left:-10%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.button{transition:none}}