@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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-wght-normal.CcLUaPy7.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-wght-normal.DLoelf7F.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{--ink:oklch(27.72% .0284 47.65);--muted:oklch(50% .03 57.89);--paper:#fff;--cream:oklch(95.5% .02 65.4);--line:oklch(90.44% .0225 67.49);--accent:oklch(53.94% .1293 56.79);--accent-hover:oklch(48% .12 56.79);--rendang:#3d1a0a;--on-rendang:#f7ede3;--danger:oklch(52% .2 25.73);--display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--body:"Inter Variable", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px);--wide:1200px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);min-height:100dvh;color:var(--ink);font:400 1rem/1.6 var(--body);flex-direction:column;margin:0;display:flex}main{flex:1}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);font-optical-sizing:auto;margin:0;line-height:1.05}h1{letter-spacing:-.035em;font-size:clamp(2.6rem,7vw,5.25rem);font-weight:800}h2{letter-spacing:-.02em;font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:750}h3{letter-spacing:-.005em;font-size:1.2rem;font-weight:650;line-height:1.25}p{max-width:62ch;margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:min(var(--wide), 100% - 2 * var(--gutter));margin-inline:auto}.muted{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:10;background:color-mix(in oklab, var(--paper) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{align-items:center;gap:24px;min-height:68px;display:flex}.brand{font:750 1.15rem/1 var(--display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:40px;height:40px}.site-nav{align-items:center;gap:20px;margin-left:auto;display:flex}.site-nav a{font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--accent)}.cart-link{background:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;color:var(--paper)!important}.cart-count{background:var(--accent);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:1.5em;padding:0 6px;font-size:.8rem}@media (width<=640px){.site-nav .hide-sm,.brand span{display:none}}.hero{background:var(--rendang);color:var(--on-rendang)}.hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,4vw,64px);padding-block:clamp(40px,7vw,96px) clamp(8px,2vw,24px);display:grid}.hero p{color:color-mix(in oklab, var(--on-rendang) 82%, var(--rendang));max-width:46ch;margin-top:20px;font-size:clamp(1.05rem,1.6vw,1.25rem)}.hero .actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-photo{aspect-ratio:1;width:min(100%,460px);box-shadow:0 0 0 12px color-mix(in oklab, var(--on-rendang) 10%, transparent);background:#fff;border-radius:50%;justify-self:center;place-items:center;margin:0;display:grid;overflow:hidden}.hero-photo img{width:92%}.gonjong{width:100%;height:clamp(48px,8vw,110px);color:var(--rendang);margin-top:-1px;display:block}@media (width<=760px){.hero .wrap{grid-template-columns:1fr;padding-top:32px}.hero-photo{width:min(100%,300px)}}.btn{min-height:48px;font:600 1rem/1 var(--body);cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn.ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 1.5px}.btn.ghost:hover{background:color-mix(in oklab, currentColor 10%, transparent)}.btn:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.btn.block{width:100%}label,.field{gap:6px;font-size:.95rem;font-weight:550;display:grid}input,textarea,select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--paper);border-radius:12px;width:100%;min-height:48px;padding:12px 14px}input:hover,textarea:hover{border-color:oklch(80% .03 67)}input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in oklab, var(--accent) 45%, transparent);outline-offset:0;border-color:var(--accent)}.hint{color:var(--muted);font-size:.85rem;font-weight:400}.error{color:var(--danger);font-size:.9rem;font-weight:500}.section{padding-block:clamp(48px,7vw,96px)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:32px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(24px,3vw,40px) clamp(16px,2.5vw,32px);display:grid}.product{gap:6px;text-decoration:none;display:grid}.product .plate{aspect-ratio:1;display:block;position:relative}.product .plate:before{content:"";background:var(--cream);opacity:0;border-radius:50%;transition:scale .45s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;inset:6%;scale:.7}.product img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;width:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative}.product:is(:hover,:focus-visible) .plate:before{opacity:1;scale:1}.product:is(:hover,:focus-visible) img{transform:translateY(-6px)scale(1.03)}.product h3{transition:color .2s}.product:hover h3{color:var(--accent)}.product .price{font-variant-numeric:tabular-nums;font-weight:600}@media (width<=560px){.grid{grid-template-columns:1fr 1fr}.product h3{font-size:1.05rem}}.stock{color:var(--muted);font-size:.875rem}.stock.out{color:var(--danger)}.band{background:var(--cream)}.certs{font:650 1.1rem/1.3 var(--display);flex-wrap:wrap;gap:10px 28px;margin-top:20px;display:flex}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:32px;margin:32px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;align-content:start;gap:8px;display:grid}.steps li:before{content:counter(step);font:800 2.5rem/1 var(--display);color:var(--accent)}@media (width<=760px){.steps{grid-template-columns:1fr;gap:24px}}.detail{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,5vw,72px);padding-block:clamp(24px,5vw,64px);display:grid}.detail .photo{position:sticky;top:88px}.detail .info{gap:20px;display:grid}.crumb{color:var(--muted);font-size:.9rem}.crumb a{text-decoration:none}.big-price{font:750 2rem/1 var(--display);font-variant-numeric:tabular-nums}.variants{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.variants legend{margin-bottom:10px;font-weight:550}.chip{position:relative}.chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.chip span{border:1.5px solid var(--line);border-radius:14px;flex-direction:column;padding:10px 16px;font-weight:550;display:inline-flex}.chip small{color:var(--muted);font-weight:400}.chip input:checked+span{border-color:var(--ink);background:var(--cream)}.chip input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.chip input:disabled+span{opacity:.5;text-decoration:line-through}.qty{border:1px solid var(--line);border-radius:999px;align-items:center;display:inline-flex}.qty button{cursor:pointer;width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:999px;font-size:1.25rem}.qty button:disabled{color:var(--line);cursor:not-allowed}.qty output{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5ch;font-weight:600}.buy{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.added{font-weight:500}@media (width<=760px){.detail{grid-template-columns:1fr}.detail .photo{max-width:420px;position:static}}.page{padding-block:clamp(32px,5vw,64px)}.cart{grid-template-columns:1fr 340px;align-items:start;gap:clamp(24px,4vw,56px);margin-top:32px;display:grid}.lines{margin:0;padding:0;list-style:none;display:grid}.line{border-bottom:1px solid var(--line);grid-template-columns:88px 1fr auto;align-items:center;gap:16px;padding-block:16px;display:grid}.line img{aspect-ratio:1;object-fit:contain;width:88px}.line .remove{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.875rem;text-decoration:underline}.summary{background:var(--cream);border-radius:20px;gap:14px;padding:24px;display:grid;position:sticky;top:88px}.summary .row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.summary .total{font:750 1.4rem/1.2 var(--display)}.form{gap:18px;display:grid}.form .two{grid-template-columns:1fr 1fr;gap:18px;display:grid}fieldset.group{border:0;gap:18px;margin:0;padding:0;display:grid}fieldset.group legend{font:700 1.3rem/1.2 var(--display);margin-bottom:8px}.empty{justify-items:start;gap:16px;padding-block:48px;display:grid}@media (width<=860px){.cart{grid-template-columns:1fr}.summary{position:static}}@media (width<=520px){.form .two{grid-template-columns:1fr}.line{grid-template-columns:64px 1fr}.line img{width:64px}.line .qty-cell{grid-column:2}}.status{background:var(--cream);border-radius:999px;padding:6px 12px;font-weight:600;display:inline-block}.lookup{flex-wrap:wrap;gap:12px;max-width:760px;margin-top:24px;display:flex}.lookup input{flex:240px}.site-footer{background:var(--rendang);color:var(--on-rendang);margin-top:0;padding-block:48px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer img{width:56px;height:56px}.social{gap:20px;display:flex}.btn{transition:background-color .2s,scale .15s,box-shadow .2s}.btn:not(:disabled):active{scale:.96}.btn.add.done{background:var(--ink)}.btn .tick{animation:.35s cubic-bezier(.3,1.6,.5,1) tick-in;display:inline-block}.chip span{transition:border-color .2s,background-color .2s,translate .2s}.chip:hover input:not(:disabled)+span{border-color:color-mix(in oklab, var(--ink) 45%, var(--line));translate:0 -2px}.qty button{transition:background-color .15s}.qty button:not(:disabled):hover{background:var(--cream)}.site-nav a,.cart-link{transition:color .2s,background-color .2s}.cart-link:hover{background:var(--accent)!important}@keyframes tick-in{0%{rotate:-30deg;scale:0}}@keyframes rise{0%{opacity:0;translate:0 18px}}@keyframes plate-in{0%{opacity:0;rotate:-8deg;scale:.86}}@media (prefers-reduced-motion:no-preference){.intro h1{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.intro p{animation:.7s cubic-bezier(.2,.8,.2,1) .1s both rise}.intro .actions{animation:.7s cubic-bezier(.2,.8,.2,1) .2s both rise}.intro .hero-photo{animation:.9s cubic-bezier(.2,.8,.2,1) .1s both plate-in}@view-transition{navigation:auto;types:page}.site-header{view-transition-name:site-header}.site-footer{view-transition-name:site-footer}::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}html:active-view-transition-type(page)::view-transition-old(root){animation:.15s ease-in both fade-out}html:active-view-transition-type(page)::view-transition-new(root){animation:.35s cubic-bezier(.2,.8,.2,1) both rise}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}