@font-face{font-family:Fraunces;src:url(/_astro/fraunces-var.CG82zr1V.woff2)format("woff2");font-style:normal;font-weight:380 640;font-display:swap}@font-face{font-family:Inter;src:url(/_astro/inter-regular.YQ16pa9R.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/_astro/inter-semibold.xlsTKLWT.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{--malam:#17110a;--arang:#221a12;--kertas:#faf5ea;--lilin:#f3e5c3;--madu:#de9a1f;--madu-terang:#f2b035;--madu-tua:#8a5a00;--teks-redup-di-kertas:#5c5344;--garis-di-kertas:#e4dcc8;--garis-di-malam:#3a2e1c;--whatsapp:#25d366;--malam-2:#1d1610;--teks-redup-di-malam:#bdaf96;--cahaya-madu:#de9a1f38;--putih:#fff;--font-display:"Fraunces", serif;--font-body:"Inter", sans-serif;--display-variation:"wght" 600, "SOFT" 100;--u:calc(100vw / 1440);--size-h1:clamp(52px, 12.5vw, 180px);--size-h2:clamp(40px, 6.4vw, 92px);--size-card:clamp(28px, 3.4vw, 40px);--size-body:clamp(17px, 1.5vw, 19px);--size-meta:clamp(12px, 1vw, 13px);--leading-body:1.65;--leading-h1:1.04;--leading-h2:1.08;--tracking-meta:.18em;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--section:84px;--gutter:20px;--content-width:1280px;--radius-card:20px;--radius-pill:999px;--shadow-text:0 2px 24px #17110a73;--motion-fast:.5s;--ease-house:cubic-bezier(.22, 1, .36, 1)}@media (width>=640px){:root{--gutter:32px}}@media (width>=860px){:root{--section:112px}}@media (width>=1024px){:root{--gutter:48px}}@media (width>=1180px){:root{--section:144px}}@media (width>=1440px){:root{--section:168px;--gutter:64px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--malam)}body{color:var(--kertas);background:var(--malam);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--leading-body);margin:0;overflow-x:clip}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-variation-settings:var(--display-variation);font-optical-sizing:auto;text-wrap:balance;font-weight:600}h1{font-size:var(--size-h1);line-height:var(--leading-h1)}h2{font-size:var(--size-h2);line-height:var(--leading-h2)}h3{font-size:var(--size-card);line-height:var(--leading-h2)}img,video{max-width:100%;height:auto;display:block}a{color:inherit}a:focus-visible{outline:3px solid var(--madu-terang);outline-offset:6px}button,input,select,textarea{font:inherit}::selection{color:var(--malam);background:var(--madu-terang)}.meta{font-size:var(--size-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;font-weight:600}.header{z-index:2;padding:var(--space-3) var(--gutter);color:var(--kertas);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:var(--space-2);display:flex}.mark{width:22px;height:30px;color:var(--madu)}.mark [fill]{fill:currentColor}.wordmark{font-family:var(--font-display);font-variation-settings:var(--display-variation);font-optical-sizing:auto;letter-spacing:.08em;font-size:20px}.header .meta{color:var(--teks-redup-di-malam)}.rail{z-index:20;inset:0 auto 0 max(8px, calc(var(--gutter) / 3));pointer-events:none;width:2px;position:fixed}.rail:before{content:"";background:var(--garis-di-malam);opacity:.8;position:absolute;inset:0}.rail-fill{background:linear-gradient(var(--madu-tua), var(--madu-terang));height:100%;transform:scaleY(var(--page,0));transform-origin:top;position:absolute;inset:0 0 auto}.rail-drop{fill:var(--madu-terang);transform:translateY(calc(var(--page,0) * (100svh - 24px)));filter:drop-shadow(0 0 8px #f2b03599);position:absolute;top:0;left:-6px;overflow:visible}@media (width<=1023px){.rail{inset-inline-start:5px}}.hero{--hero-image-height:min(52svh, calc(100svh - 370px));height:380vh;color:var(--kertas);background:var(--malam)}.hero-pin{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.hero-media,.hero-warm,.hero-shade,.hero-ambient,.hero-lift,.hero-scene{position:absolute;inset:0}.hero-scene{transform-origin:55% 45%;inset:0 -12vw 0 12vw;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 26%);mask-image:linear-gradient(90deg,#0000 0%,#000 26%)}.hero-scene img{object-fit:cover;object-position:50% 40%;width:100%;height:100%}.hero-lift{opacity:0;-webkit-mask-image:linear-gradient(#000 0% 38%,#0000 52% 100%);mask-image:linear-gradient(#000 0% 38%,#0000 52% 100%)}.hero-warm{background:radial-gradient(ellipse at 68% 38%, var(--madu), transparent 72%);mix-blend-mode:screen;opacity:0;pointer-events:none}.hero-shade{pointer-events:none;background:linear-gradient(90deg,#17110af5 0%,#17110ae0 22%,#17110a00 48%),linear-gradient(#17110a8c,#0000 18%),linear-gradient(#0000 68%,#17110a80)}.hero-copy{left:var(--gutter);width:min(34vw,540px);text-shadow:var(--shadow-text);position:absolute}.hero-copy .meta{color:var(--madu-terang);margin-bottom:var(--space-3)}.hero-copy h1{font-size:clamp(44px,min(5.4vw,13svh),92px);line-height:var(--leading-h1)}.hero-copy h2{font-size:clamp(32px,min(3.6vw,8svh),62px);line-height:var(--leading-h2);max-width:16ch}.hero-sub{max-width:44ch;margin-top:var(--space-3);color:var(--kertas)}.hero-copy-second .hero-sub{max-width:62ch;color:var(--teks-redup-di-malam)}.hero-sub,.section-heading p,.taste-card>p,.lapis-copy>p,.material-detail p,.story-copy p,.product-description,.product-scarcity,.product-note,.interlude h2,.closing-line,.footer-legal{text-wrap:balance}.hero-copy-second{opacity:0;transform:translateY(12px)}.scroll-hint{right:var(--gutter);bottom:var(--space-4);color:var(--madu-terang);font-size:var(--size-meta);letter-spacing:.14em;text-shadow:var(--shadow-text);position:absolute}@media (width<=1023px){.hero-scene{width:88vw;height:var(--hero-image-height);border-radius:18px;inset:8svh auto auto 6vw;overflow:hidden;-webkit-mask-image:none;mask-image:none}.hero-scene img{object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(#0000 35%,#17110aa6 62% 100%)}.hero-copy{right:var(--gutter);width:auto;max-width:540px}.hero-copy h1{max-width:11ch}.hero-sub{font-size:17px}}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero-pin{height:auto;position:relative;overflow:hidden}.hero-scene{border-radius:0;width:100%;height:65vh;position:relative;inset:auto;-webkit-mask-image:none;mask-image:none;transform:none!important}.hero-scene img{object-fit:contain}.hero-lift,.hero-warm,.hero-shade,.scroll-hint{display:none}.hero-copy{width:auto;max-width:840px;padding:var(--space-6) var(--gutter);position:relative;inset:auto;opacity:1!important;transform:none!important}.hero-copy-second{padding-top:0;padding-bottom:var(--section)}.rail{display:none}}.container{width:min(100% - 2 * var(--gutter), var(--content-width));margin-inline:auto}.section-pad{padding-block:var(--section)}.section-heading{margin-bottom:var(--space-6)}.section-heading h2{max-width:12ch}.section-heading p{margin-top:var(--space-2);color:var(--teks-redup-di-malam)}.tastes{background:var(--malam)}.taste-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.taste-card .image-reveal{margin-bottom:var(--space-4);border-radius:var(--radius-card)}.taste-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.taste-card .meta{color:var(--madu-terang);margin-bottom:var(--space-2)}.taste-card h3{margin-bottom:var(--space-2)}.taste-card>p:last-child{color:var(--teks-redup-di-malam);max-width:28ch}.material{background:var(--malam-2);color:var(--kertas)}.material-detail{gap:var(--space-8);grid-template-columns:7fr 5fr;align-items:start;display:grid}.material-detail h2{max-width:10ch}.material-detail p{margin-top:var(--space-4);max-width:47ch;color:var(--teks-redup-di-malam)}.specifications{border-top:1px solid var(--garis-di-malam);margin:0;padding:0;list-style:none}.specifications li{padding-block:var(--space-3);border-bottom:1px solid var(--garis-di-malam)}.specifications li:before{content:"";background:var(--madu);border-radius:50%;width:8px;height:8px;margin-right:14px;display:inline-block}.story{background:var(--malam)}.story-image{isolation:isolate;height:100svh;min-height:520px;position:relative}.story-image img{object-fit:cover;width:100%;height:116%;translate:0 var(--shift,0px);position:absolute;inset:-8% 0}.story-image:after{content:"";background:linear-gradient(0deg, var(--malam) 0%, #17110a80 30%, transparent 62%), linear-gradient(180deg, var(--malam-2) 0%, transparent 16%);position:absolute;inset:0}.story-image h2{z-index:1;bottom:var(--space-6);left:var(--gutter);right:var(--gutter);max-width:16ch;color:var(--kertas);text-shadow:var(--shadow-text);position:absolute}.story-copy{gap:var(--space-8);padding-block:var(--space-6) 0;grid-template-columns:1fr 1fr;display:grid}.story-copy p{max-width:48ch;color:var(--teks-redup-di-malam)}.product{background:radial-gradient(ellipse 70% 50% at 50% 78%, var(--cahaya-madu), transparent 72%), var(--malam);position:relative}.product-grid{align-items:center;gap:var(--space-8);background:linear-gradient(160deg, #26190c, var(--arang) 58%);border:1px solid var(--garis-di-malam);border-radius:32px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding:clamp(24px,4vw,64px);display:grid;box-shadow:0 48px 140px -48px #de9a1f61}.product-copy h2{font-size:clamp(64px,11vw,160px);line-height:.95}.product-spec{margin-top:var(--space-2);color:var(--madu-terang)}.product-description{margin-top:var(--space-3);max-width:40ch;color:var(--teks-redup-di-malam)}.price{margin-top:var(--space-4);color:var(--madu-terang);font:600 clamp(52px, 7vw, 104px) / 1.05 var(--font-display);font-variation-settings:var(--display-variation);font-optical-sizing:auto}.product-note{font-size:var(--size-meta);color:var(--teks-redup-di-malam);margin-top:var(--space-1)}.product-scarcity{margin-top:var(--space-2);max-width:40ch;color:var(--teks-redup-di-malam)}.wa-preview{max-width:42ch;margin-top:var(--space-4);color:var(--kertas);background:#25d36612;border:1px solid #25d36661;border-radius:18px 18px 18px 4px;padding:14px 18px;font-size:15px;line-height:1.5;position:relative}.wa-preview:before{content:attr(data-pesan)}.whatsapp{width:100%;min-height:76px;padding:var(--space-2) var(--space-4);margin-top:var(--space-3);margin-bottom:var(--space-1);border-radius:var(--radius-pill);color:var(--arang);background:var(--whatsapp);transition:transform var(--motion-fast) var(--ease-house);justify-content:center;align-items:center;gap:10px;font-size:clamp(18px,1.6vw,22px);font-weight:600;text-decoration:none;display:flex;position:relative;box-shadow:0 18px 56px -16px #25d3668c}.whatsapp:hover{transform:translateY(-2px)}.whatsapp svg{flex:none;width:28px;height:28px}.whatsapp{white-space:nowrap}@media (width<=480px){.whatsapp{padding-inline:var(--space-2)}}.product-image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-card);width:100%}.product-visual{border-radius:var(--radius-card);align-self:stretch;min-height:0}@media (width>=1024px){.product-image{aspect-ratio:auto;object-position:47% 50%;height:100%}}.footer{background:var(--malam);color:var(--kertas);border-top:1px solid var(--garis-di-malam);padding:var(--section) 0 0;overflow:hidden}.closing{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.closing-photo{aspect-ratio:21/9;border-radius:var(--radius-card);width:100%;position:relative;-webkit-mask-image:linear-gradient(#000 52%,#0000 100%);mask-image:linear-gradient(#000 52%,#0000 100%)}.closing-photo:after{content:"";background:radial-gradient(ellipse 62% 70% at 50% 46%, transparent 38%, var(--malam) 100%);pointer-events:none;position:absolute;inset:0}.closing-image{aspect-ratio:auto;object-fit:cover;object-position:50% 26%;width:100%;height:100%}.closing-medal{filter:drop-shadow(0 14px 30px #0009);flex:none;width:clamp(120px,12vw,164px);height:auto;margin-top:calc(clamp(120px,12vw,164px)/-1.7);position:relative}.medal-line{fill:none;stroke:var(--madu-tua);stroke-width:1px}.medal-text{font:600 15px/1 var(--font-body);fill:var(--madu-terang);text-transform:uppercase}.closing-medal g path{fill:var(--madu-terang)}.closing-copy{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.closing-beat{color:var(--madu-terang);font:600 clamp(44px, 7vw, 96px) / 1 var(--font-display);font-variation-settings:var(--display-variation);letter-spacing:-.01em}.closing-line{max-width:34ch;color:var(--teks-redup-di-malam);font-size:clamp(16px,1.3vw,18px)}.footer-bar{margin-top:var(--space-8);border-top:1px solid var(--garis-di-malam);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;padding-block:20px 28px;display:flex}.footer-lockup{align-items:center;gap:10px;display:flex}.footer-lockup .mark{width:18px;height:24.5px}.footer-wordmark{font:600 16px/1 var(--font-display);font-variation-settings:var(--display-variation);letter-spacing:.08em}.footer-links{font:600 13px/1.65 var(--font-body);letter-spacing:.14em;flex-wrap:wrap;justify-content:center;gap:28px;margin-block:16px;display:flex}.footer-bar .footer-links{margin-block:0}.footer-links a{text-underline-offset:4px;text-decoration:none;text-decoration-color:var(--madu)}.footer-links a:hover{text-decoration-line:underline}.footer-legal{color:var(--kertas);opacity:.65;font-size:12.5px}@media (width<=640px){.closing-photo{aspect-ratio:4/3}.footer-bar{text-align:center;flex-direction:column;justify-content:center}}@media (width<=1023px){.material-detail,.story-copy,.product-grid{grid-template-columns:minmax(0,1fr)}.taste-card>p:last-child{max-width:none}.material-detail,.story-copy,.product-grid{gap:var(--space-6)}.material-detail h2{max-width:16ch}}@media (prefers-reduced-motion:reduce){.whatsapp{transition:none}.whatsapp:hover{transform:none}}@media (width<=1024px){.taste-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.taste-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.taste-card img{aspect-ratio:16/10}.story-image{height:78svh}.product-grid{border-radius:24px}}@media (width<=480px){.header{padding-block:var(--space-2)}.footer-links{letter-spacing:.08em;gap:10px 16px}}@media (width<=380px){.brand{gap:var(--space-1)}.hero-sub{margin-top:var(--space-2)}}.hero-media{animation:scene-load 1.2s var(--ease-house) both}.hero-video{object-fit:cover;width:100%;height:100%}.hero-ambient{pointer-events:none;background:radial-gradient(ellipse at 62% 35%, color-mix(in srgb, var(--kertas) 6%, transparent), transparent 72%);animation:26s ease-in-out infinite alternate drift}.hero-copy-enter{animation:copy-load .9s var(--ease-house) both;animation-delay:.24s}@keyframes scene-load{0%{opacity:0}to{opacity:1}}@keyframes copy-load{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{opacity:.5;transform:translate(-3%)}to{opacity:.8;transform:translate(3%)}}@media (prefers-reduced-motion:reduce){.hero-media{animation:none;position:relative}.hero-video{object-fit:contain;width:100%;height:65vh}.hero-copy-enter,.hero-ambient{animation:none}.hero-ambient{opacity:.5;transform:none}.hero-copy{max-width:1100px}}.hero-smoke{pointer-events:none;mix-blend-mode:screen;transform-origin:62% 70%;position:absolute;inset:0;overflow:hidden}.smoke{left:calc(var(--cx) - var(--sz) / 2);top:calc(var(--cy) - var(--sz) / 2);width:var(--sz);aspect-ratio:1;opacity:0;filter:blur(9px);will-change:transform, opacity;animation:smoke-intro 5s var(--ease-house) var(--d) both, smoke-ambient 46s ease-in-out calc(var(--d) + 5s) infinite alternate;background:url(/_astro/asap-sprite.CzfpIEIw.webp) 50%/contain no-repeat;position:absolute}.smoke-a{--d:0s;--cx:62vw;--cy:74svh;--sz:54vmax;--peak:.5;--rest:.05;--x0:1vw;--y0:12svh;--s0:.78;--r0:-7deg;--x1:-3vw;--y1:-9svh;--s1:1.2;--r1:5deg}.smoke-b{--d:.35s;--cx:80vw;--cy:48svh;--sz:46vmax;--peak:.46;--rest:.045;--x0:-2vw;--y0:10svh;--s0:.85;--r0:24deg;--x1:5vw;--y1:-12svh;--s1:1.28;--r1:38deg}.smoke-c{--d:.7s;--cx:52vw;--cy:90svh;--sz:62vmax;--peak:.5;--rest:.04;--x0:3vw;--y0:4svh;--s0:.9;--r0:168deg;--x1:-6vw;--y1:-6svh;--s1:1.16;--r1:176deg}@keyframes smoke-intro{0%{opacity:0;transform:translate3d(var(--x0), var(--y0), 0) scale(var(--s0)) rotate(var(--r0))}16%{opacity:var(--peak)}52%{opacity:calc(var(--peak) * .52)}to{opacity:var(--rest);transform:translate3d(var(--x1), var(--y1), 0) scale(var(--s1)) rotate(var(--r1))}}@keyframes smoke-ambient{0%{opacity:var(--rest);transform:translate3d(var(--x1), var(--y1), 0) scale(var(--s1)) rotate(var(--r1))}to{opacity:calc(var(--rest) * 1.5);transform:translate3d(calc(var(--x1) + 3vw), calc(var(--y1) - 4svh), 0) scale(calc(var(--s1) * 1.06)) rotate(calc(var(--r1) + 3deg))}}@media (width<=1023px){.smoke-a{--cx:52vw;--cy:36svh;--sz:96vw}.smoke-b{--cx:82vw;--cy:24svh;--sz:72vw}.smoke-c{--cx:38vw;--cy:46svh;--sz:104vw}}@media (prefers-reduced-motion:reduce){.hero-smoke{display:none}}.pour{background:var(--malam);color:var(--kertas);position:relative;overflow-x:clip}.pour-pin{align-items:center;gap:var(--space-6);width:min(100%, calc(var(--content-width) + 2 * var(--gutter)));padding:var(--section) var(--gutter);background:var(--malam);grid-template-columns:minmax(0,5fr) minmax(0,6fr);margin-inline:auto;display:grid}.pour-scene{aspect-ratio:3/4;grid-area:1/2;justify-self:center;height:min(92svh,820px);position:relative}.pour-glow{background:radial-gradient(ellipse 48% 26% at 46% 78%, var(--cahaya-madu), transparent 72%);pointer-events:none;position:absolute;inset:6% -24% -6%}.pour-dipper{mix-blend-mode:lighten;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16% 78%,#0000 100%)}.pour-photo-fade{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 33.5%,#0000 36.5% 100%);mask-image:linear-gradient(#000 0% 33.5%,#0000 36.5% 100%)}.pour-photo{width:var(--photo-w);left:var(--photo-x);top:var(--photo-y);filter:brightness(.9)contrast(1.2);max-width:none;height:auto;position:absolute}.pour-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pour-pool-shade{fill:#000;opacity:.3}.pour-pool-line{fill:none;stroke:#ffe9a8;stroke-opacity:.45;stroke-width:1.4px;stroke-linecap:round}.pour-ripple{fill:none;stroke:var(--madu-terang);stroke-width:1.4px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;opacity:0;transform:scale(.05)}.pour-thread,.pour-fall{stroke:#f2b03538;stroke-width:7px;stroke-linejoin:round;paint-order:stroke}.pour-glint,.pour-fall-glint{fill:#fff3c9;fill-opacity:.8}.pour-caption{gap:var(--space-3);color:var(--madu-terang);font:600 clamp(40px, 6.4vw, 96px) / 1 var(--font-display);font-variation-settings:var(--display-variation);letter-spacing:-.01em;flex-direction:column;grid-area:1/1;display:flex}.motion-ready .pour{height:280vh}.motion-ready .pour-pin{height:100svh;padding-block:0;position:sticky;top:0;overflow:hidden}.motion-ready .pour-caption{display:grid}.motion-ready .pour-beat{transition:opacity .35s var(--ease-house);grid-area:1/1}.motion-ready .pour-beat-first.is-away,.motion-ready .pour-beat-second{opacity:0}.motion-ready .pour-beat-second.is-here{opacity:1;transition:opacity .6s var(--ease-house) .3s}@media (width<=1023px){.pour-pin{align-content:center;justify-items:center;gap:var(--space-3);text-align:center;grid-template-columns:minmax(0,1fr)}.pour-scene{height:min(54svh, calc((100vw - 2 * var(--gutter)) * 4 / 3));grid-area:1/1}.pour-caption{grid-area:2/1;align-items:center;font-size:clamp(44px,13vw,72px)}.motion-ready .pour-caption{justify-items:center}}@media (prefers-reduced-motion:reduce){.motion-ready .pour{height:auto}.motion-ready .pour-pin{height:auto;padding-block:var(--section);position:relative;overflow:visible}.motion-ready .pour-caption{display:flex}.motion-ready .pour-beat{transition:none}.motion-ready .pour-beat-first.is-away,.motion-ready .pour-beat-second{opacity:1}}.image-reveal{overflow:hidden}.motion-ready [data-reveal]{opacity:0;transition:opacity .9s var(--ease-house), transform .9s var(--ease-house);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.motion-ready [data-reveal].is-revealed{opacity:1;transform:translateY(0)}.motion-ready [data-image-reveal] img{transition:transform 1.2s var(--ease-house);transform:scale(1.06)}.motion-ready [data-image-reveal].is-revealed img{transform:scale(1)}.motion-ready .product-grid.is-revealed .whatsapp:after{content:"";border:2px solid var(--whatsapp);border-radius:var(--radius-pill);opacity:0;pointer-events:none;animation:cta-ring 1.6s var(--ease-house) .9s 2 both;position:absolute;inset:-6px}@keyframes cta-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.12,1.4)}}.marquee{background:var(--malam);height:56px;color:var(--madu);border-block:1px solid var(--garis-di-malam);font:600 13px/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;align-items:center;display:flex;overflow:hidden}.marquee-track{width:max-content;animation:35s linear infinite paused marquee-loop;display:flex}.marquee-group{white-space:pre;flex:none;display:flex}@keyframes marquee-loop{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.motion-ready [data-reveal],.motion-ready [data-image-reveal] img{opacity:1;transition:none;transform:none}.marquee{overflow-x:auto}.marquee-track{width:max-content;min-width:100%;animation:none}.marquee-group{margin-inline:auto}.marquee-group+.marquee-group,.marquee-group span+span{display:none}}.interlude{min-height:100svh;padding:var(--section) var(--gutter);background:radial-gradient(ellipse 58% 46% at 50% 40%, var(--cahaya-madu), transparent 72%), var(--malam);color:var(--kertas);text-align:center;place-items:center;display:grid;position:relative}.interlude h2{max-width:14em;font-size:clamp(34px,6.2vw,104px)}@media (width<=599px){.interlude h2{max-width:10.3em;font-size:clamp(27px,8.7vw,34px)}}@media (prefers-reduced-motion:no-preference){.hero-copy-first,.hero-copy-second{top:44svh;bottom:auto}.hero-copy-first .hero-copy-enter>*,.hero-copy-second>*{transition:opacity .35s var(--ease-house)}.hero-copy-first.is-away .hero-copy-enter>*,.hero-copy-second>*{opacity:0}.hero-copy-second.is-here>*{opacity:1;transition:opacity .6s var(--ease-house) .3s}}@media (width<=1023px) and (prefers-reduced-motion:no-preference){.hero-copy-first,.hero-copy-second{top:max(44svh, calc(8svh + var(--hero-image-height) + 28px))}.hero-copy-first h1{font-size:min(var(--size-h1), 9svh, 14.4vw)}.hero-copy-second h2{font-size:clamp(30px,5svh,40px)}}.lapis-stage{background:var(--malam);height:320vh;display:none;position:relative}.motion-ready .lapis-stage{display:block}.motion-ready .taste-grid{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.motion-ready .tastes{padding-bottom:0}.lapis-pin{height:100svh;position:sticky;top:0;overflow:hidden}.lapis-pin:after{content:"";background:linear-gradient(0deg, var(--malam) 0%, transparent 22%), linear-gradient(180deg, var(--malam) 0%, transparent 14%);pointer-events:none;position:absolute;inset:0}.lapis-layer{opacity:0;transition:opacity 1.1s var(--ease-house);position:absolute;inset:0}.lapis-layer.is-on{opacity:1}.lapis-image{object-fit:cover;width:50%;height:100%;transition:transform 1.2s var(--ease-house);position:absolute;inset:0 0 0 50%;transform:scale(1.05);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22%);mask-image:linear-gradient(90deg,#0000 0%,#000 22%)}.lapis-layer.is-on .lapis-image{transform:scale(1)}.lapis-copy{padding:var(--gutter) var(--gutter) var(--gutter) calc(var(--gutter) + 48px);transition:transform 1.1s var(--ease-house);flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0 50% 0 0;transform:translateY(12px)}.lapis-layer.is-on .lapis-copy{transform:translateY(0)}.lapis-copy .meta{color:var(--madu-terang);margin-bottom:var(--space-2)}.lapis-copy h3{margin-bottom:var(--space-3);font-size:clamp(44px,6.4vw,104px);line-height:1}.lapis-copy>p:last-child{max-width:28ch;color:var(--teks-redup-di-malam)}.lapis-progress{top:25%;bottom:25%;left:var(--gutter);gap:12px;display:flex;position:absolute}.lapis-rail{background:var(--garis-di-kertas);opacity:.45;width:1px;height:100%}.lapis-fill{background:var(--madu-tua);transform-origin:top;background:linear-gradient(var(--madu-tua), var(--madu-terang));height:100%;display:block;transform:scaleY(0)}.lapis-labels{color:var(--teks-redup-di-malam);flex-direction:column;justify-content:space-between;font-size:12px;display:flex}.lapis-labels span{border-radius:var(--radius-pill);opacity:.6;padding:2px 8px}.lapis-labels .is-on{color:var(--arang);background:var(--madu-terang);opacity:1}@media (width>=641px) and (width<=1023px){.lapis-copy h3{font-size:clamp(34px,5.4vw,56px)}}@media (width<=640px){.lapis-image{width:100%;height:52svh;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 76%,#0000 100%);mask-image:linear-gradient(#000 76%,#0000 100%)}.lapis-copy{justify-content:flex-start;padding-top:0;inset:52svh 0 0}.lapis-copy h3{margin-bottom:var(--space-2);font-size:clamp(40px,12vw,56px)}.lapis-progress{top:calc(52svh + 24px);bottom:24px}}@media (prefers-reduced-motion:reduce){.motion-ready .lapis-stage{display:none}.motion-ready .taste-grid{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}.motion-ready .tastes{padding-bottom:var(--section)}}.interlude-content{flex-direction:column;align-items:center;gap:8px;display:flex}.honey-fall{width:120px;height:120px;position:relative}.honey-thread{background:linear-gradient(var(--madu-tua), var(--madu));transform-origin:top;width:2px;height:54px;animation:honey-thread 6.5s var(--ease-house) infinite;position:absolute;top:0;left:calc(50% - 1px)}.honey-fall:after{content:"";background:var(--madu);border-radius:50%;width:2px;height:2px;position:absolute;top:53px;left:calc(50% - 1px)}.honey-drop{fill:var(--madu);stroke:var(--madu-tua);stroke-width:.5px;transform-origin:50% 0;animation:honey-drop 6.5s var(--ease-house) infinite;position:absolute;top:54px;left:calc(50% - 7.5px);overflow:visible}.honey-thread,.honey-drop{animation-play-state:paused}.interlude.drip-on .honey-thread,.interlude.drip-on .honey-drop{animation-play-state:running}@keyframes honey-drop{0%{opacity:1;transform:translateY(0)scale(.25)}30%{opacity:1;animation-timing-function:ease-in;transform:translateY(6px)scale(1)}42%{opacity:1;transform:translateY(58px)scaleY(1.15)}50%,to{opacity:0;transform:translateY(58px)scaleY(1.15)}}@keyframes honey-thread{0%,50%,to{transform:scaleY(1)}30%,42%{transform:scaleY(1.11111)}46%{transform:scaleY(.944444)}}.honey-ripple{border:1px solid var(--madu);opacity:0;width:88px;height:12px;animation:honey-ripple 6.5s var(--ease-house) infinite;border-radius:50%;animation-play-state:paused;position:absolute;top:124px;left:calc(50% - 44px)}.interlude.drip-on .honey-ripple{animation-play-state:running}@keyframes honey-ripple{0%,42%{opacity:0;transform:scale(.15)}46%{opacity:.85;transform:scale(.4)}72%,to{opacity:0;transform:scale(1)}}@media (width>=1024px){.honey-fall{transform-origin:bottom;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.honey-thread,.honey-drop{opacity:1;animation:none;transform:none}.honey-ripple{display:none}}
