@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-opsz-normal.D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-opsz-normal.IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-opsz-normal.Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-ext-wght-normal.DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-wght-normal.D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/lalezar-arabic-400-normal.D6_F3AeY.woff2)format("woff2"),url(/_astro/lalezar-arabic-400-normal.BT7j_n2X.woff)format("woff")}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/_astro/baloo-bhaijaan-2-arabic-wght-normal.CRcpK9-Q.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/_astro/baloo-bhaijaan-2-vietnamese-wght-normal.BbBSjvDu.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/_astro/baloo-bhaijaan-2-latin-ext-wght-normal.CVnLRR-E.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/_astro/baloo-bhaijaan-2-latin-wght-normal.Dg-XQwW0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--white:#fff;--top:#e4f1cb;--mist:#f2f7e8;--pista-soft:#ddefc0;--pista:#aed46e;--pista-deep:#86b544;--leaf:#2d5a1e;--syrup:#f7892b;--syrup-soft:#ffe2c2;--syrup-deep:#b8520b;--butter:#ffd95c;--butter-soft:#fff3c7;--ink:#1c2a17;--ink-2:#53624b;--line:#e2e9d6;--line-strong:#d3ddc3;--shadow-sm:0 1px 2px #1c2a170f, 0 3px 10px -2px #1c2a1712;--shadow-md:0 2px 6px #1c2a170d, 0 16px 36px -14px #1c2a1738;--shadow-lg:0 6px 14px #1c2a170f, 0 34px 70px -24px #1c2a1761;--font-display:"Bricolage Grotesque Variable", "Figtree Variable", system-ui, sans-serif;--font-body:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--header-h:64px;--stick-top:0px;--gutter:20px;--ease:cubic-bezier(.2, .7, .2, 1)}html[lang=ar]{--font-display:"Lalezar", "Bricolage Grotesque Variable", system-ui, sans-serif;--font-body:"Figtree Variable", "Baloo Bhaijaan 2 Variable", system-ui, sans-serif}@media (width>=1024px){:root{--header-h:76px;--stick-top:76px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--stick-top) + 16px)}html.is-embedded{scrollbar-width:none}html.is-embedded::-webkit-scrollbar{display:none}html.sheet-open{overflow:hidden}body{font-family:var(--font-body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.55;overflow-x:clip}html[lang=ar] body{line-height:1.75}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p,figure,dl,dd,ol,ul{margin:0}ol,ul{padding:0;list-style:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--leaf);outline-offset:3px}.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}.wrap{width:min(100% - 2 * var(--gutter), 1240px);margin-inline:auto}.display{font-family:var(--font-display);letter-spacing:-.035em;font-synthesis:none;font-weight:800;line-height:.98}html[lang=ar] .display{letter-spacing:0;font-weight:400;line-height:1.3}[dir=rtl] .flip-rtl,[dir=ltr] .flip-ltr{transform:scaleX(-1)}.demo-banner{background:var(--ink);color:#e4f1cb;text-align:center;padding:7px 16px;font-size:12.5px;font-weight:600;line-height:1.4}.skip{z-index:100;inset-inline-start:12px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none;position:absolute;top:-80px}.skip:focus{top:12px}.btn{white-space:nowrap;min-height:48px;transition:transform .18s var(--ease), box-shadow .25s var(--ease), background-color .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:0 22px;font-size:1rem;font-weight:750;line-height:1.1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn-lg{min-height:56px;padding:0 28px;font-size:1.06rem}.btn-block{width:100%}.btn-syrup{color:var(--ink);background:linear-gradient(#ffa04a 0%,#f2801f 100%);box-shadow:inset 0 1px #ffffff73,0 10px 22px -10px #d6620abf}.btn-ghost{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong), var(--shadow-sm)}.btn-leaf{color:#fff;background:linear-gradient(#3a6f27 0%,#2d5a1e 100%);box-shadow:inset 0 1px #ffffff2e,0 12px 24px -12px #2d5a1ecc}.btn-ink{background:var(--ink);color:#fff;box-shadow:0 12px 24px -14px #1c2a17cc}@media (hover:hover){.btn:hover{transform:translateY(-2px)}.btn-syrup:hover{box-shadow:inset 0 1px #ffffff73,0 16px 30px -12px #d6620ad9}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--pista-deep), var(--shadow-md)}.btn-leaf:hover,.btn-ink:hover{box-shadow:0 18px 30px -14px #1c2a17d9}}.site-header{z-index:50;background:var(--top);transition:background-color .3s,box-shadow .3s;position:relative}@media (width>=1024px){.site-header{position:sticky;top:0}.site-header.is-scrolled{background:var(--white);box-shadow:0 1px 0 var(--line), 0 10px 30px -22px #1c2a1773}}.header-inner{height:var(--header-h);align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:9px;min-height:44px;margin-inline-end:auto;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:34px;height:34px}.brand-name{font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;font-size:1.12rem;font-weight:800}.brand-name em{color:var(--syrup-deep);font-style:normal}html[lang=ar] .brand-name{letter-spacing:0;font-size:1.4rem;font-weight:400}.nav{display:none}.lang{gap:3px;display:flex}.lang a{width:44px;height:44px;transition:background-color .2s, box-shadow .2s, transform .2s var(--ease);border-radius:50%;place-items:center;padding:0;font-size:.8rem;font-weight:750;text-decoration:none;display:grid;box-shadow:inset 0 0 0 1.5px #1c2a1729}.lang a[aria-current]{background:var(--syrup);color:var(--ink);box-shadow:inset 0 -2px #a0460059}@media (hover:hover){.lang a:not([aria-current]):hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:rotate(-8deg)}}.header-end{align-items:center;gap:10px;display:flex}.basket-pill{display:none}@media (width>=400px){.brand-name{font-size:1.22rem}.brand-mark{width:36px;height:36px}}@media (width>=1024px){.brand{margin-inline-end:0}.brand-name{font-size:1.32rem}html[lang=ar] .brand-name{font-size:1.6rem}.nav{gap:2px;margin-inline:auto;display:flex}.nav a{border-radius:999px;align-items:center;min-height:44px;padding:0 15px;font-weight:650;text-decoration:none;transition:background-color .2s;display:inline-flex}.nav a:hover{background:#ffffffbf}.is-scrolled .nav a:hover{background:var(--mist)}.basket-pill{background:var(--ink);color:#fff;height:44px;transition:transform .2s var(--ease);border-radius:999px;align-items:center;gap:9px;padding:0 18px 0 14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 22px -14px #1c2a17e6}.basket-pill:hover{transform:translateY(-1px)}.pill-count{background:var(--white);min-width:24px;height:24px;color:var(--ink);border-radius:999px;place-items:center;padding:0 7px;font-size:.78rem;font-weight:800;transition:background-color .2s;display:grid}.basket-pill.has-items .pill-count{background:var(--syrup)}.pill-total{font-variant-numeric:tabular-nums;font-size:.95rem}}.status-chip{background:var(--white);box-shadow:var(--shadow-sm);color:var(--ink);border-radius:999px;align-items:center;gap:9px;padding:8px 16px 8px 13px;font-size:.9rem;font-weight:700;display:inline-flex}[dir=rtl] .status-chip{padding:8px 13px 8px 16px}.status-dot{background:#b8c2ae;border-radius:50%;flex:none;width:9px;height:9px}.status-chip.is-open .status-dot{background:#3aa936;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #3aa9362e}.status-chip.is-closed .status-dot{background:var(--syrup);box-shadow:0 0 0 4px #f7892b33}@keyframes pulse{50%{box-shadow:0 0 0 7px #3aa9360f}}.hero{background:radial-gradient(900px 520px at 88% 0%, #ffffffb3 0%, #fff0 60%), linear-gradient(180deg, var(--top) 0%, #ecf5db 55%, #f7fbef 100%);padding-block:20px 64px;position:relative}.hero-grid{align-items:center;gap:52px;display:grid}.hero-title{color:var(--ink);margin-top:22px;font-size:clamp(2.85rem,1.5rem + 5.4vw,5.7rem)}.hero-line{display:block}.hero-line.hl-2{background:linear-gradient(180deg, transparent 58%, var(--butter) 58%, var(--butter) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.06em;display:inline}html[lang=ar] .hero-title{font-size:clamp(2.6rem,1.5rem + 4.6vw,5.1rem);line-height:1.22}html[lang=ar] .hero-line.hl-2{background:linear-gradient(180deg, transparent 55%, var(--butter) 55%, var(--butter) 88%, transparent 88%)}.hero-sub{max-width:34em;color:var(--ink-2);margin-top:22px;font-size:clamp(1.05rem,.96rem + .4vw,1.24rem)}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-ctas .btn{flex:auto}.hero-facts{color:var(--ink-2);gap:12px;margin-top:30px;font-size:.93rem;font-weight:650;line-height:1.35;display:grid}.hero-facts li{align-items:center;gap:10px;display:flex}.fact-ico{background:var(--white);width:32px;height:32px;color:var(--leaf);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;display:grid}.hero-art{isolation:isolate;aspect-ratio:4/5;width:min(100% - 12px,470px);margin-inline:auto;position:relative}.art-tile{z-index:-1;background:linear-gradient(150deg,#ffb663 0%,#f7892b 55%,#ec7414 100%);border-radius:40px;position:absolute;inset-block:7% -4%;inset-inline:10% -12px;box-shadow:0 30px 60px -30px #d6620a99,inset 0 1px #ffffff59}.art-photo{box-shadow:var(--shadow-lg);background:#e9dcc6;border-radius:34px;position:absolute;inset:0;overflow:hidden}.art-photo img{object-fit:cover;width:100%;height:100%}.art-kopi{width:38%;box-shadow:var(--shadow-md);background:linear-gradient(170deg,#ffe88f 0%,#ffd34a 100%);border-radius:24px;padding:7px 7px 9px;position:absolute;inset-block-end:6%;inset-inline-start:-10px;transform:rotate(-4deg)}[dir=rtl] .art-kopi{transform:rotate(4deg)}.art-kopi img{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%}.art-kopi-cap{font-family:var(--font-display);letter-spacing:-.01em;justify-content:space-between;gap:6px;padding:7px 5px 0;font-size:.86rem;font-weight:800;line-height:1.1;display:flex}html[lang=ar] .art-kopi-cap{font-size:.95rem;font-weight:400}.art-sticker{background:var(--leaf);color:#f1f9dc;text-align:center;width:92px;height:92px;font-family:var(--font-display);letter-spacing:-.01em;box-shadow:inset 0 0 0 5px var(--leaf), inset 0 0 0 6.5px #f1f9dc8c, 0 14px 26px -12px #19320fb3;border-radius:50%;place-items:center;padding:12px;font-size:.86rem;font-weight:800;line-height:1.05;display:grid;position:absolute;inset-block-start:-14px;inset-inline-end:-6px;transform:rotate(9deg)}[dir=rtl] .art-sticker{transform:rotate(-9deg)}html[lang=ar] .art-sticker{font-size:.95rem;font-weight:400;line-height:1.25}@media (width<=1023px){.hero-grid{gap:0}.hero-copy{display:contents}.hero-copy>.status-chip{order:1;justify-self:start}.hero-title{order:2}.hero-art{order:3;margin-top:30px}.hero-sub{order:4;margin-top:34px}.hero-ctas{order:5}.hero-facts{order:6}}@media (width<=699px){.hero-art{aspect-ratio:1}.art-photo img{object-position:50% 58%}}@media (width>=700px){.hero-ctas .btn{flex:none}.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:640px}.art-sticker{width:110px;height:110px;font-size:1rem;inset-inline-end:-16px}.art-kopi-cap{font-size:1rem}}@media (width>=1024px){.hero{padding-block:28px 96px}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px}.hero-title{margin-top:26px}.hero-art{justify-self:end;width:100%;max-width:480px;margin-inline:0}.art-tile{border-radius:46px;inset-block:8% -5%;inset-inline:12% -16px}.art-sticker{inset-inline-end:-6px}.art-kopi{border-radius:28px;width:40%;padding:9px 9px 11px;inset-inline-start:-16%}.art-kopi img{border-radius:21px}}.hero-copy>*{animation:rise .8s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:70ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.hero-art{animation:pop 1s .15s var(--ease) both}.art-kopi{animation:drop .9s .55s var(--ease) both}.art-sticker{animation:drop .9s .7s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes pop{0%{opacity:0;transform:translateY(26px)scale(.97)}}@keyframes drop{0%{opacity:0;translate:0 -14px}}.section-head{max-width:680px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--syrup-deep);align-items:center;gap:8px;margin-bottom:14px;font-size:.8rem;font-weight:800;display:inline-flex}html[lang=ar] .eyebrow{letter-spacing:0;text-transform:none;font-size:.98rem}.h2{font-size:clamp(2.1rem,1.35rem + 2.9vw,3.6rem)}html[lang=ar] .h2{font-size:clamp(2rem,1.35rem + 2.4vw,3.2rem);line-height:1.3}.lede{color:var(--ink-2);margin-top:14px;font-size:1.1rem}.sigs{background:var(--white);padding-block:88px 80px}.sig-row{margin-top:34px;margin-inline:calc(-1 * var(--gutter));padding:6px var(--gutter) 30px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain;grid-auto-columns:min(84%,340px);grid-auto-flow:column;gap:14px;display:grid;overflow-x:auto}.sig-row::-webkit-scrollbar{display:none}.sig-card{scroll-snap-align:start;box-shadow:var(--shadow-md);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:34px;flex-direction:column;padding:12px;display:flex}.tone-syrup{background:linear-gradient(165deg,#ffc47f 0%,#ffa246 100%)}.tone-pista{background:linear-gradient(165deg,#d3eaa3 0%,#afd46e 100%)}.tone-butter{background:linear-gradient(165deg,#ffeb9e 0%,#ffd552 100%)}.sig-photo{aspect-ratio:1;background:#fff6;border-radius:25px;overflow:hidden;box-shadow:0 12px 26px -16px #2819058c}.sig-photo img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.sig-body{flex-direction:column;flex:1;padding:18px 8px 6px;display:flex}.sig-name{font-size:clamp(1.6rem,1.3rem + .9vw,2rem)}html[lang=ar] .sig-name{font-size:clamp(1.7rem,1.4rem + .9vw,2.1rem)}.sig-blurb{color:#1c2a17cc;flex:1;margin-top:8px;font-size:.98rem}.sig-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.sig-price{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;font-weight:800}@media (width>=700px){.sig-row{grid-auto-columns:calc(50% - 7px)}}@media (width>=1024px){.sigs{padding-block:120px 110px}.sig-row{margin-inline:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:24px;margin-top:48px;padding:0;overflow:visible}.sig-card{border-radius:38px;padding:14px}}@media (hover:hover) and (width>=1024px){.sig-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.sig-card:hover .sig-photo img{transform:scale(1.045)}}.stepper{border-radius:999px;flex:none;align-items:center;height:44px;transition:background-color .2s,box-shadow .2s;display:inline-flex}.step-btn{width:44px;height:44px;color:var(--ink);transition:transform .15s var(--ease), background-color .2s;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.step-btn:active{transform:scale(.88)}.step-add{background:var(--syrup);box-shadow:0 6px 14px -6px #d6620ad9,inset 0 1px #fff6}.step-qty{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-weight:800}.stepper:not(.has-qty) .step-sub,.stepper:not(.has-qty) .step-qty{display:none}.stepper.has-qty{background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line-strong), var(--shadow-sm)}.stepper.has-qty .step-add{animation:tap .3s var(--ease)}.step-add-label{display:none}.stepper-wide:not(.has-qty) .step-add{background:var(--ink);color:#fff;border-radius:999px;gap:6px;width:auto;padding-inline:14px 20px;font-weight:750;display:inline-flex;box-shadow:0 10px 20px -12px #1c2a17e6}.stepper-wide:not(.has-qty) .step-add-label{display:inline}@media (hover:hover){.step-add:hover{background-color:#ff9a45}.stepper-wide:not(.has-qty) .step-add:hover{background:#2b3d24}.step-sub:hover{background:var(--mist)}}@keyframes tap{40%{transform:scale(1.12)}}.order{background:linear-gradient(180deg, var(--mist) 0%, #f6faef 100%);padding-block:88px 96px}.order-head{max-width:780px}.steps{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.steps li{background:var(--white);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;padding-block:7px;padding-inline:7px 16px;font-size:.94rem;font-weight:650;display:inline-flex}.step-num{background:var(--pista);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.84rem;font-weight:800;display:grid}.order-layout{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:36px;display:grid}.menu-col{min-width:0}.search{position:relative}.search input{background:var(--white);width:100%;height:56px;box-shadow:inset 0 0 0 1.5px var(--line), var(--shadow-sm);-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding-inline:52px;font-size:1rem;transition:box-shadow .2s}.search input::placeholder{color:#87947e}.search input:focus{box-shadow:inset 0 0 0 2px var(--leaf), var(--shadow-md);outline:none}.search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-ico{inset-inline-start:20px;color:var(--ink-2);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.search-clear{inset-inline-end:6px;background:var(--mist);width:44px;height:44px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px}.chips-bar{top:var(--stick-top);z-index:20;margin-inline:calc(-1 * var(--gutter));background:linear-gradient(180deg, var(--mist) 0%, var(--mist) 78%, #f2f7e800 100%);padding-block:12px 14px;position:sticky}.chips{padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding-block:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--white);white-space:nowrap;height:44px;box-shadow:inset 0 0 0 1.5px var(--line), var(--shadow-sm);border:0;border-radius:999px;flex:none;padding:0 18px;font-size:.94rem;font-weight:700;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 8px 18px -10px #1c2a17cc}@media (hover:hover){.chip[aria-pressed=false]:hover{box-shadow:inset 0 0 0 1.5px var(--pista-deep), var(--shadow-sm)}}.menu-group{margin-top:26px}.menu-group:first-child{margin-top:10px}.group-title{margin-bottom:14px;font-size:1.65rem}html[lang=ar] .group-title{font-size:1.8rem}.items{gap:12px;display:grid}.item{background:var(--white);box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease), transform .25s var(--ease);border-radius:24px;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:12px;display:grid}.item-thumb{aspect-ratio:1;color:#1c2a1780;border-radius:18px;align-self:start;place-items:center;display:grid;overflow:hidden}.item-thumb img{object-fit:cover;width:100%;height:100%}.tile-syrup{background:linear-gradient(160deg,#ffe7cb,#ffd3a3)}.tile-pista{background:linear-gradient(160deg,#e7f4cf,#cfe6a6)}.tile-butter{background:linear-gradient(160deg,#fff5cc,#ffe48a)}.item-body{flex-direction:column;min-width:0;display:flex}.item-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.item-name{font-size:1.03rem;font-weight:750;line-height:1.28}.item-tag{background:var(--butter-soft);color:#785000;border-radius:999px;flex:none;margin-top:1px;padding:3px 9px;font-size:.72rem;font-weight:800;line-height:1.35}.item-desc{color:var(--ink-2);margin-top:4px;font-size:.9rem;line-height:1.45}.item-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.item-price{font-variant-numeric:tabular-nums;font-size:1.02rem;font-weight:800}.no-results{background:var(--white);color:var(--ink-2);text-align:center;box-shadow:var(--shadow-sm);border-radius:20px;margin-top:28px;padding:22px}@media (hover:hover){.item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}@media (width>=480px){.item{grid-template-columns:104px minmax(0,1fr)}}@media (width>=720px){.items{grid-template-columns:repeat(2,minmax(0,1fr))}}.basket{background:var(--white);box-shadow:var(--shadow-md);border-radius:30px;outline:none;padding:24px}.basket-head{align-items:center;gap:8px;display:flex}.basket-heading{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-inline-end:auto;display:flex}.basket-title{font-size:1.65rem}html[lang=ar] .basket-title{font-size:1.8rem}.basket-count{background:var(--mist);color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:750}.basket-count:empty{display:none}.link-btn{min-height:44px;color:var(--syrup-deep);text-underline-offset:3px;background:0 0;border:0;padding:0 8px;font-weight:750;text-decoration:underline}.sheet-close{display:none}.basket-empty{color:var(--ink-2);padding:16px 0 4px}.lines{border-top:1.5px dashed var(--line-strong);margin-top:14px}.lines:empty{display:none}.line{border-bottom:1.5px dashed var(--line-strong);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:8px 0;display:grid}.line-name{font-size:.95rem;font-weight:650;line-height:1.3}.mini-step{order:2;align-items:center;display:inline-flex}.mini-step button{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.mini-step button span{background:var(--mist);border-radius:50%;place-items:center;width:28px;height:28px;font-size:1.05rem;font-weight:800;line-height:1;transition:background-color .2s;display:grid}.mini-step button:hover span{background:var(--pista-soft)}.mini-qty{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-weight:800}.line-price{text-align:end;font-variant-numeric:tabular-nums;order:3;min-width:68px;font-size:.95rem;font-weight:750}[dir=rtl] .line-price{text-align:start}.basket-form{gap:14px;margin-top:22px;display:grid}.field label{margin-bottom:6px;font-size:.88rem;font-weight:750;display:block}.field input,.field select{background:var(--mist);width:100%;height:50px;color:var(--ink);border:0;border-radius:14px;padding-inline:16px;font-size:1rem;transition:box-shadow .2s,background-color .2s;box-shadow:inset 0 0 0 1.5px #0000}.field input::placeholder{color:#8a9681}.field input:focus,.field select:focus{background:var(--white);box-shadow:inset 0 0 0 2px var(--leaf);outline:none}.field input[aria-invalid=true]{background:#fff4f0;box-shadow:inset 0 0 0 2px #c8411b}.select-wrap{position:relative}.field select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-inline-end:44px}.select-chev{inset-inline-end:14px;pointer-events:none;color:var(--ink-2);position:absolute;top:50%;translate:0 -50%;rotate:90deg}.basket-total{border-top:1.5px solid var(--line-strong);justify-content:space-between;align-items:baseline;gap:12px;margin-top:20px;padding-top:16px;display:flex}.basket-total span{font-weight:750}.basket-total strong{font-family:"Bricolage Grotesque Variable", var(--font-body);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.form-error{color:#b3361a;margin-top:10px;font-size:.92rem;font-weight:700}.form-error:empty{display:none}.basket .btn-leaf{margin-top:14px}.fine{color:var(--ink-2);text-align:center;margin-top:12px;font-size:.82rem}.sent-msg{background:var(--pista-soft);border-radius:14px;margin-top:12px;padding:10px 14px;font-size:.9rem}.sent-msg a{font-weight:800}@media (width>=1024px){.order{padding-block:120px 128px}.order-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:36px;margin-top:48px}.chips-bar{margin-inline:0}.chips{flex-wrap:wrap;padding-inline:0;overflow:visible}.basket{top:calc(var(--header-h) + 20px);max-height:calc(100vh - var(--header-h) - 40px);overscroll-behavior:contain;scrollbar-width:thin;position:sticky;overflow:auto}}@media (width<=1023px){.basket{z-index:80;inset-inline:0;overscroll-behavior:contain;max-height:min(88vh,760px);padding:14px 20px calc(24px + env(safe-area-inset-bottom));visibility:hidden;transition:transform .4s var(--ease), visibility 0s linear .4s;border-radius:28px 28px 0 0;position:fixed;bottom:0;overflow:auto;transform:translateY(104%);box-shadow:0 -24px 60px -24px #121c0e73}.basket:before{content:"";background:var(--line-strong);border-radius:3px;width:44px;height:5px;margin:0 auto 12px;display:block}.basket.is-open{visibility:visible;transition:transform .4s var(--ease), visibility 0s;transform:none}.sheet-close{background:var(--mist);border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}}.sheet-backdrop{z-index:70;opacity:0;background:#121c0e80;transition:opacity .3s;position:fixed;inset:0}.sheet-backdrop.is-on{opacity:1}.actionbar{z-index:60;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #26381f 0%, var(--ink) 100%);color:#fff;border-radius:22px;align-items:center;gap:12px;min-height:64px;padding-block:8px;padding-inline:18px 8px;display:flex;position:fixed;box-shadow:0 20px 40px -16px #121c0eb3,inset 0 1px #ffffff14}.ab-info{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.ab-idle{font-size:.94rem;font-weight:700}.ab-count{color:#c7d6b4;font-size:.8rem;font-weight:650}.ab-total{font-family:"Bricolage Grotesque Variable", var(--font-body);letter-spacing:-.02em;font-size:1.32rem;font-weight:800}[dir=rtl] .ab-total{text-align:right}.ab-btn{flex:none;min-height:48px;padding:0 20px}.bump{animation:bump .45s var(--ease)}@keyframes bump{35%{transform:scale(1.045)}}@media (width>=1024px){.actionbar{display:none}}.wa-float{display:none}@media (width>=1024px){.wa-float{z-index:55;inset-inline-end:24px;color:#fff;width:60px;height:60px;transition:transform .3s var(--ease), opacity .3s, visibility 0s;background:linear-gradient(#2fdc6f 0%,#1fb857 100%);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;box-shadow:0 16px 30px -12px #128c3cb3}.wa-float:hover{transform:translateY(-3px)scale(1.04)}.wa-float.is-away{opacity:0;visibility:hidden;transition:transform .3s,opacity .3s,visibility 0s linear .3s;transform:translateY(16px)scale(.9)}}.story{background:var(--white);padding-block:88px 40px}.story-card{background:linear-gradient(160deg,#ffedd8 0%,#ffdcb4 100%);border-radius:40px;gap:40px;padding:26px 20px 30px;display:grid;box-shadow:inset 0 1px #fff9,0 30px 60px -40px #d6620a73}.story-art{padding-block-end:16%;padding-inline-end:12%;position:relative}.story-main{aspect-ratio:4/5;box-shadow:var(--shadow-lg);border-radius:28px;overflow:hidden}.story-main img,.story-small img{object-fit:cover;width:100%;height:100%}.story-small{inset-inline-end:0;aspect-ratio:4/3;border:6px solid var(--white);width:58%;box-shadow:var(--shadow-lg);border-radius:22px;position:absolute;bottom:0;overflow:hidden}.story-body{color:#3f4b37;max-width:36em;margin-top:18px;font-size:1.08rem;line-height:1.7}.story-facts{gap:10px;margin-top:30px;display:grid}.fact{background:#ffffff9e;border-radius:20px;align-items:center;gap:16px;padding:14px 16px;display:flex}.fact dt{min-width:92px;color:var(--syrup-deep);font-size:1.9rem}html[lang=ar] .fact dt{font-size:1.8rem}.fact dd{color:var(--ink-2);font-size:.92rem;font-weight:600;line-height:1.35}@media (width>=600px){.story-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.fact{padding:18px;display:block}.fact dt{min-width:0;font-size:clamp(1.8rem,1.3rem + 1.3vw,2.5rem)}.fact dd{margin-top:8px}}@media (width>=768px){.story-card{padding:44px}}@media (width>=1024px){.story{padding-block:120px 48px}.story-card{border-radius:48px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:64px;padding:64px}}.gallery{background:var(--white);padding-block:72px 40px}.gallery-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.ig-handle{letter-spacing:0;text-transform:none;color:var(--leaf);font-size:1rem}.strip-nav{display:none}.round-btn{background:var(--mist);width:48px;height:48px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);border:0;border-radius:50%;place-items:center;transition:background-color .2s,transform .15s;display:grid}.round-btn:hover{background:var(--pista-soft)}.round-btn:active{transform:scale(.94)}.strip{padding-inline:max(var(--gutter), calc((100% - 1240px) / 2));scroll-padding-inline:max(var(--gutter), calc((100% - 1240px) / 2));scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;grid-auto-columns:clamp(168px,23vw,290px);grid-auto-flow:column;gap:14px;padding-block:4px 10px;display:grid;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip:focus-visible{outline-offset:-3px}.shot{scroll-snap-align:start;aspect-ratio:1;background:var(--mist);box-shadow:var(--shadow-sm);border-radius:26px;overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}@media (hover:hover){.shot:hover img{transform:scale(1.05)}}@media (width>=1024px){.gallery{padding-block:96px 48px}.strip-nav{gap:10px;display:flex}}.visit{background:var(--white);padding-block:48px 104px}.visit-grid{gap:52px;display:grid}.visit-art{isolation:isolate;aspect-ratio:4/5;width:min(100% - 12px,460px);margin-inline:auto;position:relative}.visit-tile{z-index:-1;background:linear-gradient(160deg,#d9edb1 0%,#aed46e 100%);border-radius:40px;position:absolute;inset-block:-12px 9%;inset-inline:-12px 12%;box-shadow:0 30px 60px -36px #50821e99}.visit-photo{box-shadow:var(--shadow-lg);border-radius:32px;position:absolute;inset:0;inset-block-start:6%;inset-inline-start:8%;overflow:hidden}.visit-photo img{object-fit:cover;width:100%;height:100%}.visit-info .status-chip{background:var(--mist);box-shadow:none;margin-top:20px}.visit-block{margin-top:28px}.visit-label{letter-spacing:.13em;text-transform:uppercase;color:var(--leaf);align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:flex}html[lang=ar] .visit-label{letter-spacing:0;text-transform:none;font-size:.98rem}.visit-address{margin-top:8px;font-size:1.18rem;font-weight:650;line-height:1.45}.hours{max-width:520px;margin-top:8px;display:grid}.hours-row{border-bottom:1.5px dashed var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-inline:-14px;padding:11px 14px;transition:background-color .2s;display:flex}.hours-row:last-child{border-bottom:0}.hours-row dt{font-weight:650}.hours-row dt small{color:var(--ink-2);font-size:.8rem;font-weight:500;display:block}.hours-row dd{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.today-tag{display:none}.hours-row.is-today{background:var(--pista-soft);border-bottom-color:#0000}.hours-row.is-today .today-tag{vertical-align:2px;background:var(--leaf);color:#fff;border-radius:999px;margin-inline-start:8px;padding:1px 8px;font-size:.7rem;font-weight:800;line-height:1.6;display:inline-block}.visit-getting{max-width:520px;color:var(--ink-2);margin-top:20px}.visit-getting strong{color:var(--ink)}.visit-ctas{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.visit-ctas .btn{flex:auto}.visit-group{background:var(--butter-soft);border-radius:20px;max-width:560px;margin-top:24px;padding:16px 18px 8px;font-size:.95rem}.visit-group a{text-underline-offset:3px;align-items:center;gap:6px;min-height:44px;font-weight:800;text-decoration:underline;display:inline-flex}@media (width>=600px){.visit-ctas .btn{flex:none}}@media (width>=1024px){.visit{padding-block:72px 140px}.visit-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:88px}.visit-art{width:100%;margin-inline:0}.visit-tile{border-radius:46px;inset-block:-5% 9%;inset-inline:-16px 12%}}.site-footer{color:#dbe9c4;background:linear-gradient(#24431b 0%,#19310f 100%);padding:72px 0 32px}.site-footer :focus-visible{outline-color:var(--butter)}.footer-top{gap:40px;display:grid}.footer-word{color:#c9e68f;font-size:clamp(2.6rem,1.7rem + 3.4vw,4.6rem)}.footer-tag{color:#b6c99c;max-width:26em;margin-top:14px}.footer-cols{gap:28px;display:grid}.footer-h{letter-spacing:.14em;text-transform:uppercase;color:#f7b36a;margin-bottom:10px;font-size:.78rem;font-weight:800}html[lang=ar] .footer-h{letter-spacing:0;text-transform:none;font-size:.95rem}.footer-cols p,.footer-cols li{font-size:.95rem;line-height:1.65}.footer-link{color:#fff;text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;text-decoration:underline #ffffff59;display:inline-flex}.footer-link:hover{text-decoration-color:#fff}.footer-ig{align-items:center;gap:8px;min-height:44px;display:inline-flex}.footer-bottom{color:#a7bb8e;border-top:1px solid #dbe9c429;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:48px;padding-top:18px;font-size:.88rem;display:flex}.footer-langs{flex-wrap:wrap;gap:4px;display:flex}.footer-langs a{color:#dbe9c4;border-radius:999px;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;display:inline-flex}.footer-langs a[aria-current]{background:#dbe9c41f}.footer-langs a:hover{background:#dbe9c42e}.credit{color:#f7b36a;align-items:center;min-height:44px;font-weight:750;text-decoration:none;display:inline-flex}.credit:hover{text-underline-offset:4px;text-decoration:underline}@media (width>=640px){.footer-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.site-footer{padding-top:96px}.footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px}}@media (width<=1023px){.site-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}}.js [data-reveal]{opacity:0;transition:opacity .8s var(--ease) var(--d,0s), transform .8s var(--ease) var(--d,0s);transform:translateY(22px)}.js [data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}html[lang=ar] .display [dir=ltr],html[lang=ar] .art-kopi-cap [dir=ltr]{letter-spacing:-.02em;font-family:Bricolage Grotesque Variable,sans-serif;font-weight:800}@media (width<=379px){.lang{gap:0}.lang a{box-shadow:inset 0 0 0 1.5px #1c2a1729, 0 0 0 2px var(--top);background:var(--top)}.lang a+a{margin-inline-start:-8px}.lang a[aria-current]{z-index:1;background:var(--syrup);box-shadow:inset 0 -2px 0 #a0460059, 0 0 0 2px var(--top);position:relative}}