@font-face{font-family:Roca;src:url('assets/fonts/roca-one-rg.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Roca;src:url('assets/fonts/roca-one-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--heading:Roca,Georgia,serif;--header-height:89px}body{font-family:'DM Sans',sans-serif;padding-bottom:96px}h1,h2,h3,.hero h1,.section-heading h2,.roots-bento h3,.product-info h3{font-family:var(--heading);font-weight:400;letter-spacing:-.025em;line-height:1.12}h1 strong,h2 strong{font-weight:700}.header nav,.button,.text-link,.intro,.large-copy,.menu-toggle,.questions summary,.lineup-note,.volume-tag,.ribbon,.roots-bento figcaption{font-family:var(--heading)}.eyebrow,.announcement,.scroll-cue,.step-label,.journey-footer,.footer-bottom{font-family:'DM Sans',sans-serif;letter-spacing:.08em}.intro{font-size:1.35rem}.hero{min-height:710px;background:radial-gradient(ellipse at 90% 55%,#ffd3b8 0,transparent 54%),var(--paper)}.hero-copy{width:54%;padding:95px 1% 100px 6%;position:relative;z-index:3}.hero h1{font-size:clamp(3.1rem,5.7vw,6.4rem);line-height:1.08;font-family:var(--heading);letter-spacing:-.04em;font-weight:700;max-width:740px}.hero .intro{max-width:450px;font-size:1.3rem;line-height:1.5}.hero-background.lineup{inset:0 0 0 51%;width:49%;height:100%;background:none!important;overflow:visible;mask-image:none;-webkit-mask-image:none}.bottle{top:18%;height:61%;width:31%;overflow:visible;border-radius:0;background:none;box-shadow:none;max-height:none;filter:drop-shadow(8px 20px 9px #743f2626)}.bottle-one{left:0;transform:rotate(-12deg);z-index:3}.bottle-two{left:31%;top:14%;transform:rotate(2deg);z-index:2}.bottle-three{left:61%;top:20%;transform:rotate(13deg);z-index:1}.bottle-cutout{display:block;width:100%;height:100%;overflow:visible}.bottle-cutout image{transform:none}.lineup-note{left:22%;bottom:8%;font-size:1.15rem;transform:rotate(-5deg);line-height:1.3}.hero-spark{position:absolute;color:var(--orange);font-size:55px;pointer-events:none}.spark-one{right:11%;top:7%;transform:rotate(18deg)}.spark-two{left:8%;bottom:12%;font-size:70px}.hero .scroll-cue{font-size:.73rem}.ribbon{font-family:var(--heading);font-size:1.6rem;font-weight:700;letter-spacing:0}.ribbon-group b{font-weight:400}.roots:after,.flavors:before,.stockists:before{display:none!important}.section-wave{position:absolute;top:-79px;left:0;width:100%;height:80px;pointer-events:none;z-index:2;display:block}.roots{padding-bottom:155px}.roots .section-heading{position:relative}.section-heading h2{font-family:var(--heading);font-size:clamp(3rem,5.4vw,5.5rem)}.roots-bento h3{font-size:clamp(2rem,3vw,3.2rem)}.roots-bento p{font-size:1.1rem;line-height:1.7}.flavors{padding-top:65px;padding-bottom:120px}.flavors .split-heading h2{font-size:clamp(3rem,5vw,5.4rem)}.original-product{border-radius:28px!important;height:430px!important;background:var(--product-color)!important;isolation:isolate}.product-kunyit-asam{--product-color:#ffac81!important;background:linear-gradient(135deg,#ffcba5,#f98c5b)!important}.product-kunyit-sirih{--product-color:#b8d984!important;background:linear-gradient(135deg,#d2eca7,#8fbc56)!important}.product-jahe-kunyit{--product-color:#f5cb63!important;background:linear-gradient(135deg,#ffe497,#eeb94b)!important}.original-photo{position:absolute;inset:30px 25% 64px;filter:drop-shadow(8px 17px 7px #58371d25)}.original-photo .bottle-cutout{height:100%;width:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.product-card a:hover .bottle-cutout{transform:rotate(-4deg) translateY(-5px)}.volume-tag{background:#fffdf9cc;bottom:17px;left:22px;right:22px;font-size:.85rem}.product-spark{position:absolute;left:9%;top:12%;font-size:42px;color:#fff9d9;transform:rotate(10deg)}.product-info h3{font-size:1.65rem}.product-info p{font-family:'DM Sans';font-size:1rem}.ritual{position:relative;padding-bottom:50px}.stockists{padding-top:70px;padding-bottom:150px}.stockists h2{font-family:var(--heading);font-size:clamp(3.1rem,6vw,6rem)}.partner{position:relative;padding-top:45px}.partner h2{font-family:var(--heading)}footer{padding-bottom:50px}.floating-actions{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:50;display:flex;padding:7px;gap:6px;background:#fffdf9ed;backdrop-filter:blur(18px);border:1px solid #173b3920;border-radius:999px;box-shadow:0 8px 30px #15373330;white-space:nowrap}.floating-actions button,.floating-actions a{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:99px;min-height:48px;padding:12px 22px;background:var(--ink);color:white;font-family:var(--heading);font-size:.95rem}.floating-actions a{background:#e5edc9;color:var(--ink)}.floating-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.floating-actions a:hover,.floating-actions button:hover{filter:brightness(1.08)}
/* Scroll distance is measured from the actual track, rather than blocking wheel events. */
.process-journey{position:relative;background:#b8d7ed;height:auto;scroll-margin-top:89px}.journey-stage{padding:35px 0 80px}.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 6%;margin-bottom:24px}.journey-heading .eyebrow{font-size:.74rem;margin-bottom:12px}.journey-heading h2{font-family:var(--heading);font-size:clamp(2.5rem,4.4vw,4.8rem);margin:0;line-height:1.1}.journey-heading h2 em{color:var(--ink)}.journey-skip{flex-shrink:0;font-size:.85rem}.journey-window{overflow-x:auto;scrollbar-width:thin;padding:0 6% 6px}.journey-track{display:flex;gap:28px;width:max-content}.journey-card{width:min(70vw,850px);height:420px;display:grid;grid-template-columns:48% 52%;background:#fff9ed;border-radius:28px;overflow:hidden;flex-shrink:0}.journey-image{position:relative;height:100%;overflow:hidden;background:#ffc190}.journey-image>img{width:100%;height:100%;object-fit:cover}.journey-card-copy{display:flex;flex-direction:column;justify-content:center;padding:38px}.step-label{font-size:.8rem;margin-bottom:24px}.journey-card h3{font-size:clamp(1.9rem,3vw,3.1rem);margin-bottom:22px}.journey-card p{font-size:1.06rem;margin:0;line-height:1.65}.journey-card .text-link{align-self:flex-start;margin-top:22px}.step-1{background:#d8eee8}.step-2{background:#ffe1d4}.step-3{background:#f5e8b6}.step-4{background:#dfeac6}.process-bottle{height:84%;width:48%;position:absolute;left:26%;top:8%;transform:rotate(-7deg);filter:drop-shadow(6px 14px 7px #753d2528)}.process-seal{position:absolute;bottom:22px;right:16px;transform:rotate(10deg);font:700 .8rem var(--heading);text-align:center;padding:16px 12px;border:1px solid #173b39;border-radius:50%;background:#e5edc9}.journey-footer{padding:20px 6% 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.68rem}.journey-dots{display:flex;gap:8px}.journey-dots button{width:36px;height:36px;border:1px solid #173b3960;border-radius:50%;font-family:var(--heading);font-size:.75rem;background:transparent;color:var(--ink)}.journey-dots button[aria-current]{background:var(--ink);color:white}.journey-disclosure{font-size:.64rem;letter-spacing:.02em;max-width:125px}.journey-enhanced .journey-stage{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));display:flex;flex-direction:column;padding-top:28px;padding-bottom:105px}.journey-enhanced .journey-window{overflow:hidden;flex:1;min-height:0}.journey-enhanced .journey-track{height:100%;will-change:transform}.journey-enhanced .journey-card{height:100%;max-height:490px}.journey-enhanced .journey-footer{flex-shrink:0}.journey-hint{max-width:220px;line-height:1.5}
/* Progressive reveal: text remains visible without JavaScript or with reduced motion. */
.reveal-line{display:block;overflow:visible}.reveal-line>span{display:block}.motion-ready .reveal-item{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal-item.is-visible{opacity:1;transform:none}.motion-ready .reveal-heading .reveal-line>span{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--line-delay,0ms)}.motion-ready .reveal-heading.is-visible .reveal-line>span{opacity:1;transform:none}.hero .reveal-heading .reveal-line>span{transition-duration:1.1s}.ingredient{display:block;position:absolute;width:110px;height:110px;background-image:url('assets/ingredient-accents.webp');background-size:300% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none;z-index:1}.ingredient-turmeric{background-position:0 0}.ingredient-ginger{background-position:50% 0}.ingredient-clove{background-position:100% 0}.ingredient-leaf{background-position:0 100%}.ingredient-rice{background-position:50% 100%}.ingredient-kencur{background-position:100% 100%}.lineup .ingredient-turmeric{left:-3%;bottom:9%;width:135px;height:135px;transform:rotate(-15deg)}.lineup .ingredient-leaf{right:0;top:5%;width:120px;height:120px;transform:rotate(24deg)}.roots>.ingredient-ginger{top:50px;right:8%;transform:rotate(-20deg)}.roots>.ingredient-clove{top:90px;left:8%;width:80px;height:80px;transform:rotate(18deg)}.stockists>.ingredient-rice{top:80px;right:8%;transform:rotate(25deg)}.stockists>.ingredient-kencur{top:90px;left:7%;transform:rotate(-16deg)}
@media(max-width:1000px){.hero-copy{width:54%;padding-top:80px}.hero h1{font-size:clamp(3rem,5.8vw,4.9rem)}.hero{min-height:650px}.bottle{height:58%;top:20%}.bottle-two{top:16%}.bottle-three{top:22%}.journey-card{width:82vw}.journey-card-copy{padding:28px}.journey-card h3{font-size:2.2rem}.original-product{height:390px!important}.original-photo{inset:28px 23% 65px}.hero .actions{gap:16px}.hero .button,.hero .text-link{font-size:.88rem}.journey-disclosure{display:none}}
@media(max-width:700px){:root{--header-height:73px}body{padding-bottom:90px}.header{min-height:73px}.hero{min-height:780px}.hero-copy{width:100%;padding:38px 6% 0}.hero h1{font-size:clamp(2.7rem,10.8vw,4.5rem);line-height:1.12;letter-spacing:-.04em}.hero .intro{font-size:1.15rem;max-width:320px}.hero-background.lineup{inset:auto 3% 20px;width:94%;height:350px;overflow:visible}.bottle{width:29%;height:82%;top:8%;max-height:none}.bottle-one{left:3%;transform:rotate(-10deg)}.bottle-two{left:35%;top:3%}.bottle-three{left:66%;top:9%;transform:rotate(10deg)}.lineup-note{left:27%;bottom:-2%;font-size:.85rem}.hero-spark{font-size:30px}.spark-one{right:0;top:0}.spark-two{display:none}.section-wave{height:48px;top:-47px}.roots{padding-bottom:110px}.section-heading h2{font-size:2.9rem}.flavors{padding-top:45px;padding-bottom:90px}.flavors .split-heading h2{font-size:2.9rem}.original-product{height:430px!important;max-width:none}.original-photo{inset:25px 27% 65px}.product-info{max-width:none}.product-info h3{font-size:1.7rem}.product-grid{gap:35px}.ritual-copy h2{font-family:var(--heading);font-size:3.2rem}.stockists{padding-top:55px;padding-bottom:100px}.stockists h2{font-size:3.2rem}.floating-actions{width:calc(100% - 30px);max-width:370px;bottom:max(12px,env(safe-area-inset-bottom));padding:6px;gap:5px}.floating-actions button,.floating-actions a{padding:12px 13px;gap:7px;min-height:46px;font-size:.85rem;flex:1}.floating-actions button{flex:1.45}.floating-actions svg{width:19px;height:19px;flex-shrink:0}.journey-heading{padding:0 6%;margin-bottom:18px;display:block}.journey-heading .eyebrow{font-size:.65rem;margin-bottom:10px}.journey-heading h2{font-size:2.25rem;max-width:330px}.journey-skip{display:none}.journey-card{width:84vw;height:470px;display:flex;flex-direction:column;border-radius:22px}.journey-image{height:52%;flex-shrink:0;min-height:0}.journey-card-copy{padding:20px 22px;flex:1;justify-content:center}.step-label{font-size:.65rem;margin-bottom:10px}.journey-card h3{font-size:1.6rem;line-height:1.12;margin-bottom:10px}.journey-card p{font-size:.9rem;line-height:1.5}.journey-card .text-link{font-size:.8rem;margin-top:12px}.journey-track{gap:18px}.journey-enhanced .journey-stage{padding-top:25px;padding-bottom:105px}.journey-enhanced .journey-card{max-height:none}.journey-footer{padding-top:13px;gap:10px}.journey-hint{max-width:100px;font-size:.53rem}.journey-dots{gap:5px}.journey-dots button{width:30px;height:30px;font-size:.65rem}.process-seal{font-size:.6rem;padding:12px}.process-bottle{width:34%;left:33%;height:90%;top:5%}.lineup .ingredient-turmeric{width:80px;height:80px;left:-1%;bottom:0}.lineup .ingredient-leaf{width:75px;height:75px;right:0;top:-5px}.roots>.ingredient-ginger{width:70px;height:70px;top:32px;right:5%}.roots>.ingredient-clove{display:none}.stockists>.ingredient-rice{width:65px;height:65px;right:2%;top:18px}.stockists>.ingredient-kencur{width:65px;height:65px;left:1%;top:22px}}
@media(max-height:650px) and (min-width:701px){.journey-heading h2{font-size:2.5rem}.journey-heading{margin-bottom:15px}.journey-card h3{font-size:1.8rem}.journey-card p{font-size:.9rem}.journey-card-copy{padding:20px}.step-label{margin-bottom:12px}.journey-enhanced .journey-stage{padding-top:18px;padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){.reveal-item,.reveal-heading .reveal-line>span{opacity:1!important;transform:none!important;transition:none!important}.journey-track{transform:none!important}.journey-window{overflow-x:auto}.journey-hint{visibility:hidden}.original-photo .bottle-cutout{transition:none}}
.hero-background.lineup{z-index:auto}.hero h1 .reveal-line{color:var(--ink)}.hero h1 .reveal-line>span{color:inherit}.hero h1 .reveal-line:nth-child(2){color:var(--orange)}.ingredient-kencur{background-image:url('assets/kencur-accent.webp');background-size:100% 100%;background-position:center}.ingredient{mask-image:radial-gradient(ellipse,#000 45%,#000d 58%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse,#000 45%,#000d 58%,transparent 74%)}
html,body{overflow-x:clip}.process-journey{scroll-margin-top:0}
@media(max-width:700px){.hero{min-height:730px}.lineup .ingredient-leaf{width:58px;height:58px;top:-20px;right:-1%}.lineup .spark-one{display:none}}
@media(max-width:700px) and (max-height:740px){.journey-heading h2{font-size:1.85rem;max-width:none}.journey-heading .eyebrow{font-size:.58rem}.journey-heading{margin-bottom:12px}.journey-enhanced .journey-stage{padding-top:18px;padding-bottom:100px}.journey-image{height:45%}.journey-card-copy{padding:15px 18px}.journey-card h3{font-size:1.35rem;margin-bottom:8px}.journey-card p{font-size:.83rem;line-height:1.4}.step-label{margin-bottom:8px}.journey-footer{padding-top:9px}.journey-card .text-link{margin-top:6px;font-size:.75rem}}