@font-face{font-family:geistSans;src:url(../media/GeistVF-s.p.0e569l9b0bre8.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local(Arial);ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.geistsans_47a3c9f1-module__2HyNMa__className{font-family:geistSans,geistSans Fallback}.geistsans_47a3c9f1-module__2HyNMa__variable{--font-geist-sans:"geistSans", "geistSans Fallback"}
@font-face{font-family:geistMono;src:url(../media/GeistMonoVF-s.p.1lv5tp2fpjxdz.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.geistmono_cfbefb1d-module__tUxLBG__className{font-family:geistMono,geistMono Fallback}.geistmono_cfbefb1d-module__tUxLBG__variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--radius:.5rem}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%}*{border-color:hsl(var(--border))}.relative{position:relative}.block{display:block}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ground:#fbf6ec;--surface:#fffcf4;--surface-alt:#ecf3ed;--ink:#211e18;--ink-soft:#5e5a4e;--line:#e6dec9;--pandan:#1b5e43;--pandan-bright:#2e9e6b;--gold:#c9852a;--gold-soft:#f4c15a;--band-bg:#1b5e43;--band-ink:#fbf6ec;--shadow:0 1px 2px #211e180d, 0 12px 30px -12px #1b5e432e;--shadow-lift:0 2px 6px #211e180f, 0 26px 50px -20px #1b5e434d;--radius-card:18px;--maxw:1160px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#15130e;--surface:#201d15;--surface-alt:#1a231c;--ink:#f3eadb;--ink-soft:#b4ac98;--line:#332f24;--pandan:#2e9e6b;--pandan-bright:#4dc08a;--gold:#eab050;--gold-soft:#f4c15a;--band-bg:#10251b;--band-ink:#f3eadb;--shadow:0 1px 2px #0006, 0 14px 34px -14px #0009;--shadow-lift:0 2px 6px #00000080, 0 30px 56px -22px #000000b3}}:root[data-theme=dark],.dark{--ground:#15130e;--surface:#201d15;--surface-alt:#1a231c;--ink:#f3eadb;--ink-soft:#b4ac98;--line:#332f24;--pandan:#2e9e6b;--pandan-bright:#4dc08a;--gold:#eab050;--gold-soft:#f4c15a;--band-bg:#10251b;--band-ink:#f3eadb;--shadow:0 1px 2px #0006, 0 14px 34px -14px #0009;--shadow-lift:0 2px 6px #00000080, 0 30px 56px -22px #000000b3}:root[data-theme=light]{--ground:#fbf6ec;--surface:#fffcf4;--surface-alt:#ecf3ed;--ink:#211e18;--ink-soft:#5e5a4e;--line:#e6dec9;--pandan:#1b5e43;--pandan-bright:#2e9e6b;--gold:#c9852a;--gold-soft:#f4c15a;--band-bg:#1b5e43;--band-ink:#fbf6ec;--shadow:0 1px 2px #211e180d, 0 12px 30px -12px #1b5e432e;--shadow-lift:0 2px 6px #211e180f, 0 26px 50px -20px #1b5e434d}:root{--kopi:#7a4e2e;--kopi-soft:#b07a47}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--kopi:#c79a6b;--kopi-soft:#d8b486}}:root[data-theme=dark],.dark{--kopi:#c79a6b;--kopi-soft:#d8b486}:root[data-theme=light]{--kopi:#7a4e2e;--kopi-soft:#b07a47}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--ground);color:var(--ink);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;margin:0;line-height:1.65}.t-wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,40px)}.t-root h1,.t-root h2,.t-root h3{text-wrap:balance;letter-spacing:-.02em;margin:0;line-height:1.08}.t-root p{margin:0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--pandan-bright);align-items:center;gap:8px;font-size:.74rem;font-weight:700;display:inline-flex}.eyebrow--gold{color:var(--gold)}.nav{z-index:50;background:color-mix(in srgb, var(--ground) 86%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:16px;height:66px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.22rem;font-weight:800;text-decoration:none;display:inline-flex}.brand__word{color:var(--ink)}.brand__dot{color:var(--gold)}.nav__links{align-items:center;gap:28px;display:flex}.nav__links a{color:var(--ink-soft);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .18s}.nav__links a:hover{color:var(--pandan)}.nav__right{align-items:center;gap:14px;display:flex}.themebtn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border-radius:11px;place-items:center;transition:color .18s,border-color .18s,transform .18s;display:inline-grid}.themebtn:hover{color:var(--pandan);border-color:var(--pandan-bright)}.themebtn svg{width:18px;height:18px}.btn{letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-family:inherit;font-size:.96rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.btn svg{flex:none;width:16px;height:16px}.btn--primary{background:var(--pandan);color:#fbf6ec;box-shadow:var(--shadow)}.btn--primary:hover{box-shadow:var(--shadow-lift);background:var(--pandan-bright);transform:translateY(-2px)}.btn--gold{background:var(--gold-soft);color:#3a2a08}.btn--gold:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn--ghost:hover{border-color:var(--pandan-bright);color:var(--pandan);transform:translateY(-2px)}.btn--sm{padding:9px 16px;font-size:.9rem}.hero{padding:clamp(48px,8vw,92px) 0 clamp(40px,7vw,78px);position:relative;overflow:hidden}.hero__blob{filter:blur(8px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero__blob--1{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--pandan-bright) 40%, transparent), transparent 68%);width:460px;height:460px;top:-160px;right:-120px}.hero__blob--2{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--gold-soft) 42%, transparent), transparent 66%);width:380px;height:380px;bottom:-180px;left:-120px}.hero__grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid;position:relative}.hero__title{margin:20px 0 0;font-size:clamp(2.4rem,5.6vw,4.15rem);font-weight:800}.hero__title em{color:var(--pandan);white-space:nowrap;font-style:normal}.hero__lead{color:var(--ink-soft);max-width:42ch;margin-top:22px;font-size:clamp(1.05rem,1.7vw,1.28rem)}.hero__cta{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero__note{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:24px;font-size:.86rem;font-weight:600;display:flex}.hero__note .dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.hero__art{place-items:center;display:grid;position:relative}.hero__art svg{filter:drop-shadow(0 30px 46px #1b5e4338);width:100%;max-width:460px;height:auto}.section{padding:clamp(56px,9vw,104px) 0}.section--alt{background:var(--surface-alt);border-block:1px solid var(--line)}.section__head{max-width:620px;margin-bottom:clamp(30px,5vw,52px)}.section__title{margin-top:12px;font-size:clamp(1.7rem,3.4vw,2.55rem);font-weight:800}.section__sub{color:var(--ink-soft);margin-top:16px;font-size:1.08rem}.usp{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.usp__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:26px 22px;transition:transform .2s,box-shadow .2s}.usp__card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.usp__ic{background:color-mix(in srgb, var(--pandan-bright) 16%, transparent);width:44px;height:44px;color:var(--pandan);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.usp__ic svg{width:22px;height:22px}.usp__card:nth-child(2) .usp__ic,.usp__card:nth-child(4) .usp__ic{background:color-mix(in srgb, var(--gold-soft) 30%, transparent);color:var(--gold)}.usp__t{letter-spacing:-.01em;font-size:1.08rem;font-weight:800}.usp__d{color:var(--ink-soft);margin-top:8px;font-size:.95rem}.prod{grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:22px;display:grid}.pcard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;padding:clamp(26px,3.4vw,40px);transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.pcard:hover{box-shadow:var(--shadow-lift);transform:translateY(-5px)}.pcard__rail{width:5px;position:absolute;inset:0 auto 0 0}.pcard--menu .pcard__rail{background:linear-gradient(var(--pandan), var(--pandan-bright))}.pcard--shop .pcard__rail{background:linear-gradient(var(--gold), var(--gold-soft))}.pcard--card .pcard__rail{background:linear-gradient(var(--kopi), var(--kopi-soft))}.pcard__mark{width:52px;height:52px;margin-bottom:20px}.pcard__name{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800}.pcard__for{color:var(--ink-soft);margin-top:4px;font-size:.9rem;font-weight:700}.pcard__line{color:var(--ink);margin-top:16px;font-size:1.05rem}.plist{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.plist li{align-items:flex-start;gap:11px;font-size:.98rem;font-weight:600;display:flex}.plist .tk{flex:none;margin-top:1px}.pcard__link{margin-top:auto;padding-top:26px}.arrowlink{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:inline-flex}.pcard--menu .arrowlink{color:var(--pandan)}.pcard--shop .arrowlink{color:var(--gold)}.pcard--card .arrowlink{color:var(--kopi)}.arrowlink svg{width:17px;height:17px;transition:transform .2s}.arrowlink:hover svg{transform:translate(4px)}.pick{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:8px;display:grid}.pick__card{border:1px dashed var(--line);border-radius:var(--radius-card);background:var(--surface);padding:28px}.pick__q{align-items:center;gap:10px;font-size:1.14rem;font-weight:800;display:flex}.pick__a{color:var(--ink-soft);margin-top:10px}.pick__a b{color:var(--ink)}.pick__badge{font-weight:800}.pick--menu .pick__badge{color:var(--pandan)}.pick--shop .pick__badge{color:var(--gold)}.pick--card .pick__badge{color:var(--kopi)}.pick__both{text-align:center;color:var(--ink-soft);margin-top:22px;font-size:.98rem}.pick__both b{color:var(--ink)}.local__grid{grid-template-columns:1fr;align-items:center;gap:26px;display:grid}.chips{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:9px;padding:11px 17px;font-size:.92rem;font-weight:700;display:inline-flex}.chip svg{width:16px;height:16px;color:var(--pandan);flex:none}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:16px;display:grid}.mitem{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:22px;transition:transform .2s,box-shadow .2s}.mitem:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.mitem__top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mitem__name{letter-spacing:-.01em;font-size:1.12rem;font-weight:800}.mitem__tag{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);white-space:nowrap;font-size:.68rem;font-weight:800}.mitem__desc{color:var(--ink-soft);margin-top:8px;font-size:.95rem}.menu-note{color:var(--ink-soft);margin-top:22px;font-size:.92rem}.story-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(28px,5vw,56px);display:grid}.story-lead{letter-spacing:-.01em;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700}.story-body{color:var(--ink-soft);gap:14px;max-width:58ch;margin-top:16px;font-size:1.05rem;display:grid}.story-aside{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:28px}.story-aside__h{align-items:center;gap:9px;font-weight:800;display:flex}.story-aside__list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.story-aside__list li{align-items:flex-start;gap:10px;font-size:.96rem;font-weight:600;display:flex}.story-aside__list .tk{color:var(--pandan);flex:none}.cta--kopi{background:linear-gradient(135deg,#7a4e2e,#55341c)}:root[data-theme=dark] .cta--kopi,.dark .cta--kopi{background:linear-gradient(135deg,#3a2a18,#241811)}.outlets{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.outlet{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:22px}.outlet__area{align-items:center;gap:8px;font-size:1.08rem;font-weight:800;display:flex}.outlet__meta{color:var(--ink-soft);margin-top:6px;font-size:.92rem}.cta{background:var(--band-bg);color:var(--band-ink);text-align:center;box-shadow:var(--shadow-lift);border-radius:28px;padding:clamp(38px,6vw,66px);position:relative;overflow:hidden}.cta__glow{background:radial-gradient(circle, color-mix(in srgb, var(--gold-soft) 34%, transparent), transparent 66%);pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-60px}.cta__title{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;position:relative}.cta__sub{opacity:.9;max-width:46ch;margin:16px auto 0;font-size:1.1rem;position:relative}.cta__row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex;position:relative}.foot{border-top:1px solid var(--line);padding:clamp(48px,7vw,76px) 0 40px}.foot__grid{grid-template-columns:1.6fr 1fr 1fr;gap:34px;display:grid}.foot__tag{color:var(--ink-soft);max-width:34ch;margin-top:14px;font-size:.96rem}.foot__h{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-soft);margin-bottom:14px;font-size:.76rem;font-weight:800}.foot__links{gap:10px;display:grid}.foot__links a{color:var(--ink);width:fit-content;font-size:.96rem;font-weight:600;text-decoration:none;transition:color .18s}.foot__links a:hover{color:var(--pandan)}.foot__bottom{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;font-size:.86rem;display:flex}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.t-root a:focus-visible,.t-root button:focus-visible{outline:2px solid var(--pandan-bright);outline-offset:3px;border-radius:6px}@media (max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__art{order:-1;max-width:380px;margin:0 auto}.usp{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr}.foot__grid{grid-template-columns:1fr 1fr}.nav__links{display:none}}@media (max-width:540px){.usp{grid-template-columns:1fr}.foot__grid{grid-template-columns:1fr;gap:26px}.hero__cta .btn{flex:100%}}