:root{--cream:#fff9ed;--yellow:#ffe25b;--green:#204d37;--orange:#ef613e;--ink:#254a35;--p:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:var(--cream)}.skip{position:fixed;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:0}.nav{height:96px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;background:var(--yellow);position:relative;z-index:10;border-bottom:1px solid #204d3727}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:900;line-height:.89;letter-spacing:-1.2px}.brand sup{font-size:9px;vertical-align:top;margin-left:2px}.brand-fruit{position:relative;font-size:54px;color:var(--orange);line-height:1;transform:rotate(-20deg);font-weight:400}.brand-fruit i{position:absolute;background:var(--green);width:18px;height:9px;border-radius:100% 0 100% 0;top:3px;right:-1px}.nav nav{display:flex;gap:37px;font-weight:600;font-size:13px}.nav nav a:hover{text-decoration:underline;text-underline-offset:7px}.nav-cta{padding:13px 19px;border:1px solid var(--green);border-radius:40px;font-size:12px;font-weight:700;display:flex;gap:24px}.nav-cta:hover{background:var(--green);color:var(--cream)}.nav-cta span{font-size:19px;line-height:1}.hero{background:var(--yellow);min-height:710px;height:calc(100svh - 96px);max-height:1000px;position:relative;display:grid;grid-template-columns:48% 52%;padding:62px 5.2% 80px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;display:block}.hero .eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:1px}.mini-sun{font-size:25px}.hero h1{font-size:clamp(64px,6.6vw,106px);font-weight:900;letter-spacing:-5px;line-height:1.13;margin:24px 0 26px;position:relative;width:max-content}.hero h1>span{color:var(--orange)}.underline{position:absolute;width:90%;height:35px;bottom:-24px;left:0;fill:none;stroke:var(--orange);stroke-width:6;stroke-linecap:round;transform:rotate(-3deg)}.intro{font-size:14px;line-height:1.9;margin:39px 0 24px}.button{display:inline-flex;gap:28px;align-items:center;padding:18px 23px;border-radius:50px;font-size:12px;font-weight:600;transition:transform .25s}.button:hover{transform:translateY(-4px)}.button span{font-size:20px;line-height:1}.green{background:var(--green);color:var(--cream)}.hero-note{display:flex;gap:8px;align-items:center;font-size:10px;margin-top:19px}.hero-note>span{font-size:18px;color:var(--orange)}.hero-visual{position:relative;min-width:0;align-self:center;height:100%;max-height:660px}.plate-perspective{position:absolute;inset:-15% -12% -8% -15%;display:flex;align-items:center;justify-content:center;perspective:1400px}.plate-plane{position:relative;width:100%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateZ(-23deg) rotateX(55deg);will-change:transform}.plate-spin{position:absolute;inset:11%;animation:spin 48s linear infinite;filter:drop-shadow(2px 14px 7px #603a2427)}.plate-spin img{width:100%;height:100%;object-fit:contain;display:block}.orbit{position:absolute;inset:0;width:100%;height:100%;animation:spin 65s linear reverse infinite;overflow:visible}.orbit text{font-size:50px;font-weight:800;letter-spacing:3px;fill:var(--orange)}.plate-shadow{position:absolute;left:13%;top:54%;width:72%;height:13%;border-radius:50%;background:#9e762c1a;filter:blur(18px);transform:rotate(-25deg)}.doodle{position:absolute;z-index:2}.sparkle{color:var(--orange)}.s1{top:-8px;left:10px;font-size:68px}.s2{bottom:28px;right:2%;font-size:79px}.price-sticker{position:absolute;bottom:9%;left:2%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:146px;height:146px;background:var(--orange);color:var(--cream);border-radius:50%;transform:rotate(-12deg);outline:1px dashed var(--cream);outline-offset:-7px;z-index:3}.price-sticker small{font-size:10px}.price-sticker strong{font-size:57px;line-height:1.15;letter-spacing:-5px}.price-sticker strong span{font-size:31px;margin-left:4px}.price-sticker>span{font-size:9px}.visual-caption{position:absolute;bottom:0;left:24%;font-size:8px;letter-spacing:1.8px;font-weight:600;white-space:nowrap}.hero-bottom{position:absolute;bottom:21px;left:5.2%;right:5.2%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.2px;font-weight:600}.hero-bottom a{display:flex;align-items:center;gap:15px}.hero-bottom a span{font-size:20px}.motion-toggle{border:0;background:transparent;font-size:12px;display:flex;gap:8px;align-items:center}.motion-toggle span{font-size:9px;letter-spacing:.5px}.ticker{overflow:hidden;background:var(--orange);color:var(--cream);padding:21px 0;transform:rotate(-1.5deg) scale(1.02);position:relative;z-index:2}.ticker>div{display:flex;white-space:nowrap;font-size:24px;letter-spacing:-.8px;font-weight:900;animation:marquee 24s linear infinite;width:max-content;will-change:transform}.ticker-unit{display:flex;align-items:center;flex:none}.ticker-unit>span{margin:0 36px;font-size:30px}.story-intro{padding:120px 5% 110px;text-align:center;position:relative}.story-intro h2{font-size:clamp(36px,4.3vw,67px);font-weight:900;letter-spacing:-2.9px;line-height:1.25;margin:21px 0}.story-intro h2 span{color:var(--orange)}.story-intro p{font-size:13px;line-height:1.9}.intro-flower{position:absolute;right:15%;top:90px;font-size:78px;color:var(--orange);transform:rotate(15deg)}.ingredient{height:175svh;position:relative}.ingredient-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:46% 54%;align-items:center;padding:65px 8% 80px}.mango-section{background:#ffc955}.coconut-section{background:#f4a590}.rice-section{background:#c8d7ad}.chapter{position:absolute;top:35px;left:8%;right:8%;display:flex;align-items:center;gap:25px;font-size:10px;font-weight:600;letter-spacing:1px}.chapter>span:first-child{font-size:11px}.progress{height:2px;background:#204d3730;flex:1;margin-left:20px}.progress i{display:block;height:100%;background:var(--green);width:calc(var(--p)*100%)}.origin{display:inline-block;border:1px solid currentColor;padding:9px 13px;border-radius:30px;font-size:9px;font-weight:600;letter-spacing:1px}.ingredient h2{font-size:clamp(48px,5.4vw,85px);line-height:1.2;font-weight:900;letter-spacing:-4px;margin:25px 0}.ingredient h2 em{font-style:normal;color:var(--cream)}.ingredient-copy{position:relative;z-index:2;transform:translateY(calc((1 - var(--p))*20px));opacity:calc(.65 + var(--p)*.35)}.ingredient-copy p{font-size:13px;max-width:335px;line-height:2}.taste{display:flex;align-items:center;gap:12px;font-size:10px;margin-top:28px}.taste i{font-size:24px;font-style:normal}.ingredient-art{position:relative;aspect-ratio:1;min-width:0}.ingredient-art>svg{width:115%;height:115%;position:absolute;inset:-7%;overflow:visible}.art-halo{position:absolute;inset:12%;border:1px dashed #204d3740;border-radius:50%;transform:rotate(calc(var(--p)*100deg)) scale(calc(.9 + var(--p)*.1))}.art-halo:after{content:'✳';position:absolute;top:5%;left:8%;font-size:27px}.art-label{position:absolute;bottom:2%;left:5%;font-size:15px;line-height:1.5;transform:rotate(-9deg);font-weight:600}.art-star{position:absolute;right:-5%;top:8%;font-size:64px;color:var(--cream)}.mango-slice{transform-origin:300px 300px}.mango-slice[data-slice="0"]{transform:translate(calc(var(--p)*-55px),calc(var(--p)*15px)) rotate(calc(var(--p)*-12deg))}.mango-slice[data-slice="1"]{transform:translate(calc(var(--p)*0px),calc(var(--p)*-35px)) rotate(calc(var(--p)*8deg))}.mango-slice[data-slice="2"]{transform:translate(calc(var(--p)*70px),calc(var(--p)*-65px)) rotate(calc(var(--p)*25deg))}.mango-back{transform:translate(calc(var(--p)*18px),calc(var(--p)*-20px))}.scroll-caption{position:absolute;left:8%;right:8%;bottom:31px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px}.scroll-caption>span:last-child{font-size:25px}.coconut-half{transform-origin:285px 168px;transform:rotate(calc(var(--p)*24deg)) translateY(calc(var(--p)*-18px))}.coconut-pour{stroke-dasharray:240;stroke-dashoffset:calc(240 - var(--p)*240);opacity:clamp(0,calc(var(--p)*4),1)}.splash{transform-origin:350px 420px;transform:scale(calc(.3 + var(--p)*.7));opacity:var(--p)}.steam{transform:translateY(calc(var(--p)*-30px));opacity:var(--p)}.together{position:relative;text-align:center;background:var(--cream);padding:105px 6% 90px;overflow:hidden}.together h2{font-size:clamp(42px,5.4vw,80px);letter-spacing:-3px;line-height:1.23;margin:25px 0 0;font-weight:900}.together h2 em{color:var(--orange);font-style:normal}.together-image{position:relative;width:min(550px,85%);margin:-15px auto -30px}.together-image img{width:100%;transform:rotate(-15deg);filter:drop-shadow(0 13px 13px #583c231a)}.together-sticker{position:absolute;right:-10%;top:40%;background:#c8d7ad;border-radius:50%;width:128px;height:128px;display:flex;flex-direction:column;justify-content:center;font-size:10px;line-height:1.3;transform:rotate(12deg)}.together-sticker strong{font-size:19px}.together p{font-size:13px;line-height:1.9;margin:25px 0}.menu-section{background:#f7c3c6;padding:95px 5.2% 65px;scroll-margin-top:0}.menu-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.menu-heading h2{font-size:clamp(38px,4.8vw,68px);letter-spacing:-3px;line-height:1.2;font-weight:900;margin:20px 0 0}.menu-heading h2 em{font-style:normal;color:var(--orange)}.menu-heading p{font-size:12px;line-height:1.9;margin-bottom:5px}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.menu-item{background:#ffe786;border:1px solid #204d3726;border-radius:120px 120px 13px 13px;min-width:0;padding:32px 20px 24px;text-align:left;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;align-items:stretch}.menu-item:hover{transform:translateY(-8px);box-shadow:0 10px 0 #204d3714}.menu-number{font-size:7px;letter-spacing:.7px;text-align:center}.menu-dish{display:block;width:100%;aspect-ratio:1;margin:12px 0 0}.menu-dish img{width:120%;height:120%;object-fit:contain;position:relative;top:-10%;left:-10%}.menu-line{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:12px 0 9px}.menu-line strong{font-size:16px;letter-spacing:-.6px}.menu-line>span{font-size:13px;white-space:nowrap}.menu-item>span:last-child{font-size:9px;line-height:1.7;min-height:31px}.peach{background:#ffd8b1}.lilac{background:#c8b6da}.pistachio{background:#c9d8aa}.ice-art{display:block;position:relative;width:100%;aspect-ratio:1;margin:12px 0 0;--ice:#fff7d1}.ice-art i{position:absolute;background:var(--ice);width:56%;height:53%;border-radius:50% 50% 42% 46%;left:22%;top:17%;box-shadow:inset -12px -13px 0 #0000000e,inset 7px 10px 0 #ffffff2b;transform:rotate(-10deg)}.ice-art i:before{content:'';position:absolute;background:#fbc029;width:46%;height:25%;border-radius:30% 80% 20% 60%;top:28%;left:4%;transform:rotate(-12deg)}.ice-art b{position:absolute;top:58%;left:13%;width:74%;height:29%;border-radius:4px 4px 100% 100%;background:repeating-linear-gradient(80deg,#ffffff27 0 5px,#fdf8ef80 5px 7px),#f1f1d348;border:2px solid #ffffffab;box-shadow:0 9px 0 -6px #ffffff70}.ice-art b:after{content:'';position:absolute;top:100%;height:22%;width:18%;left:42%;background:#ffffff66}.ice-art em{position:absolute;background:repeating-linear-gradient(45deg,#dcb965 0 2px,transparent 2px 9px),repeating-linear-gradient(-45deg,#dcb965 0 2px,#eed38e 2px 9px);width:25%;height:40%;left:60%;top:4%;transform:rotate(18deg);clip-path:polygon(0 0,100% 0,50% 100%)}.ice-choco{--ice:#775139}.ice-choco i:before{background:#372a20;width:70%;height:8%;transform:rotate(43deg);top:40%;left:10%}.ice-matcha{--ice:#91af3c}.ice-matcha i:before{background:#628533;width:40%;height:12%;left:25%;top:20%}.menu-note{font-size:9px;text-align:center;margin:30px 0 16px;opacity:.75}.original-menu{border:0;border-bottom:1px solid currentColor;background:transparent;padding:4px 0;display:block;margin:0 auto;font-size:10px}.original-menu span{margin-left:16px}footer{padding:65px 5.2% 26px;background:var(--green);color:var(--cream)}.footer-brand{display:flex;align-items:center;justify-content:space-between;font-size:clamp(45px,10.4vw,160px);line-height:1;font-weight:900;letter-spacing:-7px}.footer-brand span{font-weight:400;font-size:.9em;color:var(--yellow)}footer>div{display:flex;justify-content:space-between;border-top:1px solid #fff9ed30;padding-top:28px;margin-top:36px;font-size:9px;letter-spacing:1px}footer p{font-size:8px;opacity:.55;margin-top:35px}dialog{background:var(--cream);color:var(--green);border:0;border-radius:18px;padding:45px;width:min(500px,90vw);max-height:90svh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#12372599;backdrop-filter:blur(6px)}.close-dialog{position:absolute;top:10px;right:16px;border:0;background:none;font-size:30px}.dialog-price{font-size:23px;color:var(--orange);font-weight:800}dialog h2{font-size:33px;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.8}.dialog-plate{width:100%;max-height:280px;object-fit:contain}.dialog-original{width:100%;display:block}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important}.paused .ingredient{--p:1!important}.paused .rice-grain{transform:none!important}.paused .ingredient-copy{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.hero{padding-top:90px}.hero-copy{padding-left:2%}}@media(max-width:1050px){.hero{min-height:650px;padding-top:52px}.hero h1{font-size:74px}.hero-visual{height:500px}.plate-perspective{inset:-12% -20% -8% -17%}.price-sticker{width:120px;height:120px;bottom:12%;left:-4%}.price-sticker strong{font-size:47px}.s1{left:-5%;top:-20px}.visual-caption{left:6%;font-size:7px}.ingredient-stage{padding-left:6%;padding-right:6%}.ingredient h2{font-size:58px;letter-spacing:-3px}.ingredient-copy p{font-size:12px;max-width:285px}.menu-grid{gap:12px}.menu-item{padding:28px 13px 18px}.menu-line{flex-wrap:wrap}.menu-line strong{font-size:14px}.menu-number{font-size:6px}.intro-flower{right:8%}}@media(max-width:700px){.nav{height:80px;padding:0 6%}.brand{font-size:16px;gap:5px}.brand-fruit{font-size:43px}.nav nav{display:none}.nav-cta{font-size:10px;padding:11px 14px;gap:12px}.hero{display:flex;flex-direction:column;padding:26px 6% 65px;height:auto;min-height:975px;max-height:none}.hero-copy{position:relative;z-index:3}.hero .eyebrow{font-size:7px;letter-spacing:.5px;gap:7px}.mini-sun{font-size:22px}.hero h1{font-size:clamp(57px,14vw,83px);line-height:1.1;letter-spacing:-3px;margin:18px 0 20px}.underline{bottom:-20px;height:27px}.intro{font-size:12px;margin-top:32px;margin-bottom:18px;line-height:1.8}.button{font-size:10px;padding:15px 19px;gap:23px}.hero-note{font-size:8px;margin-top:12px}.hero-visual{width:100%;height:420px;max-height:none;margin-top:7px}.plate-perspective{inset:-22% -8% -12% -8%;perspective:1000px}.plate-plane{transform:rotateZ(-23deg) rotateX(55deg)}.s1{font-size:49px;left:3%;top:5px}.s2{font-size:50px;right:-2%;bottom:13px}.price-sticker{width:105px;height:105px;bottom:10%;left:-2%}.price-sticker small{font-size:8px}.price-sticker strong{font-size:40px}.price-sticker strong span{font-size:23px}.price-sticker>span{font-size:7px}.visual-caption{font-size:6px;left:23%;letter-spacing:.7px;bottom:3%}.hero-bottom{left:6%;right:6%;bottom:15px;font-size:6px;letter-spacing:.6px}.hero-bottom>span{display:none}.motion-toggle span{font-size:7px}.ticker{padding:16px 0}.ticker>div{font-size:18px}.ticker-unit>span{font-size:22px;margin:0 20px}.story-intro{padding:85px 6% 75px}.story-intro h2{font-size:38px;letter-spacing:-2px}.story-intro p{font-size:11px}.intro-flower{font-size:40px;right:4%;top:27px}.eyebrow{font-size:8px;letter-spacing:1px}.ingredient{height:165svh}.ingredient-stage{height:100svh;min-height:690px;padding:85px 7% 58px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.chapter{top:26px;left:7%;right:7%;font-size:7px;gap:16px}.chapter>span:first-child{font-size:9px}.progress{margin-left:0}.origin{font-size:7px;padding:7px 10px}.ingredient h2{font-size:49px;letter-spacing:-2.5px;line-height:1.1;margin:15px 0}.ingredient-copy p{font-size:11px;line-height:1.85;max-width:290px}.taste{font-size:8px;margin-top:13px;gap:8px}.taste i{font-size:19px}.ingredient-art{width:80%;align-self:center;max-width:350px;max-height:360px;margin-top:-7px}.ingredient-art>svg{width:110%;height:110%;inset:-5%}.art-label{font-size:11px;bottom:0;left:0}.art-star{font-size:40px;right:-10%;top:5%}.scroll-caption{left:7%;right:7%;bottom:20px;font-size:6px;letter-spacing:.8px}.scroll-caption>span:last-child{font-size:19px}.together{padding:70px 6% 65px}.together h2{font-size:40px;letter-spacing:-2px}.together-image{width:95%;margin:0 auto -12px}.together-sticker{width:85px;height:85px;right:-1%;font-size:7px}.together-sticker strong{font-size:12px}.together p{font-size:11px}.menu-section{padding:65px 6% 45px}.menu-heading{display:block;margin-bottom:30px}.menu-heading h2{font-size:41px;letter-spacing:-2px}.menu-heading p{font-size:10px;margin-top:20px}.menu-grid{grid-template-columns:1fr 1fr;gap:14px 12px}.menu-item{padding:27px 13px 19px}.menu-line{gap:7px;align-items:start;flex-direction:column;margin-top:8px}.menu-line strong{font-size:14px}.menu-line>span{font-size:11px}.menu-item>span:last-child{font-size:8px;min-height:28px}.menu-number{font-size:5.5px}.menu-note{font-size:7px;line-height:1.8}.original-menu{font-size:9px}footer{padding:42px 6% 22px}.footer-brand{font-size:11vw;letter-spacing:-2.5px}footer>div{font-size:6px;letter-spacing:.5px;margin-top:25px;padding-top:20px}footer p{font-size:7px;margin-top:25px}dialog{padding:35px 24px}dialog h2{font-size:27px}.dialog-price{font-size:21px}}@media(max-height:730px) and (min-width:701px){.hero{min-height:650px}.ingredient-stage{min-height:590px}.ingredient-art{max-width:450px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ingredient{--p:1!important}.ingredient-copy{opacity:1;transform:none}.rice-grain{transform:none!important}}
:root{overflow-x:clip}body{overflow-x:clip}.ingredient h2 em{color:var(--green);font-style:italic}