:root{--cream:#fffdf9;--blush:#fff8ee;--cocoa:#451a03;--mango:#d97706;--gold:#f59e0b;--ube:#7c3aed;--pandan:#10b981;--line:#f1dfcd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--cocoa);font-family:var(--font-vietnam),sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-jakarta),sans-serif;letter-spacing:-.045em}h1{font-size:clamp(3rem,6vw,5.9rem);line-height:.98;margin:14px 0 22px}h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.04;margin:8px 0 24px}.header{height:82px;position:-webkit-sticky;position:sticky;top:0;z-index:10;justify-content:space-between;padding:12px max(5vw,32px);background:#fffdf9eF;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #f8ecdf}.header,.logo{display:flex;align-items:center}.logo{gap:8px;font-family:var(--font-jakarta);font-weight:800;line-height:.85}.logo span{display:grid;place-items:center;color:white;background:var(--mango);height:45px;width:45px;border-radius:50%;font-size:18px;transform:rotate(-8deg)}.logo i{font-size:10px;font-style:normal;letter-spacing:.05em}.header nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.header nav>a:not(.button):hover,.text-link:hover{color:var(--mango)}.button{display:inline-block;background:var(--mango);color:#fff;padding:15px 23px;border-radius:999px;text-transform:uppercase;font-family:var(--font-jakarta);font-size:12px;font-weight:800;letter-spacing:.07em;box-shadow:0 9px 20px #d9770633;transition:.2s}.button:hover{transform:translateY(-2px);background:#b95f05}.button.small{padding:12px 17px}.menu{display:none;background:none;border:0;color:var(--cocoa);font:700 12px var(--font-jakarta);text-transform:uppercase}.hero{min-height:650px;padding:70px max(7vw,32px);display:grid;grid-template-columns:1fr .92fr;grid-gap:4vw;gap:4vw;align-items:center;overflow:hidden}.hero-copy{max-width:690px}.eyebrow{margin:0;color:var(--mango);font:800 11px var(--font-jakarta);letter-spacing:.14em;text-transform:uppercase}.lede{font-size:17px;color:#744226}.lede b{color:var(--gold);padding:0 8px}.actions{display:flex;gap:27px;align-items:center;margin-top:32px}.text-link{font:700 13px var(--font-jakarta);text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:18px}.hero-visual{height:470px;position:relative;background:#ffefd8;border-radius:48% 52% 45% 55%/42% 46% 54% 58%;isolation:isolate;overflow:hidden}.sun{width:350px;height:350px;border-radius:50%;background:#f9c96e;right:-58px;top:42px;opacity:.55}.scoop,.sun{position:absolute}.scoop{width:176px;height:155px;border-radius:52% 48% 45% 55%;bottom:147px;box-shadow:inset 12px 12px 30px #ffffff55,0 17px 20px #6b320a2b}.mango{background:#ffba23;right:76px;z-index:3}.ube{background:#9b6df0;right:194px;bottom:121px;z-index:2}.pandan{background:#4fc799;right:1px;bottom:112px;z-index:1}.cone{position:absolute;z-index:4;bottom:38px;right:116px;width:145px;height:160px;background:repeating-linear-gradient(45deg,#dfa457 0 3px,#f5c777 4px 14px);-webkit-clip-path:polygon(5% 0,95% 0,55% 100%,45% 100%);clip-path:polygon(5% 0,95% 0,55% 100%,45% 100%)}.hero-visual p{position:absolute;left:38px;bottom:40px;z-index:5;font:600 15px var(--font-jakarta);color:#7b3d13}.section{padding:112px max(7vw,32px)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-title h2{margin-bottom:0}.seller-rail{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px}.seller{min-height:215px;padding:22px;border-radius:24px;background:var(--blush);overflow:hidden}.seller:nth-child(2n){background:#f4edff}.seller:nth-child(3n){background:#e9f9f0}.mini-scoop{width:118px;height:118px;border-radius:49% 51% 44% 56%;background:var(--gold);margin:5px auto 20px;box-shadow:inset 9px 10px 20px #fff8}.seller-1 .mini-scoop{background:var(--ube)}.seller-2 .mini-scoop{background:var(--pandan)}.seller-3 .mini-scoop{background:#70513f}.seller-4 .mini-scoop{background:#ffb62b}.flavor-grid h3,.seller h3{font-size:17px;margin:0 0 5px}.flavor-grid p,.seller p{font-size:12px;color:#875b43;margin:0}.formats{text-align:center;background:#fff8f6}.formats h2{max-width:660px;margin:8px auto 40px}.format-grid{display:grid;grid-template-columns:repeat(5,1fr);max-width:1100px;margin:auto}.format-grid article{padding:15px 20px;border-right:1px solid var(--line)}.format-grid article:last-child{border:0}.format-grid span{font-size:37px;color:var(--mango)}.format-grid h3{font-size:17px;margin:11px 0 5px}.format-grid p{font-size:12px;color:#875b43}.party{margin:0 max(5vw,24px);padding:78px clamp(28px,7vw,100px);border-radius:32px;background:var(--mango);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.big-cta .eyebrow,.party .eyebrow{color:#ffdfa1}.party h2{margin:12px 0 18px}.party>div>p:not(.eyebrow){max-width:480px;line-height:1.7;color:#fff0df;margin-bottom:29px}.cream{background:#fff6e5;color:var(--mango);box-shadow:none}.cream:hover{background:white}.party-tubes{height:320px;position:relative}.tube{position:absolute;bottom:15px;width:116px;height:215px;border-radius:19px 19px 28px 28px;display:grid;place-content:center;text-align:center;color:#fff;font:800 13px var(--font-jakarta);letter-spacing:.12em;box-shadow:10px 16px 23px #79320040}.mango-tube{background:#ffbd24;transform:rotate(-11deg);left:35px}.ube-tube{background:#8453d5;left:151px;height:250px;z-index:2}.pandan-tube{background:#36b884;left:270px;transform:rotate(11deg)}.burst{position:absolute;right:0;top:25px;background:#ffdf82;color:#8d3e00;border-radius:50%;width:110px;height:110px;display:grid;place-content:center;text-align:center;transform:rotate(9deg);font:800 13px var(--font-jakarta)}.occasions{text-align:center;padding-bottom:88px}.occasions h2{margin-bottom:32px}.occasions div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.occasions span{padding:12px 15px;background:var(--blush);border-radius:999px;font:600 13px var(--font-jakarta)}.gallery{background:#fff8f6}.gallery .section-title>p{max-width:315px;font-size:14px;line-height:1.6;color:#875b43}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:26px;gap:26px}.flavor-art{height:230px;border-radius:25px;background:#f7c760;display:grid;place-items:center;overflow:hidden}.flavor-art span{height:165px;width:165px;border-radius:50%;background:#ffb82c;box-shadow:inset 17px 14px 30px #fff7,0 18px 22px #6b320a22}.flavor-art.ube{background:#e9ddff}.flavor-art.ube span{background:#8f62e2}.flavor-art.pandan{background:#d7f3df}.flavor-art.pandan span{background:#42bd89}.flavor-art.cocoa{background:#f1e0d1}.flavor-art.cocoa span{background:#714a36}.flavor-grid h3{margin-top:13px}.why{text-align:center}.why>h2{margin-bottom:48px}.why>div{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:28px;gap:28px}.why article span{font-size:27px;color:var(--mango)}.why h3{font-size:17px;margin:12px 0 7px}.why p{font-size:13px;line-height:1.6;color:#875b43}.story{padding:0 max(7vw,32px) 112px;display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw;align-items:center}.story-art{height:420px;border-radius:30px;background:#f5c456;position:relative;overflow:hidden;padding:32px;color:white;font:800 60px var(--font-jakarta)}.house{position:absolute;bottom:45px;left:calc(50% - 90px);font-size:190px;color:#bd741a;text-shadow:15px 15px #e19b33}.story>div>p:not(.eyebrow){color:#875b43;line-height:1.7}.story ol{list-style:none;padding:0;margin:32px 0 0}.story li{display:grid;grid-template-columns:95px 1fr;grid-gap:14px;gap:14px;padding:13px 0;border-top:1px solid var(--line);font-size:13px;color:#875b43}.story li b{font-family:var(--font-jakarta);color:var(--mango)}.testimonials{background:#fff8f6;text-align:center}.testimonials>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;text-align:left;margin-top:40px}.testimonials figure{margin:0;padding:28px;background:#fffdf9;border-radius:22px}.testimonials figure>div{color:var(--gold);letter-spacing:.13em}.testimonials blockquote{margin:18px 0 25px;font:600 17px/1.55 var(--font-jakarta)}.testimonials figcaption{font-size:12px;color:#875b43;line-height:1.6}.testimonials figcaption b{color:var(--cocoa)}.big-cta{text-align:center;padding:100px 30px;background:var(--ube);color:#fff}.big-cta h2{margin:12px 0}.big-cta p:not(.eyebrow){color:#eaddff;margin-bottom:26px}.contact{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.contact>div>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#875b43}.contact-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.contact-links a{font:700 12px var(--font-jakarta);text-decoration:underline;text-underline-offset:5px;color:var(--mango)}.map{height:350px;background:#fae5c8;border-radius:26px;display:grid;place-content:center;text-align:center;position:relative;overflow:hidden}.map:after,.map:before{content:"";position:absolute;border:26px solid #e9c897;width:310px;height:310px;border-radius:50%;left:-90px;top:-140px}.map:after{left:auto;right:-110px;top:auto;bottom:-160px}.map span{z-index:1;width:67px;height:67px;border-radius:50%;display:grid;place-items:center;background:var(--mango);color:white;font:800 22px var(--font-jakarta);box-shadow:0 8px 18px #b75b2944}.map p{z-index:1;margin:14px 0 0;font:700 12px var(--font-jakarta)}footer{padding:46px max(7vw,32px);background:#451a03;color:#fff1df;display:grid;grid-template-columns:1.1fr 2fr;grid-gap:30px;gap:30px;font-size:12px}footer .logo span{background:#f59e0b}footer .footer-links{display:flex;gap:17px;flex-wrap:wrap;font-weight:600}footer>p{margin:0;color:#d9b89d}footer small{grid-column:1/-1;padding-top:20px;border-top:1px solid #6d3e25;color:#bb9279}@media(max-width:800px){.header{height:66px}.menu{display:block}.header nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fffdf9;padding:22px 7vw;box-shadow:0 14px 20px #451a0311;align-items:flex-start;flex-direction:column;gap:18px}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:54px;min-height:0}.hero-visual{height:350px}.scoop{transform:scale(.75);transform-origin:bottom right}.cone{transform:scale(.76);transform-origin:bottom right}.seller-rail{display:flex;overflow:auto;padding-bottom:8px}.seller{min-width:180px}.format-grid{grid-template-columns:repeat(2,1fr);gap:18px}.format-grid article{border:0}.party{grid-template-columns:1fr;padding:57px 30px}.party-tubes{height:260px;transform:scale(.85);transform-origin:left bottom}.flavor-grid{grid-template-columns:repeat(2,1fr);gap:17px}.flavor-art{height:170px}.flavor-art span{height:115px;width:115px}.why>div{grid-template-columns:repeat(2,1fr)}.contact,.story{grid-template-columns:1fr}.story-art{height:310px}.testimonials>div{grid-template-columns:1fr}.section{padding:78px max(6vw,24px)}.section-title{display:block}.section-title .text-link{display:inline-block;margin-top:17px}.contact{gap:35px}footer{grid-template-columns:1fr}.hero h1{font-size:3.2rem}}@media(max-width:430px){.actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-visual{height:290px}.hero-visual p{left:24px;bottom:28px}.seller-rail{margin-right:-24px}.flavor-grid{grid-template-columns:1fr}.why>div{grid-template-columns:1fr 1fr;gap:12px}.why article{padding:10px}.party-tubes{margin-left:-15px;transform:scale(.67);width:150%}.story{padding-bottom:78px}.story-art{height:250px}.story-art span{font-size:43px}.house{font-size:140px;left:calc(50% - 70px)}}:root{--font-jakarta:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;--font-vietnam:Arial,sans-serif}.map:after,.map:before{display:none}.logo img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center}