@layer components{html.is-story,html.is-story body{overscroll-behavior:none;height:100%;overflow:hidden}html.is-story [data-story]{z-index:20;left:50%;top:var(--story-top,0px);isolation:isolate;touch-action:pan-y;width:100%;position:fixed;bottom:0;overflow:clip;translate:-50%}html.is-story [data-story][data-axis=y]{touch-action:pan-x}@media (width>=720px){html.is-story [data-story]{top:calc(var(--story-top,0px) + 2.5dvh);aspect-ratio:10/17;border-radius:var(--card-radius,18px);width:auto;max-width:calc(100% - 32px);box-shadow:var(--card-shadow,0 30px 80px #00000059);bottom:2.5dvh}}html.is-story [data-story]>.scene{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:clip auto}html.is-story [data-story]>.scene::-webkit-scrollbar{display:none}html.is-story [data-story]>.scene:not(.is-current){pointer-events:none}html.is-story .scene .in{opacity:0}html.is-story .scene.is-current .in{animation:story-in var(--dur-slow,.9s) var(--ease-out,cubic-bezier(.2,.7,.2,1)) both;animation-delay:calc(var(--d,0) * .11s + var(--scene-lag,.38s))}.d1{--d:1}.d2{--d:2}.d3{--d:3}.d4{--d:4}.d5{--d:5}.d6{--d:6}.d7{--d:7}.d8{--d:8}@keyframes story-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.story-ui{display:none}html.is-story .story-ui{display:flex}[data-story-progress]{gap:4px;display:flex}[data-story-progress] i{background:var(--bar-off,#ffffff4d);border-radius:3px;flex:1 1 0;height:3px;position:relative;overflow:hidden}[data-story-progress] i:after{content:"";background:var(--bar-on,#fff);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}[data-story-progress] i.done:after,[data-story-progress] i.now:after{transform:none}.is-timed [data-story-progress] i.now:after{animation:story-bar var(--bar-dur,7s) linear forwards;transform:scaleX(0)}.is-paused [data-story-progress] i.now:after{animation-play-state:paused}@keyframes story-bar{to{transform:none}}@media (prefers-reduced-motion:reduce){html.is-story .scene .in,html.is-story .scene.is-current .in{opacity:1;animation:none}}html,body{overflow-x:clip}body{color:var(--ink);font-family:var(--ff-body);background:#fff}.tnum{font-variant-numeric:tabular-nums}h1,h2,h3{font-weight:300}em{font-style:italic}html.is-story .deck[data-story]{width:100%;left:0;right:0;top:calc(var(--story-top,0px) + var(--bar-t));background:#fff;bottom:0;translate:none}@media (width>=720px){html.is-story .deck[data-story]{aspect-ratio:auto;width:100%;max-width:none;box-shadow:none;border-radius:0}}html.is-story .deck[data-story].can-pan{touch-action:pan-y}html.is-story .deck[data-story]:not(.can-pan){touch-action:none}.deck>.scene{--juice:var(--j-house);--scene-bg:#fff;--scene-ink:var(--ink);background:var(--scene-bg);color:var(--scene-ink)}html.is-story .deck>.scene{z-index:2}html.is-story .deck>.scene:not(.is-current):not(.pour):not(.under){visibility:hidden}html.is-story .deck>.scene.under{z-index:1}html.is-story .deck>.scene.pour{z-index:3;will-change:clip-path}html.is-story .deck>:is(.pour,.under)>.frame{transform:translateY(var(--lift,0px))}html.is-story .scene .in{opacity:1;animation:none}html.is-dragging,html.is-dragging *{user-select:none;cursor:grabbing}.deck :is(h1,h2):focus{outline:none}.deck :focus-visible,.index :focus-visible,.bar :focus-visible,.nav :focus-visible{outline-offset:3px;outline:2px solid}.deck>.scene.j-pukul,.j-pukul{--juice:var(--j-pukul);--flood:var(--f-pukul);--flood-ink:var(--i-pukul)}.deck>.scene.j-cempaka,.j-cempaka{--juice:var(--j-cempaka);--flood:var(--f-cempaka);--flood-ink:var(--i-cempaka)}.deck>.scene.j-pala,.j-pala{--juice:var(--j-pala);--flood:var(--f-pala);--flood-ink:var(--i-pala)}.deck>.scene.j-gaharu,.j-gaharu{--juice:var(--j-gaharu);--flood:var(--f-gaharu);--flood-ink:var(--i-gaharu)}.deck>.scene.flood{--scene-bg:var(--flood);--scene-ink:var(--flood-ink);--rule:color-mix(in srgb, var(--flood-ink) 24%, transparent);--soft:color-mix(in srgb, var(--flood-ink) 72%, transparent)}.surface{display:none}html.is-story .surface.on{z-index:21;bottom:0;left:0;right:0;top:calc(var(--story-top,0px) + var(--bar-t));width:100%;height:calc(100% - var(--story-top,0px) - var(--bar-t));pointer-events:none;display:block;position:fixed}.surface .s-hi{fill:none;stroke:#fffffff2;stroke-width:2.2px}.surface .s-stream{fill:var(--stream,#d9c27a);opacity:.9}.surface .s-glint{fill:none;stroke:#ffffffbf;stroke-width:1px}.surface .s-lo{fill:none;stroke:#14141442;stroke-width:1px;transform:translateY(3px)}.bar{z-index:30;left:0;right:0;top:var(--story-top,0px);height:var(--bar-t);border-bottom:1px solid var(--rule);padding:0 var(--m);background:#fff;justify-content:space-between;align-items:center;gap:12px;position:fixed}.bar-brand{font-family:var(--ff-display);letter-spacing:-.01em;align-items:center;min-height:44px;font-size:1.5rem;font-style:italic;line-height:1;display:inline-flex}.bar-where{color:var(--soft);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;overflow:hidden}.bar-index{text-underline-offset:5px;min-height:44px;padding:0 2px;font-size:.875rem;font-weight:500;text-decoration:underline 1px}.vial{z-index:25;right:11px;top:calc(var(--story-top,0px) + var(--bar-t) + 18px);pointer-events:none;flex-direction:column;width:14px;position:fixed;bottom:132px}.vial-glass{background:#ffffffdb;border-radius:999px;flex:1;position:relative;overflow:clip;box-shadow:inset 0 0 0 1px #14141457,0 0 0 3px #ffffffb3}.vial-juice{height:calc(var(--level,.1) * 100%);background:var(--vial-juice,var(--j-house));transition:height var(--dur-slow) cubic-bezier(.55,.05,.25,1), background-color .6s var(--ease-inout);border-top:1px solid #ffffffe6;position:absolute;bottom:0;left:0;right:0}.vial-ticks{flex-direction:column-reverse;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0}.vial-ticks li{flex:1;position:relative}.vial-ticks li:after{content:"";background:#14141466;width:5px;height:1px;margin-right:4px;position:absolute;top:0;right:100%}.vial-ticks li.on:after{background:#141414d9}@media (width>=720px){.vial{width:16px;bottom:150px;right:24px}.vial-ticks li:after{width:8px;margin-right:6px}}.nav{z-index:30;flex-direction:column;gap:8px;position:fixed;bottom:16px;right:6px}.nav-btn{width:44px;height:44px;color:var(--ink);transition:background-color var(--dur-quick) var(--ease-out);background:#fff;border-radius:999px;place-items:center;display:grid;box-shadow:0 0 0 1px #14141438}.nav-btn:hover{background:#f2f2f0}.nav-btn:disabled{opacity:.35}.nav-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.nav-next{background:var(--ink);color:#fff;box-shadow:none}.nav-next:hover{background:#333}@media (width>=720px){.nav{bottom:28px;right:12px}.nav-btn{width:48px;height:48px}}.frame{box-sizing:border-box;min-height:100%;padding:var(--pad) calc(var(--vial-g) + 4px) calc(var(--pad) + 112px) var(--m)}@media (width<=719px){.frame{padding-right:58px}}@media (width>=720px){.frame{padding:var(--pad) calc(var(--vial-g) + 40px) var(--pad) var(--m)}}.label{color:var(--soft);margin-bottom:14px;font-size:.875rem}.body{max-width:54ch;font-size:1rem;line-height:1.6}@media (width>=720px){.body{font-size:1.0625rem}}.btn{min-height:48px;transition:background-color var(--dur-quick) var(--ease-out), color var(--dur-quick) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#333}.btn-line{box-shadow:inset 0 0 0 1px}.btn-line:hover{background:#1414140f}.scene .more{display:none}html.is-story .scene .more{visibility:hidden;height:60px;margin:-60px 0 0;display:block}html.is-story .scene.can-scroll .more{box-sizing:border-box;height:60px;padding:28px var(--m) 14px;color:var(--soft);background:linear-gradient(transparent, var(--scene-bg) 60%);pointer-events:none;justify-content:flex-start;align-items:end;margin:-60px 0 0;font-size:.8125rem;display:flex;position:sticky;bottom:0}.s-open .open-photo{height:58%;position:absolute;inset:0 0 auto}.s-open .open-photo :is(picture,img){object-fit:cover;object-position:66% 50%;width:100%;height:100%;display:block}.s-open .frame{flex-direction:column;justify-content:flex-end;display:flex;position:relative}.wordmark{font-family:var(--ff-display);font-weight:300;font-size:var(--t-hero);letter-spacing:-.035em;margin:0 0 18px -.04em;line-height:.82}.open-lede{max-width:34ch;font-size:1.0625rem;line-height:1.5}.open-go{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px;display:flex}.open-hint{color:var(--soft);font-size:.8125rem}html:not(.is-story) .open-hint,html:not(.is-story) .open-go{display:none}html:not(.is-story) .s-open{min-height:100dvh;position:relative}@media (width<=719px){html.is-story .s-open{flex-direction:column;display:flex}html.is-story .s-open .open-photo{flex:0 0 47%;height:auto;position:relative;inset:auto}html.is-story .s-open .frame{flex:auto;justify-content:flex-start;min-height:0;padding-top:18px;padding-bottom:20px}.s-open .wordmark{margin-bottom:12px;font-size:clamp(4.2rem,21vw,5.6rem)}.s-open .open-lede{font-size:1rem}.s-open .open-go{margin-top:18px}html:not(.is-story) .s-open .open-photo{height:56vh;position:relative}}@media (width>=720px){.s-open .open-photo{height:auto;inset:0}.s-open .open-photo img{object-position:60% 50%}.s-open .frame{justify-content:flex-end;padding-bottom:clamp(32px,7vh,80px)}.s-open .frame>*{max-width:46%}.wordmark{max-width:none!important}.open-lede{font-size:1.1875rem}}.s-house .frame{align-content:center;gap:28px;display:grid}.statement{font-family:var(--ff-display);font-size:var(--t-h2);letter-spacing:-.025em;max-width:15ch;line-height:1}.house-text{gap:28px;display:grid}.facts{border-top:1px solid var(--rule);gap:0;display:grid}.facts>div{border-bottom:1px solid var(--rule);grid-template-columns:7.5rem 1fr;align-items:baseline;gap:16px;padding:14px 0;display:grid}.facts dt{font-family:var(--ff-display);letter-spacing:-.02em;font-size:2rem;line-height:1}.facts dd{color:var(--soft);font-size:.9375rem;line-height:1.45}@media (width>=960px){.s-house .frame{grid-template-columns:1.15fr 1fr;align-items:end;column-gap:clamp(40px,6vw,120px)}.s-house .label{grid-column:1/-1;margin-bottom:0}.statement{font-size:clamp(3rem,min(6vw,10.5vh),6.6rem)}.facts dt{font-size:2.6rem}.facts>div{grid-template-columns:9rem 1fr}}.s-bottle .frame{align-content:start;gap:22px;display:grid}.bottle-photo{aspect-ratio:4/5;background:#f1f1ef;max-height:40vh;overflow:clip}.bottle-photo :is(picture,img){object-fit:cover;width:100%;height:100%;display:block}.bottle-text{align-content:start;gap:14px;display:grid}.b-n{color:var(--soft);align-items:baseline;gap:8px;font-size:.875rem;display:flex}.b-of{opacity:.8}.b-hour{font-family:var(--ff-display);color:var(--scene-ink);margin-left:auto;font-size:1.375rem;font-style:italic}.b-name{font-family:var(--ff-display);font-size:var(--t-name);letter-spacing:-.035em;margin-left:-.03em;line-height:.88}.b-line{font-family:var(--ff-display);letter-spacing:-.01em;max-width:20ch;font-size:clamp(1.45rem,6vw,2.5rem);font-style:italic;line-height:1.05}.b-meta{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;margin-top:6px;display:grid}.b-meta>div{border-bottom:1px solid var(--rule);padding:12px 12px 12px 0}.b-meta dt{color:var(--soft);font-size:.8125rem}.b-meta dd{align-items:center;gap:8px;margin-top:2px;font-size:.9375rem;display:flex}.swatch{background:var(--juice);border-radius:999px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000002e}.b-go{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}@media (width>=900px){.s-bottle .frame{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,42%) minmax(0,1fr);align-content:stretch;column-gap:clamp(36px,5vw,96px);height:100%;padding-top:0;padding-bottom:0;padding-left:0}.bottle-photo{aspect-ratio:auto;height:100%;min-height:0;max-height:none}.bottle-text{padding:var(--pad) 0;align-content:center;gap:12px}.b-line{font-size:clamp(1.45rem,min(2.6vw,4.4vh),2.5rem)}.b-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}.s-notes .frame{align-content:start;gap:26px;display:grid}.notes-head h2{font-family:var(--ff-display);font-size:var(--t-h2);letter-spacing:-.025em;max-width:16ch;margin-bottom:14px;line-height:1}.pyramid{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.pyramid>li{border-bottom:1px solid var(--rule);gap:8px;padding:14px 0;display:grid}.tier{justify-content:space-between;gap:12px;font-size:.8125rem;display:flex}.tier-k{font-weight:500}.tier-w{color:var(--soft);text-align:right}.pyramid ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pyramid ul li{gap:0;display:grid}.note{font-family:var(--ff-display);letter-spacing:-.015em;font-size:clamp(1.7rem,7vw,2.4rem);font-style:italic;line-height:1.05}.from{color:var(--soft);font-size:.875rem}.material{gap:10px;margin:0;display:grid}.material .photo{aspect-ratio:3/2;overflow:clip}.material :is(picture,img){object-fit:cover;width:100%;height:100%;display:block}.material figcaption{color:var(--soft);font-size:.875rem}@media (width>=960px){.s-notes .frame{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,.9fr);align-content:center;column-gap:clamp(28px,3.6vw,64px)}.notes-head{grid-area:1/1/3/2;align-self:center}.pyramid{grid-area:1/2/3/3;align-self:center}.material{grid-area:1/3/3/4;align-self:center}.material .photo{aspect-ratio:4/5}.note{font-size:clamp(1.8rem,2.6vw,2.9rem)}}.s-making .frame{align-content:start;gap:26px;display:grid}.make-head h2{font-family:var(--ff-display);font-size:var(--t-h2);letter-spacing:-.025em;max-width:14ch;line-height:1}.steps{grid-template-columns:1fr 1fr;gap:26px 14px;margin:0;padding:0;list-style:none;display:grid}.step{align-content:start;gap:6px;display:grid}.step .photo{aspect-ratio:4/5;background:#f1f1ef;margin-bottom:6px;overflow:clip}.step :is(picture,img){object-fit:cover;width:100%;height:100%;display:block}.chill{aspect-ratio:4/5;box-sizing:border-box;background:#edf1f2;flex-direction:column;justify-content:flex-end;margin-bottom:6px;padding:16px;display:flex}.chill-t{font-family:var(--ff-display);letter-spacing:-.02em;font-size:clamp(2.8rem,6vw,4.4rem);font-weight:300;line-height:.9}.chill-s{color:var(--soft);margin-top:6px;font-size:.8125rem}.step-n{font-family:var(--ff-display);font-size:1.75rem;line-height:1}.step h3{font-family:var(--ff-body);font-size:1rem;font-weight:500}.step-w{color:var(--soft);font-size:.8125rem}.step-p{font-size:.9375rem;line-height:1.5}@media (width>=960px){.s-making .frame{align-content:center}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.step .photo,.chill{aspect-ratio:3/4;width:100%;max-height:32vh}}.s-buy .frame{align-content:start;gap:26px;display:grid}.buy-head{align-content:start;gap:14px;display:grid}.buy-head h2{font-family:var(--ff-display);font-size:var(--t-h2);letter-spacing:-.025em;line-height:1}.buy-photo{aspect-ratio:1;max-width:360px;margin-top:8px;overflow:clip}.buy-photo :is(picture,img){object-fit:cover;width:100%;height:100%;display:block}.offers{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none;display:grid}.offer{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;gap:4px 16px;padding:16px 0;display:grid}.offer h3{font-family:var(--ff-display);letter-spacing:-.015em;font-size:1.6rem;line-height:1.1}.o-price{text-align:right;align-self:baseline;font-size:.9375rem;font-weight:500}.o-d{color:var(--soft);grid-column:1/-1;max-width:46ch;font-size:.9375rem;line-height:1.5}.o-cta{text-underline-offset:5px;grid-column:1/-1;justify-self:start;align-items:center;min-height:44px;font-size:.9375rem;font-weight:500;text-decoration:underline 1px;display:inline-flex}@media (width>=960px){.s-buy .frame{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-content:center;column-gap:clamp(40px,5vw,96px)}.offers{grid-template-columns:1fr 1fr;column-gap:40px}.buy-photo{max-width:300px}}.s-words .frame{align-content:center;gap:30px;display:grid}.quotes{gap:32px;margin:0;padding:0;list-style:none;display:grid}.quote blockquote{margin:0}.quote blockquote p{font-family:var(--ff-display);letter-spacing:-.015em;max-width:26ch;font-size:clamp(1.6rem,6.4vw,2.2rem);font-style:italic;line-height:1.12}.q-who{margin-top:12px;font-size:.875rem;font-weight:500}.q-where{color:var(--soft);font-weight:400}.words-note{color:var(--soft);border-top:1px solid var(--rule);padding-top:14px;font-size:.875rem}@media (width>=960px){.quotes{grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 24px}.q1{grid-column:1/8}.q1 blockquote p{max-width:22ch;font-size:clamp(2.2rem,3.6vw,3.6rem)}.q2{grid-column:8/13;align-self:end}.q3{grid-column:4/11}.q2 blockquote p,.q3 blockquote p{font-size:clamp(1.6rem,2.2vw,2.3rem)}}.s-visit .frame{align-content:start;gap:26px;display:grid}.visit-head{align-content:start;gap:14px;display:grid}.visit-head h2{font-family:var(--ff-display);font-size:var(--t-h2);letter-spacing:-.025em;max-width:13ch;line-height:1}.ct-lines{border-top:1px solid var(--rule);margin-top:6px}.ct-lines>div{border-bottom:1px solid var(--rule);grid-template-columns:4.5rem 1fr;gap:12px;padding:10px 0;font-size:.9375rem;display:grid}.ct-lines dt{color:var(--soft)}.ct-lines a{text-underline-offset:4px;text-decoration:underline 1px}.visit-photo{aspect-ratio:3/2;overflow:clip}.visit-photo :is(picture,img){object-fit:cover;width:100%;height:100%;display:block}.form{align-content:start;gap:14px 16px;display:grid}.field{gap:6px;min-width:0;display:grid}.field label{font-size:.875rem;font-weight:500}.field input,.field select,.field textarea{border:0;border-bottom:1px solid var(--ink);width:100%;min-width:0;min-height:48px;font:inherit;color:inherit;background:0 0;border-radius:0;padding:10px 0}.field textarea{resize:vertical;min-height:48px}.field :is(input,select,textarea):focus-visible{border-bottom-width:2px;outline:none}@media (width>=720px){.form{grid-template-columns:1fr 1fr}.f-wide{grid-column:1/-1}}@media (width>=1100px){.s-visit .frame{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:22px clamp(40px,5vw,96px)}.visit-head{grid-area:1/1/3;align-self:center}.visit-photo{aspect-ratio:16/9;grid-area:1/2;width:100%;max-height:36vh}.form{grid-area:2/2}}.deck>.scene--footer{background:#fff}html.is-story .scene--footer footer{padding-top:var(--pad);box-sizing:border-box;min-height:100%;padding-bottom:120px;padding-right:var(--vial-g);flex-direction:column;justify-content:space-between;display:flex}.tpl-foot{padding:0 var(--m) 32px;gap:10px;max-width:72ch;display:grid}.tf-mark{font-family:var(--ff-display);letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(4rem,18vw,12rem);font-style:italic;font-weight:300;line-height:.85}.tpl-foot p:not(.tf-mark){color:var(--soft);font-size:.9375rem;line-height:1.55}.index{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:#fff;border:0;margin:0;padding:0;overflow-y:auto}.index::backdrop{background:#0006}.index[open]{animation:fade var(--dur-quick) var(--ease-out) both}@keyframes fade{0%{opacity:0}to{opacity:1}}.ix-head{z-index:1;height:var(--bar-t);padding:0 var(--m);border-bottom:1px solid var(--rule);background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ix-head h2{font-family:var(--ff-display);font-size:1.5rem;font-style:italic}.ix-close{text-underline-offset:5px;min-height:44px;padding:0 2px;font-size:.875rem;font-weight:500;text-decoration:underline 1px}.ix-list{padding:8px var(--m) 40px;margin:0;list-style:none;display:grid}@media (width>=900px){.ix-list{grid-template-columns:1fr 1fr;column-gap:48px}}.ix-list>li{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;display:flex}.ix-list a[data-index-go]:not(.ix-sub){flex:1;grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:16px;min-height:64px;padding:10px 0;display:grid}.ix-thumb{background:#eee;width:72px;height:54px;overflow:clip}.ix-thumb :is(picture,img){object-fit:cover;width:100%;height:100%;display:block}.ix-label{font-family:var(--ff-display);letter-spacing:-.015em;font-size:1.6rem;line-height:1.1}.ix-list a:hover .ix-label{font-style:italic}.ix-sub{text-underline-offset:4px;white-space:nowrap;align-items:center;min-height:44px;font-size:.875rem;text-decoration:underline 1px;display:inline-flex}.index [aria-current=true] .ix-label,.ix-sub[aria-current=true]{font-style:italic}.index [aria-current=true] .ix-label:after{content:" (here)";font-family:var(--ff-body);color:var(--soft);font-size:.8125rem;font-style:normal}@media (scripting:none){.index{display:none}}html:not(.is-story) .deck>.scene{border-bottom:1px solid var(--rule);min-height:100dvh;position:relative}html:not(.is-story) .s-bottle .frame{height:auto;min-height:100dvh}html:not(.is-story) .surface,html:not(.is-story) .scene .more{display:none}}[data-style=hablur]{--ease-out:cubic-bezier(.2,.7,.2,1);--ease-inout:cubic-bezier(.4,0,.2,1);--dur-quick:.2s;--dur-base:.6s;--dur-slow:1.1s;--ink:#141414;--soft:#1414149e;--rule:#14141429;--bar-t:52px;--vial-g:34px;--m:20px;--pad:22px;--t-hero:clamp(4.6rem, 25vw, 7rem);--t-h2:clamp(2.3rem, 10vw, 3.2rem);--t-name:clamp(3.2rem, 15vw, 4.6rem);--j-house:#d9c27a;--j-pukul:#c3cc7f;--f-pukul:#dde4a6;--i-pukul:#1e2412;--j-cempaka:#e6d693;--f-cempaka:#f3edc4;--i-cempaka:#2a2414;--j-pala:#c9783f;--f-pala:#d98c52;--i-pala:#1f1006;--j-gaharu:#6b3e19;--f-gaharu:#3a2312;--i-gaharu:#f3e7d4}@media (width>=720px){[data-style=hablur]{--bar-t:56px;--vial-g:64px;--m:40px;--pad:32px;--t-hero:clamp(6rem, min(15vw, 26vh), 15rem);--t-h2:clamp(2.6rem, min(4.8vw, 8.4vh), 5.4rem);--t-name:clamp(3.6rem, min(8.4vw, 12.5vh), 9.5rem)}}@media (width>=1200px){[data-style=hablur]{--m:56px}}