@font-face{font-family:poppins;src:url(../media/poppins_latin_400_normal-s.p.26axoheojcvao.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:poppins;src:url(../media/poppins_latin_600_normal-s.p.14nztc_w4mkh_.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:poppins Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.I5QCCq_className{font-family:poppins,poppins Fallback}.I5QCCq_variable{--font-poppins:"poppins", "poppins Fallback"}
@font-face{font-family:bebas;src:url(../media/bebas_neue_latin_400_normal-s.p.2cmc76j2knfd_.woff2)format("woff2");font-display:swap}@font-face{font-family:bebas Fallback;src:local(Arial);ascent-override:116.72%;descent-override:38.91%;line-gap-override:0.0%;size-adjust:77.11%}._6b6zwW_className{font-family:bebas,bebas Fallback}._6b6zwW_variable{--font-bebas:"bebas", "bebas Fallback"}
:root{--u:min(.0694445vw, 1.33333px);--color-primary:#f89f48;--color-hero:#eca259;--color-taro:#a570b1;--color-plum:#611938;--color-brown:#754b21;--color-button:#c4803c;--color-cream:#f5e3d2;--color-text:#000;--color-muted:#8a8a8a;--color-card-warm:#fff7ef;--color-card-cool:#fafafa;--color-card-border:#f8a554;--color-input:#ededed;--container-width:1264px;--radius-sm:8px;--radius-md:18px;--radius-lg:40px;--transition:.22s ease}
.header{z-index:10;top:calc(54 * var(--u));width:calc(708 * var(--u));height:calc(80 * var(--u));padding:0 calc(34 * var(--u)) 0 calc(44 * var(--u));border-radius:calc(50 * var(--u));background:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.header-logo{width:calc(200 * var(--u));flex-shrink:0}.header-logo img{width:100%;height:auto}.navigation{align-items:center;gap:calc(33 * var(--u));font-family:var(--font-bebas), Impact, sans-serif;color:#6d6763;font-size:calc(24 * var(--u));white-space:nowrap;display:flex}.menu-toggle{display:none}.hero{isolation:isolate;height:calc(895 * var(--u));background:var(--color-hero);position:relative;overflow:hidden}.hero-type{color:var(--color-cream);font-size:calc(200 * var(--u));letter-spacing:0;white-space:nowrap;font-weight:600;line-height:1.5;position:absolute;inset:0}.hero-type span{left:0;top:calc(-20 * var(--u));position:absolute}.hero-type span:nth-child(2){top:calc(190 * var(--u));left:calc(-390 * var(--u))}.hero-type span:nth-child(3){top:calc(422 * var(--u));left:calc(-908 * var(--u))}.hero-bun{top:calc(411.2 * var(--u));left:calc(186.6 * var(--u));width:calc(1076.6 * var(--u));max-width:none;height:auto;position:absolute}.find-us{bottom:calc(36 * var(--u));width:calc(397 * var(--u));height:calc(56 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(34 * var(--u));color:var(--color-brown);font-size:calc(24 * var(--u));background:#ffffffc7;border-radius:100px;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.find-us span{width:calc(42 * var(--u));height:calc(42 * var(--u));background:#fffc;border-radius:50%;place-items:center;display:grid}.find-us span img{width:calc(14 * var(--u));height:calc(20 * var(--u))}.find-us:hover{background:#fff}.sensory{height:calc(895 * var(--u));position:relative;overflow:hidden}.wheat-strip{top:calc(32 * var(--u));width:calc(109 * var(--u));height:calc(813 * var(--u));background:url(/images/wheat-strip.webp) 50%/100% 100% no-repeat;position:absolute}.wheat-strip.left{left:calc(42 * var(--u))}.wheat-strip.right{right:calc(42 * var(--u))}.split-bun{top:calc(223.2 * var(--u));left:calc(461.3 * var(--u));width:calc(522.1 * var(--u));height:auto;position:absolute}.sensory-word{color:var(--color-hero);font-size:calc(48 * var(--u));font-weight:600;line-height:1.15;position:absolute}.sensory-word.crunchy{left:calc(100 * var(--u));top:calc(334 * var(--u));transform:rotate(-7deg)}.sensory-word.melt{left:calc(1084 * var(--u));top:calc(331 * var(--u));transform:rotate(-15deg)}.sensory-word.joy{left:calc(296 * var(--u));top:calc(642 * var(--u));transform:rotate(-14deg)}.sensory-word.sweet{left:calc(1053 * var(--u));top:calc(632 * var(--u));transform:rotate(21deg)}.sensory-arrow{height:auto;position:absolute}.arrow-crunchy{left:calc(289.7 * var(--u));top:calc(274.4 * var(--u));width:calc(203 * var(--u))}.arrow-melt{left:calc(923.4 * var(--u));top:calc(223.3 * var(--u));width:calc(212 * var(--u))}.arrow-joy{left:calc(380.7 * var(--u));top:calc(651.2 * var(--u));width:calc(175.5 * var(--u))}.arrow-sweet{left:calc(896.7 * var(--u));top:calc(692.7 * var(--u));width:calc(244 * var(--u))}.keep-scrolling{bottom:calc(34 * var(--u));color:var(--color-brown);font-weight:600;font-size:calc(24 * var(--u));white-space:nowrap;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}.divider{width:100%;height:calc(318 * var(--u))}.divider img{width:100%;height:100%}.brand-pattern{z-index:0;pointer-events:none;opacity:.045;background-image:url(/images/brand-pattern.svg);background-size:calc(315 * var(--u)) calc(120 * var(--u));background-repeat:repeat;position:absolute;inset:0}.dough{height:calc(968 * var(--u));background:var(--color-primary);position:relative;overflow:hidden}.dough.taro{background:var(--color-taro)}.dough h2{top:calc(56 * var(--u));text-align:center;width:100%;font-family:var(--font-bebas), Impact, sans-serif;font-size:calc(32 * var(--u));font-weight:400;line-height:1.3;position:absolute;left:0}.dough-names{z-index:1;top:calc(337 * var(--u));left:calc(92 * var(--u));gap:calc(8 * var(--u));font-family:var(--font-bebas), Impact, sans-serif;font-size:calc(128 * var(--u));text-transform:uppercase;flex-direction:column;line-height:1.04;display:flex;position:absolute}.dough.original .dough-names a{color:#ffffff73}.dough.original .dough-names a.selected{color:#000}.dough.taro .dough-names a{color:#c5c5c5;opacity:.65}.dough.taro .dough-names a.selected{color:var(--color-plum);opacity:1}.dough-names a:hover{opacity:.8}.dough-photo{top:calc(205 * var(--u));left:calc(469 * var(--u));width:calc(611 * var(--u));height:auto;position:absolute}.dough.taro .dough-photo{top:calc(196 * var(--u))}.fillings{left:calc(1130 * var(--u));top:calc(393 * var(--u));color:var(--color-plum);font-family:var(--font-bebas), Impact, sans-serif;font-size:calc(32 * var(--u));line-height:calc(46 * var(--u));position:absolute}.taro .fillings{top:calc(415 * var(--u));line-height:calc(47 * var(--u))}.dough .keep-scrolling{bottom:calc(109 * var(--u))}.certifications{height:calc(74 * var(--u));overflow:hidden}.certificate-track{align-items:center;gap:calc(35 * var(--u));width:max-content;height:100%;padding-left:calc(24 * var(--u));display:flex}.certificate{align-items:center;gap:calc(19 * var(--u));flex:none;display:flex}.certificate img{width:calc(32 * var(--u));height:calc(48 * var(--u));object-fit:contain}.certificate.halal img{width:calc(21 * var(--u));height:calc(37 * var(--u))}.certificate.ifbc img{width:calc(77 * var(--u));height:calc(42 * var(--u))}.certificate p{font:italic calc(12 * var(--u))/1.25 Arial, sans-serif;width:calc(220 * var(--u));color:#3b3b3b}.certificate.ifbc p{width:calc(226 * var(--u))}.products{padding:calc(152 * var(--u)) calc(80 * var(--u)) calc(165 * var(--u)) calc(45 * var(--u))}.products h2,.outlets h2,.news h2{font-size:calc(64 * var(--u));color:var(--color-primary);font-weight:600;line-height:1.5}.products h2{margin-bottom:calc(50 * var(--u))}.product-group+.product-group{margin-top:calc(56 * var(--u))}.product-group h3{color:var(--color-primary);font-size:calc(48 * var(--u));margin-bottom:calc(28 * var(--u));font-weight:600;line-height:1.5}.product-grid{gap:calc(24 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-card{isolation:isolate;height:calc(414.75 * var(--u));border:calc(5 * var(--u)) solid var(--color-card-border);border-radius:calc(18 * var(--u));transition:transform var(--transition);position:relative;overflow:hidden}.product-card.warm{background:var(--color-card-warm)}.product-card.cool{background:var(--color-card-cool)}@media (hover:hover){.product-card:hover{transform:translateY(-4px)}}.product-photo{object-fit:contain;height:auto;position:absolute}.bun .product-photo{width:62.5%;top:15.4%;left:18.45%}.drink .product-photo{width:44%;top:7.5%;left:28%}.product-label{width:var(--label-width);max-width:95%;height:auto;top:var(--label-top);position:absolute;left:1.7%}.outlets{padding:calc(145 * var(--u)) calc(90 * var(--u)) calc(89 * var(--u)) calc(88 * var(--u))}.outlets h2{line-height:calc(96 * var(--u));margin-top:calc(-40 * var(--u))}.outlets h3{font-family:var(--font-bebas), Impact, sans-serif;color:var(--color-primary);font-size:calc(60 * var(--u));margin-bottom:calc(30 * var(--u));font-weight:400;line-height:1.2}.outlet-grid{gap:calc(22 * var(--u));margin-left:calc(3 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.outlet-column{gap:calc(22 * var(--u));flex-direction:column;display:flex}.outlet-card{padding:calc(16 * var(--u)) calc(16 * var(--u)) calc(17 * var(--u));border-radius:calc(18 * var(--u));font-size:calc(24 * var(--u));font-weight:600;line-height:calc(38 * var(--u));border:1px solid #8a8a8a}.outlet-card h4{width:fit-content;max-width:100%;padding:0 calc(24 * var(--u));margin-bottom:calc(6 * var(--u));font:inherit;line-height:calc(38 * var(--u));color:#fff;background:var(--color-hero);border-radius:calc(50 * var(--u));display:table}.outlet-card.banten,.outlet-card.tangerang{min-height:calc(207 * var(--u))}.outlet-card.sulawesi{min-height:calc(130 * var(--u))}.outlets h3.exclusive-title{margin-top:calc(94 * var(--u));margin-bottom:calc(20 * var(--u))}.exclusive-grid{gap:calc(22 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.partnership{padding:calc(61 * var(--u)) calc(110 * var(--u))}.partnership-card{height:calc(581 * var(--u));padding:calc(24 * var(--u)) calc(32 * var(--u));color:#fff;background:var(--color-primary);border-radius:calc(42 * var(--u));position:relative}.partnership h2{font-size:calc(36 * var(--u));font-weight:600;line-height:1.5}.partnership p{font-size:calc(34 * var(--u));margin-top:calc(13 * var(--u));line-height:1.2}.outlet-map{top:calc(234 * var(--u));width:calc(570 * var(--u));height:auto;position:absolute;left:50%;transform:translate(-50%)}.pill-button{color:#fff;background:var(--color-button);padding:calc(8 * var(--u)) calc(32 * var(--u));font-size:calc(24 * var(--u));border:0;border-radius:100px;justify-content:center;align-items:center;line-height:1.5;display:inline-flex}.pill-button:hover{background:var(--color-brown);color:#fff}.pill-button:disabled{opacity:.7;cursor:wait}.partnership .pill-button{bottom:calc(32 * var(--u));white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.news{padding:calc(45 * var(--u)) 0 calc(85 * var(--u))}.news h2{margin-left:calc(88 * var(--u));margin-bottom:calc(49 * var(--u))}.news-track{gap:calc(16 * var(--u));padding:0 0 calc(12 * var(--u)) calc(92 * var(--u));scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;display:flex;overflow-x:auto}.news-card{flex:0 0 calc(256.8 * var(--u));scroll-snap-align:center;color:var(--color-muted);font-size:calc(16 * var(--u));line-height:1.2}.news-image{height:calc(200 * var(--u));padding-left:calc(32 * var(--u));color:#fff;border-radius:calc(8 * var(--u));background:var(--color-primary);align-items:center;display:flex}.news-card time{font-size:calc(14 * var(--u));margin-top:calc(10 * var(--u));line-height:1.5;display:block}.news-card p{max-width:calc(242 * var(--u));margin-top:calc(8 * var(--u))}.contact{min-height:calc(604 * var(--u));grid-template-columns:calc(523 * var(--u)) calc(561 * var(--u));gap:calc(151 * var(--u));padding:calc(169 * var(--u)) calc(55 * var(--u)) calc(72 * var(--u)) calc(150 * var(--u));color:#fff;background:var(--color-primary);display:grid;position:relative}.contact-copy,.contact-form{z-index:1;min-width:0;position:relative}.contact h2{font-size:calc(32 * var(--u));font-weight:600;line-height:1.1}.contact-copy p{margin-top:calc(40 * var(--u));font-size:calc(24 * var(--u));line-height:1.2}.contact-form{align-items:stretch;gap:calc(23 * var(--u));padding-top:calc(10 * var(--u));flex-direction:column;display:flex}.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:calc(9 * var(--u)) calc(10 * var(--u));font-size:calc(16 * var(--u));background:var(--color-input);color:#333;border:none;border-radius:2px}.contact-form input{height:calc(39 * var(--u))}.contact-form textarea{height:calc(164 * var(--u));resize:vertical;min-height:calc(164 * var(--u))}.contact-form .pill-button{padding:calc(3 * var(--u)) calc(24 * var(--u));align-self:flex-end;font-weight:600}.form-status{color:#442905;font-size:14px;line-height:1.5}.form-status a{text-decoration:underline}.footer{isolation:isolate;min-height:calc(569 * var(--u));grid-template-columns:calc(550 * var(--u)) calc(325 * var(--u)) 1fr;gap:calc(138 * var(--u));padding:calc(60 * var(--u)) calc(53 * var(--u)) calc(90 * var(--u));color:#5d5d5d;font-size:calc(24 * var(--u));line-height:1.2;display:grid;position:relative}.footer-wheat{z-index:-1;pointer-events:none;background:url(/images/wheat.webp) 50%/100% 100% no-repeat;position:absolute}.footer-wheat-left{top:0;left:calc(10 * var(--u));width:calc(575 * var(--u));height:calc(471 * var(--u))}.footer-wheat-right{right:calc(25 * var(--u));top:calc(252 * var(--u));width:calc(270 * var(--u));height:calc(219 * var(--u))}.footer-company img{width:calc(284 * var(--u));height:auto}.footer address{max-width:calc(505 * var(--u));margin-top:calc(70 * var(--u));font-style:normal}.footer .email{margin-top:calc(28 * var(--u));overflow-wrap:anywhere;display:inline-block}.footer h2{font-size:calc(16 * var(--u));color:var(--color-hero);margin-bottom:calc(12 * var(--u));font-weight:600;line-height:1.5}.footer-locations,.footer-social{padding-top:calc(120 * var(--u))}.footer-city-columns{gap:calc(25 * var(--u));display:flex}.footer li+li{margin-top:calc(15 * var(--u))}@media (max-width:767px){.header{border-radius:40px;width:calc(100% - 40px);height:66px;padding:0 22px;position:absolute;top:22px}.header-logo{width:156px}.menu-toggle{background:0 0;border:none;border-radius:50%;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;display:flex}.menu-toggle span{background:#6d6763;width:24px;height:2px;display:block}.navigation{background:#fff;border-radius:24px;gap:0;width:100%;padding:16px 24px;font-size:25px;display:none;position:absolute;top:76px;left:0;box-shadow:0 8px 20px #754b2114}.navigation.is-open{flex-direction:column;align-items:stretch;display:flex}.navigation a{padding:12px 0}.hero{height:min(810px,175vw);min-height:590px}.hero-type{font-size:clamp(85px,17vw,130px);line-height:1.3}.hero-type span{top:110px;left:-12px}.hero-type span:nth-child(2){top:220px;left:-180px}.hero-type span:nth-child(3){top:330px;left:-370px}.hero-bun{width:120%;top:350px;left:-10%}.find-us{width:min(300px,100% - 56px);height:52px;padding:0 8px 0 22px;font-size:18px;bottom:26px}.find-us span{width:38px;height:38px}.find-us span img{width:14px;height:20px}.sensory{height:650px}.wheat-strip{opacity:.75;background-size:cover;width:35px;height:545px;top:35px}.wheat-strip.left{left:8px}.wheat-strip.right{right:8px}.split-bun{width:64%;max-width:360px;top:188px;left:50%;transform:translate(-50%)}.sensory-word{font-size:clamp(24px,5vw,34px)}.sensory-word.crunchy{top:140px;left:8%}.sensory-word.melt{top:155px;left:auto;right:9%}.sensory-word.joy{top:482px;left:16%}.sensory-word.sweet{top:485px;left:auto;right:9%}.arrow-crunchy{width:20%;top:178px;left:22%;transform:rotate(20deg)}.arrow-melt{width:20%;top:197px;left:65%}.arrow-joy{width:18%;top:444px;left:23%}.arrow-sweet{width:24%;top:453px;left:60%}.keep-scrolling,.dough .keep-scrolling{font-size:16px;bottom:26px}.divider{aspect-ratio:1440/318;height:auto}.brand-pattern{background-size:230px 88px}.dough{flex-direction:column;align-items:center;height:auto;min-height:770px;padding:40px 24px 100px;display:flex}.dough h2{font-size:25px;position:relative;top:auto}.dough-names{flex-flow:wrap;justify-content:center;gap:24px;margin:34px 0 20px;font-size:clamp(56px,11vw,86px);position:relative;top:auto;left:auto}.dough-photo,.dough.taro .dough-photo{width:min(440px,100%);position:relative;top:auto;left:auto}.fillings,.taro .fillings{text-align:center;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:28px;font-size:clamp(21px,4.2vw,28px);line-height:1.4;display:grid;position:relative;top:auto;left:auto}.certifications{height:72px;overflow-x:auto}.certificate-track{gap:24px;padding:0 18px}.certificate{gap:12px}.certificate p{width:188px;font-size:11px}.certificate img,.certificate.halal img{width:25px;height:38px}.certificate.ifbc img{width:62px;height:35px}.certificate.ifbc p{width:180px}.products{padding:76px 20px 70px}.products h2,.outlets h2,.news h2{font-size:clamp(30px,6.5vw,46px);line-height:1.3}.products h2{margin-bottom:32px}.product-group h3{margin-bottom:18px;font-size:27px}.product-group+.product-group{margin-top:38px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{aspect-ratio:422.33/414.75;border-width:3px;border-radius:14px;height:auto}.outlets{padding:40px 24px 50px}.outlets h2{margin:0 0 20px}.outlets h3{margin-bottom:22px;font-size:39px;line-height:1.2}.outlet-grid{grid-template-columns:1fr;gap:16px;margin:0}.outlet-column{gap:16px}.outlet-card{border-radius:16px;padding:16px;font-size:17px;line-height:1.7}.outlet-card h4{border-radius:30px;margin-bottom:8px;padding:2px 18px;font-size:17px;line-height:1.5}.outlet-card.banten,.outlet-card.tangerang,.outlet-card.sulawesi{min-height:0}.outlets h3.exclusive-title{margin:44px 0 20px}.exclusive-grid{grid-template-columns:1fr;gap:16px}.partnership{padding:12px 20px 54px}.partnership-card{border-radius:30px;height:auto;min-height:465px;padding:26px 24px 82px}.partnership h2{font-size:25px;line-height:1.25}.partnership p{margin-top:16px;font-size:19px;line-height:1.4}.outlet-map{width:100%;margin:26px 0 16px;position:relative;top:auto;left:auto;transform:none}.pill-button{min-height:44px;padding:10px 26px;font-size:17px}.partnership .pill-button{bottom:24px}.news{padding:18px 0 60px}.news h2{margin:0 24px 28px}.news-track{gap:16px;padding:0 24px 16px}.news-card{flex-basis:256px;font-size:16px;line-height:1.3}.news-image{border-radius:8px;height:200px;padding-left:32px}.news-card time{margin-top:12px;font-size:13px}.news-card p{max-width:none;margin-top:9px}.contact{grid-template-columns:1fr;gap:32px;min-height:0;padding:60px 24px}.contact h2{font-size:27px;line-height:1.2}.contact-copy p{margin-top:24px;font-size:19px;line-height:1.4}.contact-form{gap:18px;padding:0}.contact-form input,.contact-form textarea{padding:12px;font-size:16px}.contact-form input{height:48px}.contact-form textarea{height:165px;min-height:165px}.contact-form .pill-button{padding:8px 26px}.footer{grid-template-columns:1fr 1fr;gap:42px 20px;min-height:0;padding:42px 24px 70px;font-size:16px;line-height:1.4}.footer-company{grid-column:1/-1}.footer-company img{width:230px}.footer address{max-width:460px;margin-top:34px}.footer .email{margin-top:20px}.footer-locations,.footer-social{padding-top:0}.footer h2{margin-bottom:14px;font-size:14px;line-height:1.5}.footer-city-columns{flex-direction:column;gap:10px}.footer li+li{margin-top:10px}.footer-wheat-left{width:90%;height:360px;top:0;left:0}.footer-wheat-right{width:170px;height:205px;top:auto;bottom:30px;right:0}}@media (max-width:374px){.header{width:calc(100% - 28px);padding:0 18px}.header-logo{width:140px}.product-grid{grid-template-columns:1fr}.product-card{max-width:420px}.sensory{height:590px}.sensory-word.joy,.sensory-word.sweet{top:430px}.arrow-joy,.arrow-sweet{top:405px}.dough{min-height:690px}.dough-names{gap:16px;font-size:55px}.fillings{gap:10px}.outlet-card,.outlet-card h4{font-size:15px}.partnership h2{font-size:23px}.partnership p{font-size:17px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{max-width:1920px;color:var(--color-text);font-family:var(--font-poppins), Arial, sans-serif;-webkit-font-smoothing:antialiased;background:#fff;margin:0 auto}h1,h2,h3,h4,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}button,a{transition:color var(--transition), background-color var(--transition), transform var(--transition), opacity var(--transition)}a:hover{color:var(--color-brown)}:focus-visible{outline:3px solid var(--color-plum);outline-offset:5px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}