@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/karya/_assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.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;font-stretch:75% 100%;src:url(/karya/_assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.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;font-stretch:75% 100%;src:url(/karya/_assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.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:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAWUAA4AAAAABvAAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABYAAAAWABEABEdQT1MAAAFcAAAAHgAAAB5EdEx1R1NVQgAAAXwAAAAnAAAAKLj8uOpPUy8yAAABpAAAAFUAAABgYo+sRGNtYXAAAAH8AAAAQgAAAFxB0OJbZ2FzcAAAAkAAAAAIAAAACAAAABBnbHlmAAACSAAAAT0AAAFaNhXKIGhlYWQAAAOIAAAANgAAADYqgLJdaGhlYQAAA8AAAAAfAAAAJBAY8MdobXR4AAAD4AAAABkAAAAiEYUB02xvY2EAAAP8AAAAFAAAABQBUAHKbWF4cAAABBAAAAAcAAAAIAAjAQBuYW1lAAAELAAAARoAAAJuNApRAXBvc3QAAAVIAAAASwAAAF2B645zAAEAAAAMAAAAAAAAAAIAAQABAAMAAQAAAAEAAAAKABwAHAABREZMVAAIAAQAAAAA//8AAAAAAAB42mNgZGBg4GJQA0ImFzefEAahnMSSPAY+BhBgARH//4NIAFpJBVUAeNotxbENQEAYhuH3/87hwhA3g1KvEANQGcAoKolJJKLR2AwJT/OQaLIFD5o1AN23jVRWgwofnF4JkAHi1zctXMS4u+NOwW0WIrYCqNQJRPIH7S0K2QAAAHjaY2BgYAJiZiAWAZKMYJqFwQNI8zFwAOXYGBQYHBkWMBxkZFLY8v8/UByF///J/wP/U/87/me8HwTUjQIAZb8SQgAAAAEAAf//AA942mJgAvQ4zXARx1H8vd8x2zx8riX/lW3btt2SzS3M7VN7t4Qte7q2ptx++sVnvy9UABBHogURyAAUCgcFUiWOxjTcMzbhnHGKaA2NZJ5O+tLJHDopA0s6GaCSqZwYJ2RE+Bz3GdfwMKozLh81XV3R+VT0wwyT6WdDtEk0gAB0T2Yywu5/ff2/Lqe1XfrB2/RG8sgJuEAQgJOC51iNSimVqXieCXd1cZYxLoovlro4uzLhvMDYEpVSw7G8oPLGVceU6KR8cYF4vK12yLbUcE7CjS2WxRlpRViAsR3J/RNiaRoeeAcJybFcWXN7pUadlJHkqYpJT4yMLA/rrXbwswNAlJACvCePIKKJwMhQ0jC4TQq2tmgKO6QUT4gOrCg6hkIQGKmUItiJlhcXy6PFhYkJhUSXlJSWmAhmxutO9wAAAAABAAAAAQLRsUtkZV8PPPUADwPoAAAAAN9+te8AAAAA3362EvlE/vcTHAOxAAAABgACAAAAAAAAeNpjYGRgYN72n42BgSnrp8t7P2EZoAgq4AAAe9wE3gB42mPKYogAYjkkzADFMgwMjKwM8wFSaARoAAAAAAAAFQAuADoARgBGAEYAiACWAK142mNgZGBg4GTIZ2Bn6GfgAvMQgIOBEQAZTQEkeNqNkQVOREEQRB/uxIPEfgR3d3d3iKHr7rvhWpyCQ3AYKpN1T6emvbvSA7TjpImG5g7gt2E3bTcw2DCcthvpbehP201s8pe2mxnnJ2238Mhb2m5llOW03SsL3MQlYWKsMyOJYSOKR5G47GnBg186RBSX8jcccylE+ZQfwEFQlVfKB4Up7hVxkVDPJ1Ge5UXNDOWxmGOaWeYkG1hms5NPEtIh3HjMLItRkqZyVVgUVphiCbvwxVjJbiu73Sranr/thSPOpOtkXuRV3nkghPk2N3PhNrl5ZoV5WY+41WGV9E/lcb4lKu1Vxma698w93ObiMXON4j9y4TEVCb6YVleIgKIpTfCkX+X4JIgrz5rBWcIikGYx9g9ueGIvAAB42mNgYgCD/3MYjIAUIwM64ARiFYaTjEwMzIzMjCyMrIxsbI5JRallqeyleZkGBo4GINrIwMmEMzG5tCQ1OT83CSxjbGAGANg9D2UA)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/karya/_assets/fragment-mono-latin-ext-400-normal-BbKYyvR9.woff2)format("woff2"),url(/karya/_assets/fragment-mono-latin-ext-400-normal-CT4YFKeK.woff)format("woff");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:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/karya/_assets/fragment-mono-latin-400-normal-yxdJ5AmL.woff2)format("woff2"),url(/karya/_assets/fragment-mono-latin-400-normal-BYwT3kSJ.woff)format("woff");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{--cream:#f4eee3;--tray:#eadfcb;--ink:#1e1a16;--muted:#7a6e62;--red:#e0412b;--cheese:#f6c544;--basil:#2f6b3a;--line:#1e1a1624;--font:"Bricolage Grotesque Variable", "Arial Rounded MT Bold", system-ui, sans-serif;--mono:"Fragment Mono", ui-monospace, Menlo, monospace;--pad:clamp(16px, 2.4vw, 36px);--radius:clamp(20px, 2.6vw, 40px)}*,:before,:after{box-sizing:border-box}html{background:var(--cream);-webkit-text-size-adjust:100%}html.locked{overflow:hidden}body{background:var(--cream);color:var(--ink);font:400 17px/1.45 var(--font);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.kicker,.tag{font:400 12px/1.3 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0}.big{font:760 clamp(44px, 6.4vw, 108px)/.9 var(--font);font-variation-settings:"wdth" 84;letter-spacing:-.025em;margin:0}.btn{min-height:48px;font:650 16px/1 var(--font);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1),background .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)rotate(-1.5deg)}.btn:active{transform:scale(.96)}.btn-dark{background:var(--ink);color:var(--cream)}.btn-red{background:var(--red);color:#fff}.btn-ghost{box-shadow:inset 0 0 0 2px var(--ink)}.loader{z-index:100;background:var(--red);color:var(--cream);place-content:center;justify-items:center;gap:10px;display:grid;position:fixed;inset:0}.loader-num{font:800 clamp(96px, 22vw, 280px)/.8 var(--font);font-variation-settings:"wdth" 75;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.loader-note{font:400 13px var(--mono);text-transform:uppercase}.bar{z-index:40;padding:calc(var(--pad) * .6) var(--pad);pointer-events:none;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.logo{font:800 30px/1 var(--font);font-variation-settings:"wdth" 80;letter-spacing:-.05em;text-decoration:none}.logo i{color:var(--red);font-style:normal}.bar-open{font:400 12px var(--mono);text-transform:uppercase;background:#f4eee3cc;border-radius:99px;justify-self:center;align-items:center;gap:8px;margin:0;padding:8px 14px;display:flex}.bar-open .dot{background:var(--basil);border-radius:50%;width:8px;height:8px;animation:2s infinite ping;box-shadow:0 0 #2f6b3a80}.bar-open.closed .dot{background:var(--red);animation:none}@keyframes ping{70%{box-shadow:0 0 0 8px #2f6b3a00}}.bar-nav{align-items:center;gap:6px;display:flex}.bar-link{background:#f4eee3cc;border-radius:99px;padding:10px 14px;font-weight:600;text-decoration:none}.bar-link:hover{background:var(--ink);color:var(--cream)}.cart{background:var(--ink);color:var(--cream);border-radius:99px;align-items:center;gap:8px;padding:6px 6px 6px 16px;font-weight:600;display:inline-flex}.cart b{background:var(--cheese);min-width:30px;height:30px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;display:grid}@media (width<=720px){.bar{background:linear-gradient(var(--cream) 60%, #f4eee300);padding-bottom:18px}.bar.dark{background:linear-gradient(var(--ink) 60%, #1e1a1600)}.bar-open{display:none}.bar{grid-template-columns:1fr auto}.bar-link,.cart span{display:none}.cart{padding:6px}}.hero{padding:calc(var(--pad) * 3.2) var(--pad) var(--pad)}.frame{height:calc(100svh - var(--pad) * 5.4);border-radius:var(--radius);background:radial-gradient(120% 90% at 70% 0%, #f1e7d6 0%, var(--tray) 60%, #e2d3ba 100%);touch-action:pan-y;min-height:520px;position:relative;overflow:hidden}.toss{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.frame-copy{pointer-events:none;max-width:1100px;position:absolute;top:clamp(24px,6vh,80px);left:clamp(20px,4vw,60px)}.hero-title{font:780 clamp(46px, 7.6vw, 140px)/.9 var(--font);font-variation-settings:"wdth" 84;letter-spacing:-.025em;margin:14px 0 0}.hero-title .w{display:inline-block}.hero-title .em{color:var(--red)}.shake{background:var(--cream);font:400 12px var(--mono);text-transform:uppercase;border-radius:99px;padding:10px 16px;position:absolute;top:clamp(16px,2vw,28px);right:clamp(16px,2vw,28px)}.shake:hover{background:var(--ink);color:var(--cream)}.frame-hint{color:var(--cream);font:400 12px var(--mono);white-space:nowrap;pointer-events:none;background:#1e1a16d9;border-radius:99px;margin:0;padding:8px 14px;transition:opacity .6s;position:absolute;bottom:18px;left:50%;translate:-50%}.hero.touched .frame-hint{opacity:0}.plus-row{font:400 12px var(--mono);color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:14px 6px;display:flex}.plus-row i{font-size:18px;font-style:normal}.usp{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.usp li{background:#fff8ec;border-radius:22px;gap:4px;padding:18px 20px;display:grid}.usp b{font:760 30px/1 var(--font);font-variation-settings:"wdth" 80;letter-spacing:-.03em}.usp span{color:var(--muted);font-size:15px}@media (width<=720px){.hero{padding-top:74px}.frame{height:76svh;min-height:480px}.usp{grid-template-columns:1fr}.frame-hint{white-space:normal;text-align:center;width:max-content;max-width:86%}}.ribbon{background:var(--cheese);margin:clamp(40px,8vw,110px) -20px;padding:18px 0;overflow:hidden;rotate:-2.5deg}.ribbon-track{width:max-content;font:760 clamp(22px, 2.6vw, 38px)/1 var(--font);font-variation-settings:"wdth" 82;letter-spacing:-.02em;white-space:nowrap;gap:32px;animation:30s linear infinite slide;display:flex}@keyframes slide{to{transform:translate(-50%)}}section{position:relative}.sec-head{padding:0 var(--pad);grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:16px 40px;display:grid}.sec-head .kicker{grid-column:1/-1}.sec-note{color:var(--muted);margin:0;font-size:18px}@media (width<=800px){.sec-head{grid-template-columns:1fr}}.menu{padding:20px 0 clamp(60px,10vw,140px)}.mn-strip{padding:10px var(--pad) 30px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch;gap:clamp(12px,1.6vw,22px);margin-top:clamp(28px,4vw,50px);display:flex;overflow-x:auto}.mn-strip::-webkit-scrollbar{display:none}.mn-strip.grabbing{cursor:grabbing;scroll-snap-type:none}.mn-card{scroll-snap-align:center;transform:skewX(var(--skew,0deg));flex:0 0 clamp(270px,30vw,440px);transition:transform .2s}.mn-open{aspect-ratio:4/5;border-radius:var(--radius);background:var(--c);width:100%;color:var(--tc);text-align:left;-webkit-user-select:none;user-select:none;display:block;position:relative;overflow:hidden}.mn-num{font:400 13px var(--mono);opacity:.75;position:absolute;top:18px;left:20px}.mn-pizza{aspect-ratio:1;filter:drop-shadow(0 18px 22px #00000047);pointer-events:none;will-change:transform;width:84%;height:auto;transition:scale .5s cubic-bezier(.3,1.5,.5,1);position:absolute;top:43%;left:50%;translate:-50% -50%}.mn-open:hover .mn-pizza{scale:1.06}.mn-meta{justify-content:space-between;align-items:end;gap:10px;padding:20px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.mn-meta b{font:780 clamp(28px, 2.8vw, 42px)/.9 var(--font);font-variation-settings:"wdth" 78;letter-spacing:-.03em}.mn-meta span{background:var(--cream);color:var(--ink);font:400 13px var(--mono);white-space:nowrap;border-radius:99px;padding:8px 12px}.detail{z-index:80;background:var(--c);color:var(--ink);overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.detail[hidden]{display:none}.dt-close{right:var(--pad);top:var(--pad);z-index:2;background:var(--cream);width:56px;height:56px;font:400 34px/1 var(--font);border-radius:50%;position:fixed}.dt-wrap{min-height:100%;padding:var(--pad);grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;display:grid}.dt-pizza{aspect-ratio:1;filter:drop-shadow(0 30px 40px #00000059);will-change:transform;width:min(100%,80vh);height:auto;margin:0 auto}.dt-copy{border-radius:var(--radius);background:var(--cream);justify-items:start;gap:14px;max-width:460px;padding:22px;display:grid}.dt-name{font:800 clamp(48px, 6vw, 96px)/.86 var(--font);font-variation-settings:"wdth" 76;letter-spacing:-.04em;margin:0}.dt-price{font:400 16px var(--mono);margin:0}.dt-note{margin:0;font-size:19px}.dt-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dt-list li{background:#fff;border-radius:99px;padding:8px 12px;font-size:14px}.dt-add{background:var(--ink);color:var(--cream)}@media (width<=800px){.dt-wrap{grid-template-columns:1fr;padding-top:70px}.dt-pizza{width:88%}}.build{border-radius:var(--radius);margin:0 calc(var(--pad) / 2);background:#fff8ec;padding:clamp(40px,8vw,120px) 0}.bd{padding:clamp(24px, 4vw, 50px) var(--pad) 0;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(20px,3vw,50px);display:grid}.bd-stage{aspect-ratio:1;background:radial-gradient(circle,#d9b98a 0 48%,#c69a63 49%,#b8894f 58%,#0000 59%);border-radius:50%;width:min(100%,78vh);margin:0 auto;position:relative}.bd-stage:after{content:"";z-index:-1;background:#b8894f;border-radius:12px;width:22%;height:8%;position:absolute;top:46%;right:-6%}.bd-canvas{touch-action:manipulation;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.bd-oven{--heat:0;aspect-ratio:1;pointer-events:none;width:120%;opacity:var(--heat);filter:blur(10px);background:radial-gradient(circle,#ffaa3c00 30%,#ff781e8c 55%,#e0412b00 72%);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.baking .bd-oven span{border-radius:50%;animation:.12s infinite alternate flick;position:absolute;inset:20%;box-shadow:0 0 80px 40px #ff6e1480}@keyframes flick{to{opacity:.6}}.bd-steam{pointer-events:none;position:absolute;top:40%;left:50%}.bd-steam i{filter:blur(6px);background:radial-gradient(circle,#ffffffe6,#fff0 70%);border-radius:50%;width:60px;height:60px;position:absolute}.bd-side{gap:18px;display:grid}.bd-tray{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.bd-item{background:var(--cream);text-align:left;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:8px;padding:8px 12px 8px 8px;transition:background .2s,transform .2s;display:grid;position:relative}.bd-item:hover{background:var(--tray)}.bd-item.on{background:var(--ink);color:var(--cream)}.bd-icon{background:url(/karya/bara/toppings.webp) 0 0/400% 1000% no-repeat;background-position:0 calc(var(--row) * 100% / 9);border-radius:12px;grid-row:span 2;width:44px;height:44px;scale:1.35}.bd-name{font-size:15px;font-weight:650;line-height:1.1}.bd-price{font:400 12px var(--mono);opacity:.7}.bd-count{background:var(--cheese);min-width:22px;height:22px;color:var(--ink);font:700 12px/22px var(--font);text-align:center;border-radius:99px;padding:0 6px;position:absolute;top:8px;right:8px}.bd-summary{background:var(--cream);border-radius:24px;gap:8px;padding:20px;display:grid}.bd-list{color:var(--muted);margin:0;font-size:15px}.bd-total{font:800 clamp(40px, 4.6vw, 64px)/1 var(--font);font-variation-settings:"wdth" 78;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0}.bd-status{font:400 13px var(--mono);margin:0}.bd-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.bd-order.ready{animation:1.2s ease-in-out 2 wiggle}@keyframes wiggle{20%{rotate:-4deg}40%{rotate:4deg}60%{rotate:-2deg}80%{rotate:1deg}}@media (width<=900px){.bd{grid-template-columns:1fr}.bd-stage{width:min(100%,440px)}.bd-tray{grid-template-columns:repeat(2,1fr)}.bd-side{position:sticky;bottom:0}}.pull{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:20px;padding:clamp(60px,10vw,140px) 0;display:grid}.pull .sec-head{grid-template-columns:1fr}.pull-read{margin:12px 0 0;display:grid}.pull-read span{font:400 12px var(--mono);text-transform:uppercase;color:var(--muted)}.pull-read b{font:800 64px/1 var(--font);font-variation-settings:"wdth" 78;color:var(--red);font-variant-numeric:tabular-nums}.pull-stage{height:min(80vh,720px)}.pull-canvas{touch-action:none;width:100%;height:100%;display:block}@media (width<=800px){.pull{grid-template-columns:1fr}.pull-stage{height:70svh}}.notes{padding:clamp(30px,6vw,80px) 0}.board{height:clamp(620px,70vw,820px);margin:clamp(20px, 4vw, 40px) var(--pad) 0;border-radius:var(--radius);background:var(--tray) radial-gradient(#1e1a161f 1.2px, transparent 1.4px) 0 0 / 22px 22px;position:relative;overflow:hidden}.note{left:var(--x);top:var(--y);background:var(--bg);width:clamp(220px,26vw,320px);rotate:var(--r);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:22px 22px 18px;position:absolute;box-shadow:0 16px 30px #1e1a1629}.note:before{content:"";background:#ffffff8c;width:70px;height:24px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:-3deg}.note blockquote{font:600 clamp(18px, 1.6vw, 22px)/1.25 var(--font);letter-spacing:-.01em;margin:0}.note figcaption{font:400 12px var(--mono);color:var(--muted);margin-top:14px}@media (width<=720px){.board{height:1100px}.note{width:76%}.note:first-child{--x:4%!important;--y:1%!important}.note:nth-child(2){--x:20%!important;--y:20%!important}.note:nth-child(3){--x:6%!important;--y:40%!important}.note:nth-child(4){--x:18%!important;--y:60%!important}.note:nth-child(5){--x:5%!important;--y:79%!important}}.foot{padding:clamp(60px, 10vw, 140px) var(--pad) var(--pad);background:var(--ink);color:var(--cream);border-radius:var(--radius) var(--radius) 0 0;margin-top:clamp(40px,8vw,100px)}.foot .kicker{color:#f4eee38c}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.foot-cta{flex-wrap:wrap;gap:8px;display:flex}.foot .btn-ghost{box-shadow:inset 0 0 0 2px var(--cream)}.foot-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:clamp(40px,6vw,80px) 0 20px;display:grid}.foot-grid p{margin:6px 0 0}.foot-mark{height:clamp(220px,34vw,520px);position:relative}.foot-toss{z-index:2;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.foot-word{font:800 clamp(160px, 30vw, 480px)/.72 var(--font);font-variation-settings:"wdth" 75;letter-spacing:-.05em;color:var(--cream);-webkit-user-select:none;user-select:none;justify-content:space-between;margin:0;display:flex;position:absolute;bottom:0;left:0;right:0}.foot-word .dotw{color:var(--red)}.foot-legal{font:400 12px var(--mono);color:#f4eee38c;margin:30px 0 0}@media (width<=720px){.foot-grid{grid-template-columns:1fr}}.pet{z-index:90;pointer-events:none;opacity:0;background:url(/karya/bara/toppings.webp) 0 66.6667%/400% 1000% no-repeat;width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .3s;position:fixed;top:0;left:0;scale:2.2}.has-pet .pet{opacity:1}.toast{z-index:95;background:var(--ink);max-width:calc(100% - 32px);color:var(--cream);border-radius:16px;margin:0;padding:14px 18px;font-size:15px;transition:transform .5s cubic-bezier(.3,1.4,.5,1);position:fixed;bottom:20px;left:50%;transform:translate(-50%,180%)}.toast.show{transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.ribbon-track,.bar-open .dot{animation:none}}.bar.dark .logo{color:var(--cream)}.bar.dark .bar-link,.bar.dark .bar-open{color:var(--cream);background:#f4eee31f}.bar.dark .cart{background:var(--cream);color:var(--ink)}.bar .logo,.bar .bar-link,.bar .bar-open,.bar .cart{transition:background .3s,color .3s}.bd{position:relative}.ov{inset:clamp(8px, 2vw, 24px) var(--pad) 0;z-index:20;opacity:0;color:#fff4e2;background:#0d0806;border-radius:28px;position:absolute;overflow:hidden}.ov[hidden]{display:none}.ov-scene{position:absolute;inset:0}.ov-scene>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ov-front>img{filter:saturate(1.05)contrast(1.05)}.ov-peel{aspect-ratio:1;transform-origin:50%;width:min(46%,380px);transform-style:preserve-3d;margin:calc(min(46%,380px)/-2) 0 0 calc(min(46%,380px)/-2);position:absolute;top:50%;left:50%}.ov-peel:before{content:"";background:linear-gradient(90deg,#8a5a2b,#b98147,#8a5a2b);border-radius:8px;width:12%;height:70%;position:absolute;top:88%;left:44%}.ov-peel:after{content:"";z-index:-1;background:radial-gradient(circle,#caa06a 0 66%,#a8773f 67%,#0000 69%);border-radius:50%;position:absolute;inset:-4%}.ov-peel-c,.ov-pizza{width:100%;height:100%;display:block}.ov-inside>img{filter:saturate(1.1)}.ov-fire{mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.ov-floor{aspect-ratio:1;width:min(44%,520px);position:absolute;top:72%;left:60%;translate:-50% -50%}.ov-pizza{filter:drop-shadow(0 18px 14px #0000008c);transform:perspective(900px)rotateX(64deg)}.ov-glow{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(60% 70% at 30% 45%,#ff781e59,#0000 70%);animation:.16s steps(2,end) infinite alternate ovFlick;position:absolute;inset:0}@keyframes ovFlick{0%{opacity:.75}to{opacity:1}}.ov-hud{gap:12px;display:flex;position:absolute;top:20px;right:22px}.ov-timer,.ov-temp{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#140a068c;border-radius:18px;place-items:center;min-width:88px;padding:12px 14px;display:grid;position:relative}.ov-timer svg{fill:none;stroke-width:2.5px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;inset:6px;rotate:-90deg}.ov-timer circle{stroke:#fff4e226}.ov-timer .ov-ring{stroke:#f6c544;stroke-dasharray:119.4;stroke-dashoffset:119.4px;stroke-linecap:round}.ov-timer b,.ov-temp b{font:800 26px/1 var(--font)}.ov-timer span,.ov-temp span{font:500 11px/1.2 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;opacity:.75}.ov-cap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140a0699;border-radius:14px;max-width:min(520px,70%);padding:12px 16px;font-size:clamp(15px,1.5vw,19px);font-weight:700;position:absolute;bottom:22px;left:24px}.ov-cap.in{animation:.5s cubic-bezier(.2,.8,.2,1) ovCap}@keyframes ovCap{0%{opacity:0;transform:translateY(12px)}}.ov-btns{gap:8px;display:flex;position:absolute;bottom:22px;right:22px}.ov-btns button{color:inherit;cursor:pointer;background:#140a0673;border:1px solid #fff4e259;border-radius:99px;padding:10px 14px;font:600 13px/1 inherit}.ov-btns button:hover{background:#fff4e226}@media (width<=800px){.ov{border-radius:20px;inset:0 12px}.ov-floor{width:70%;top:70%;left:58%}.ov-hud{top:12px;right:12px}.ov-timer,.ov-temp{min-width:72px;padding:10px}.ov-timer b,.ov-temp b{font-size:20px}.ov-cap{max-width:calc(100% - 24px);bottom:60px;left:12px}.ov-btns{bottom:12px;right:12px}}.story{height:420vh;margin-top:clamp(40px,6vw,90px);position:relative}.st-pin{color:#fff4e2;background:#0d0806;height:100svh;position:sticky;top:0;overflow:hidden}.st-media{transform-origin:50% 66%;will-change:transform;position:absolute;inset:0}.st-media img{object-fit:cover;width:100%;height:100%}.st-inside{opacity:0;transform-origin:40% 60%;will-change:transform, opacity;position:absolute;inset:0}.st-inside img{object-fit:cover;width:100%;height:100%}.st-glow{opacity:0;mix-blend-mode:screen;background:radial-gradient(40% 35% at 50% 66%,#ff9628d9,#e0412b59 55%,#0000 80%);animation:.18s steps(2,end) infinite alternate ovFlick;position:absolute;inset:0}.st-shade{opacity:.5;background:linear-gradient(90deg,#0d0806eb 0%,#0d08068c 42%,#0d08061a 75%);position:absolute;inset:0}.st-copy{left:var(--pad);width:min(520px, calc(100% - var(--pad) * 2));position:absolute;top:50%;translate:0 -50%}.st-copy .kicker{color:#fff4e2b3}.st-steps{min-height:300px;margin:18px 0 0;padding:0;list-style:none;position:relative}.st-steps li{opacity:0;pointer-events:none;transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 0 auto;transform:translateY(40px)}.st-steps li.on{opacity:1;transform:none}.st-num{align-items:baseline;gap:10px;margin:0;display:flex}.st-num b{font:800 clamp(96px, 14vw, 190px)/.82 var(--font);font-variation-settings:"wdth" 76;letter-spacing:-.04em;color:var(--cheese);font-variant-numeric:tabular-nums}.st-num span{font:400 14px var(--mono);text-transform:uppercase}.st-steps h3{font:760 clamp(28px, 3vw, 44px)/1 var(--font);font-variation-settings:"wdth" 84;margin:14px 0 8px}.st-steps p:not(.st-num){color:#fff4e2cc;max-width:42ch;margin:0}.st-bar{background:#fff4e22e;border-radius:3px;height:3px;margin-top:26px;overflow:hidden}.st-bar i{background:var(--cheese);width:0;height:100%;display:block}.st-hint{font:400 12px var(--mono);text-transform:uppercase;opacity:.6;margin:12px 0 0}@media (width<=720px){.st-shade{background:linear-gradient(#0d080633,#0d080680 40%,#0d0806f2 90%)}.st-copy{top:auto;bottom:7vh;translate:0}.st-steps{min-height:280px}}.spin{padding:clamp(60px,10vw,140px) 0 clamp(40px,6vw,80px)}.sp-wrap{padding:clamp(24px, 4vw, 50px) var(--pad) 0;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(20px,4vw,60px);display:grid;position:relative}.sp-wheel-wrap{aspect-ratio:1;width:min(100%,560px);margin:0 auto;position:relative}.sp-wheel{touch-action:none;cursor:grab;filter:drop-shadow(0 26px 40px #1e1a1647);will-change:transform;width:100%;height:100%}.grab .sp-wheel{cursor:grabbing}.sp-wheel text{font:700 15px var(--font);font-variation-settings:"wdth" 84;pointer-events:none}.spinning .sp-bulb:nth-child(odd){fill:var(--cheese)}.sp-pointer{z-index:2;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;width:44px;height:54px;translate:-50%;rotate:calc(var(--tick,0) * -14deg);position:absolute;top:-3%;left:50%}.sp-hub{z-index:2;aspect-ratio:1;background:var(--ink);width:26%;color:var(--cream);font:760 clamp(16px, 2vw, 24px) var(--font);box-shadow:0 0 0 8px var(--cream), 0 12px 30px #0000004d;border-radius:50%;transition:scale .3s cubic-bezier(.3,1.6,.5,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.sp-hub:hover{scale:1.06}.spinning .sp-hub{scale:.94}.sp-result{border-radius:var(--radius);background:#fff8ec;padding:clamp(22px,3vw,36px)}.sp-prize{font:780 clamp(34px, 4.4vw, 64px)/.95 var(--font);font-variation-settings:"wdth" 80;letter-spacing:-.02em;margin:10px 0 8px}.sp-code{color:var(--muted);margin:0}.sp-code b{color:var(--red);font-family:var(--mono)}.sp-burst{pointer-events:none;z-index:5;width:100%;height:120%;position:absolute;inset:-10% 0}@media (width<=800px){.sp-wrap{grid-template-columns:1fr}}.track{padding:clamp(40px,6vw,80px) 0 clamp(60px,10vw,140px)}.tr-wrap{padding:clamp(24px, 4vw, 50px) var(--pad) 0;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);align-items:stretch;gap:clamp(16px,2.4vw,30px);display:grid}.tr-map{border-radius:var(--radius);background:#eadbc3;min-height:340px;position:relative;overflow:hidden}.tr-base{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tr-map svg{width:100%;height:100%;position:absolute;inset:0}.tr-home{cursor:grab;outline:none}.tr-home:focus-visible .tr-home-in{filter:drop-shadow(0 0 #f6c544)drop-shadow(0 0 3px #f6c544)}.dragging .tr-home{cursor:grabbing}.busy .tr-home{cursor:default}.tr-flame{transform-box:fill-box;transform:scale(0)}.tr-panel{border-radius:var(--radius);background:#fff8ec;flex-direction:column;gap:18px;padding:clamp(20px,2.6vw,32px);display:flex}.tr-steps{counter-reset:s;gap:4px;margin:0;padding:0;list-style:none;display:grid}.tr-steps li{color:var(--muted);align-items:center;gap:12px;padding:10px 0;transition:color .3s;display:flex;position:relative}.tr-steps li:before{counter-increment:s;content:counter(s);width:30px;height:30px;font:400 13px var(--mono);border:2px solid;border-radius:50%;place-items:center;transition:background .3s,color .3s,border-color .3s;display:grid}.tr-steps li.on{color:var(--ink)}.tr-steps li.on:before{background:var(--cheese);border-color:var(--ink);animation:1s ease-in-out infinite trPulse}.tr-steps li.done{color:var(--ink)}.tr-steps li.done:before{content:"✓";background:var(--ink);color:var(--cream);border-color:var(--ink)}@keyframes trPulse{50%{box-shadow:0 0 0 7px #f6c54459}}.tr-facts{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:16px 0;display:grid}.tr-facts dt{font:400 11px var(--mono);text-transform:uppercase;color:var(--muted)}.tr-facts dd{font:760 clamp(18px, 1.8vw, 24px)/1.1 var(--font);font-variant-numeric:tabular-nums;margin:4px 0 0}.tr-note{color:var(--muted);min-height:3em;margin:0}.tr-go{margin-top:auto}.tr-go:disabled{opacity:.5}@media (width<=900px){.tr-wrap{grid-template-columns:1fr}.tr-map{aspect-ratio:8/5;min-height:0}}main,.build{overflow-x:clip}