@font-face{font-family:Fraunces;src:url(/_astro/fraunces-var.CG82zr1V.woff2)format("woff2");font-style:normal;font-weight:560 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;--putih:#fff;--font-display:"Fraunces", serif;--font-body:"Inter", sans-serif;--display-variation:"wght" 600, "SOFT" 100;--size-h1:clamp(44px, 9vw, 104px);--size-h2:clamp(32px, 5.4vw, 56px);--size-card:clamp(24px, 3vw, 32px);--size-body:clamp(17px, 1.5vw, 19px);--size-meta:clamp(12px, 1vw, 13px);--leading-body:1.65;--leading-h1:1.04;--leading-h2:1.1;--tracking-meta:.18em;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-section:clamp(80px, 10vw, 144px);--gutter:clamp(24px, 5vw, 80px);--content-width:1280px;--radius-card:20px;--radius-pill:999px;--shadow-text:0 2px 24px #17110a73;--motion-fast:.16s;--motion-ease:ease-out}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--malam)}body{color:var(--arang);background:var(--kertas);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--leading-body);margin:0}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-tua);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}.hero{height:300vh;color:var(--kertas);background:var(--malam)}.hero-pin{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.hero-scene,.hero-lift,.hero-warm,.hero-shade{position:absolute;inset:0}.hero-scene{transform-origin:55% 45%}.hero-scene img{object-fit:cover;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 65% 35%, var(--madu), transparent 75%);mix-blend-mode:screen;opacity:0;pointer-events:none}.hero-shade{pointer-events:none;background:linear-gradient(90deg,#17110acc,#0000 75%),linear-gradient(#0000 40%,#17110a99)}.hero-copy{bottom:12%;left:var(--gutter);right:var(--gutter);max-width:690px;text-shadow:var(--shadow-text);position:absolute}.hero-copy .meta{color:var(--madu-terang);margin-bottom:var(--space-3)}.hero-copy h1{max-width:10ch}.hero-copy h2{max-width:16ch}.hero-sub{max-width:44ch;margin-top:var(--space-3)}.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);position:absolute}@media (width<=1023px){.hero-scene{width:88vw;height:min(52svh,100svh - 370px);inset:8svh auto auto 6vw}.hero-scene img{object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(#0000 35%,#17110aa6 62% 100%)}.hero-copy{max-width:540px;bottom:10%}.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{width:100%;height:65vh;position:relative;inset:auto;transform:none!important}.hero-scene img{object-fit:contain}.hero-lift,.hero-warm,.hero-shade,.scroll-hint{display:none}.hero-copy{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(--space-section)}}.container{width:min(100% - 2 * var(--gutter), var(--content-width));margin-inline:auto}.section-pad{padding-block:var(--space-section)}.section-heading{margin-bottom:var(--space-6)}.section-heading p{margin-top:var(--space-2);color:var(--teks-redup-di-kertas)}.taste-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.taste-card img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:var(--space-4)}.taste-card .meta{color:var(--madu-tua);margin-bottom:var(--space-2)}.taste-card h3{margin-bottom:var(--space-2)}.taste-card>p:last-child{color:var(--teks-redup-di-kertas);max-width:28ch}.material{background:var(--malam);color:var(--kertas)}.macro-image{object-fit:cover;width:100%;height:70vh}.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}.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)}.story{background:var(--lilin)}.story-image{isolation:isolate;position:relative}.story-image img{object-fit:cover;width:100%;height:60vh}.story-image:after{content:"";background:linear-gradient(#0000 20%,#17110aa6);position:absolute;inset:0}.story-image h2{z-index:1;bottom:var(--space-6);left:var(--gutter);right:var(--gutter);max-width:20ch;color:var(--kertas);text-shadow:var(--shadow-text);position:absolute}.story-copy{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.story-copy p{max-width:48ch}.product-grid{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.product-copy h2{font-size:56px}.product-spec{margin-top:var(--space-2)}.product-description{margin-top:var(--space-4);max-width:40ch;color:var(--teks-redup-di-kertas)}.price{margin-top:var(--space-6);color:var(--madu-tua);font:600 40px/1.2 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-kertas);margin-top:var(--space-1)}.whatsapp{min-height:52px;padding:var(--space-2) var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-1);border-radius:var(--radius-pill);color:var(--arang);background:var(--whatsapp);transition:transform var(--motion-fast) var(--motion-ease);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.whatsapp:hover{transform:translateY(-2px)}.product-image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-card);width:100%}.footer{background:var(--malam);color:var(--kertas)}.footer-ribbon{object-fit:cover;width:100%;height:120px}.footer-copy{justify-content:space-between;align-items:start;gap:var(--space-6);padding-block:var(--space-6);display:flex}.footer-copy>p:last-child{max-width:52ch;font-size:var(--size-meta);opacity:.75}@media (width<=1023px){.taste-grid,.material-detail,.story-copy,.product-grid{grid-template-columns:minmax(0,1fr)}.taste-grid{gap:var(--space-8)}.taste-card img{aspect-ratio:16/10}.taste-card>p:last-child{max-width:none}.material-detail,.story-copy,.product-grid{gap:var(--space-6)}.material-detail h2{max-width:16ch}.product-image{grid-row:1}.footer-copy{gap:var(--space-3);flex-direction:column}}@media (prefers-reduced-motion:reduce){.whatsapp{transition:none}.whatsapp:hover{transform:none}}