@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/build/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff")}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/build/assets/figtree-latin-ext-wght-normal-DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/build/assets/figtree-latin-wght-normal-D_ZTVpCC.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;font-stretch:75% 100%;src:url(/build/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(/build/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(/build/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:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/build/assets/bodoni-moda-math-wght-normal-_TL2RCrf.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/build/assets/bodoni-moda-symbols-wght-normal-DO7lZbk6.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/build/assets/bodoni-moda-latin-ext-wght-normal-BlIE6rrN.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:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/build/assets/bodoni-moda-latin-wght-normal-BIFT5Qnz.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:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/jost-latin-ext-wght-normal-BDUtSsKd.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:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/jost-latin-wght-normal-ObQm3Zd1.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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/build/assets/source-serif-4-cyrillic-ext-wght-normal-DHTKMUil.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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/build/assets/source-serif-4-cyrillic-wght-normal-B1g8a0vD.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/build/assets/source-serif-4-greek-wght-normal-BpXpdlRW.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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/build/assets/source-serif-4-vietnamese-wght-normal-BsaNuasd.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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/build/assets/source-serif-4-latin-ext-wght-normal-BVZ5su8S.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/build/assets/source-serif-4-latin-wght-normal-DMe4EKeb.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:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/albert-sans-latin-ext-wght-normal-BAo4qCk1.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:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/albert-sans-latin-wght-normal-BJ0ssN8N.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:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/big-shoulders-display-vietnamese-wght-normal-B-JM5mJH.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:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/big-shoulders-display-latin-ext-wght-normal-EP2r9iG4.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:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/big-shoulders-display-latin-wght-normal-Bn_gnr7w.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/hanken-grotesk-cyrillic-ext-wght-normal-D_UHSL_T.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/build/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.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}.contoh-kafe{--kopi:#1e1410;--papan:#2a1c15;--susu:#f1e7d6;--crema:#d89b5b;--cabai:#e0573a;--redam:#bfae98;background:var(--kopi);color:var(--susu);min-height:100vh;font-family:Figtree Variable,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6}.contoh-kafe h1,.contoh-kafe h2,.contoh-kafe h3{font-family:Young Serif,Georgia,serif;font-weight:400;line-height:1.05}.contoh-kafe .sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contoh-kafe .tombol{background:var(--cabai);color:#1e1410;border-radius:999px;padding:14px 26px;font-weight:800;text-decoration:none;transition:transform .25s,background .25s;display:inline-block}.contoh-kafe .tombol:hover{background:var(--crema);transform:translateY(-2px)}.contoh-kafe .tautan{color:var(--susu);text-underline-offset:5px;font-weight:600}.contoh-kafe .aksi{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:32px;display:flex}.contoh-kafe .hero{min-height:calc(100svh - var(--pita));align-items:center;gap:24px;padding:40px clamp(20px,5vw,72px) 72px;display:grid;position:relative;overflow:hidden}.contoh-kafe .hero-kecil{color:var(--crema);margin-bottom:14px;font-weight:700}.contoh-kafe h1{letter-spacing:-.02em;font-size:clamp(3.6rem,13vw,10rem);line-height:.9}.contoh-kafe .hero-isi{max-width:32ch;color:var(--redam);margin-top:24px;font-size:1.25rem}.contoh-kafe .hero-seni{justify-self:center;width:min(100%,480px);position:relative}.contoh-kafe .cangkir{width:100%;height:auto;overflow:visible}.contoh-kafe .c-piring{fill:#3a2a20}.contoh-kafe .c-piring2{fill:#4a372a}.contoh-kafe .c-cangkir{fill:var(--susu)}.contoh-kafe .c-gagang{stroke:var(--susu);stroke-width:16px;stroke-linecap:round}.contoh-kafe .c-kopi{fill:#4a2a18}.contoh-kafe .c-crema{fill:var(--crema)}.contoh-kafe .c-kaca{fill:#f1e7d624;stroke:var(--susu);stroke-width:3px;stroke-linejoin:round}.contoh-kafe .c-susu{fill:#efe2c8}.contoh-kafe .c-es{fill:#ffffff80}.contoh-kafe .c-teh{fill:#c4772e}.contoh-kafe .c-roti{fill:#b6793d}.contoh-kafe .c-roti2{fill:#efc98c}.contoh-kafe .c-mentega{fill:#ffe9a8}.contoh-kafe .c-sedotan{stroke:var(--cabai);stroke-width:4px;stroke-linecap:round;fill:none}.contoh-kafe .uap path{fill:none;stroke:var(--susu);stroke-width:8px;stroke-linecap:round;opacity:.6;transform-box:fill-box;transform-origin:50% 100%}.contoh-kafe .biji{fill:#7a4a2b;will-change:transform;width:36px;height:50px;position:absolute}.contoh-kafe .b1{top:30%;left:2%}.contoh-kafe .b2{width:26px;height:36px;top:20%;right:4%}.contoh-kafe .b3{width:48px;height:66px;bottom:8%;left:12%}.contoh-kafe .b4{width:30px;height:42px;fill:var(--crema);bottom:14%;right:10%}.contoh-kafe .b5{width:22px;height:30px;top:0;left:46%}.contoh-kafe .menu{background:var(--papan);border:10px solid #5a3b27;border-radius:6px;margin:0 clamp(12px,4vw,56px);padding:clamp(28px,5vw,64px);box-shadow:inset 0 0 0 2px #f1e7d61f}.contoh-kafe h2{font-size:clamp(2.2rem,6vw,4rem)}.contoh-kafe .catatan{color:var(--redam);margin:6px 0 36px}.contoh-kafe .daftar-menu{gap:28px clamp(32px,6vw,96px);display:grid}.contoh-kafe .butir{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:18px;display:grid}.contoh-kafe .gambar{background:#35251c;border-radius:50%;width:88px;height:88px;padding:8px}.contoh-kafe .baris{align-items:baseline;gap:10px;display:flex}.contoh-kafe .butir h3{font-size:1.4rem}.contoh-kafe .titik{border-bottom:2px dotted #f1e7d659;flex:1;min-width:12px;transform:translateY(-4px)}.contoh-kafe .harga{color:var(--crema);white-space:nowrap;font-weight:800}.contoh-kafe .butir p{color:var(--redam);font-size:.98rem}.contoh-kafe .buka{gap:20px;max-width:760px;padding:clamp(56px,9vw,120px) clamp(20px,5vw,72px) 0;display:grid}.contoh-kafe table{border-collapse:collapse;width:100%;font-size:1.15rem}.contoh-kafe th,.contoh-kafe td{text-align:left;border-bottom:1px solid #f1e7d633;padding:14px 0;font-weight:500}.contoh-kafe td{text-align:right;color:var(--crema);font-variant-numeric:tabular-nums;font-weight:800}.contoh-kafe .buka p{color:var(--redam)}.contoh-kafe .lokasi{align-items:center;gap:32px;padding:clamp(56px,9vw,120px) clamp(20px,5vw,72px);display:grid}.contoh-kafe .lokasi-teks{justify-items:start;gap:16px;display:grid}.contoh-kafe address{font-size:1.3rem;font-style:normal;font-weight:700}.contoh-kafe .lokasi-teks p{max-width:44ch;color:var(--redam)}.contoh-kafe .peta{border:6px solid #5a3b27;border-radius:6px;width:100%;height:auto}.contoh-kafe .p-tanah{fill:#2f2119}.contoh-kafe .p-sungai{fill:#35545c}.contoh-kafe .p-taman{fill:#3b4f31}.contoh-kafe .p-blok rect{fill:#3d2b21}.contoh-kafe .p-jalan{stroke:#6a5240;stroke-width:14px;fill:none}.contoh-kafe .p-jalan-besar{stroke:#85694f;stroke-width:22px;fill:none}.contoh-kafe .p-label{fill:var(--susu);font:700 13px Figtree Variable,sans-serif}.contoh-kafe .p-pin path{fill:var(--cabai)}.contoh-kafe .p-pin circle{fill:var(--kopi)}.contoh-kafe .kaki{color:var(--redam);border-top:1px solid #f1e7d626;padding:28px clamp(20px,5vw,72px) 48px;font-size:.95rem}@media (width>=900px){.contoh-kafe .hero{grid-template-columns:1.1fr .9fr}.contoh-kafe .daftar-menu{grid-template-columns:1fr 1fr}.contoh-kafe .lokasi{grid-template-columns:.8fr 1.2fr;gap:64px}}@media (width<=520px){.contoh-kafe .menu{border-width:6px;margin-inline:8px;padding:22px 16px}.contoh-kafe .butir{grid-template-columns:64px minmax(0,1fr);gap:12px}.contoh-kafe .gambar{width:64px;height:64px;padding:5px}.contoh-kafe .butir h3{font-size:1.15rem}.contoh-kafe .baris{flex-wrap:wrap;gap:0 8px}.contoh-kafe .titik{display:none}.contoh-kafe .harga{margin-left:auto}}.contoh-katering{--kunyit:#f2b61c;--hijau:#15432b;--cabai:#d5381c;--daun:#dfe8c4;--kertas:#fffdf5;background:var(--kunyit);color:var(--hijau);font-family:Bricolage Grotesque Variable,system-ui,sans-serif;font-size:1.0625rem;line-height:1.55}.contoh-katering h1,.contoh-katering h2,.contoh-katering h3{font-variation-settings:"wdth" 75;letter-spacing:-.01em;font-weight:800;line-height:.95}.contoh-katering .tombol{background:var(--hijau);color:var(--kunyit);box-shadow:5px 5px 0 var(--cabai);border-radius:6px;padding:14px 26px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.contoh-katering .tombol:hover{box-shadow:3px 3px 0 var(--cabai);transform:translate(2px,2px)}.contoh-katering .tautan{text-underline-offset:5px;font-weight:700}.contoh-katering .aksi{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px;display:flex}.contoh-katering .catatan{opacity:.8;font-size:.95rem}.contoh-katering .hero{min-height:calc(100svh - var(--pita));align-items:center;gap:28px;padding:36px clamp(20px,5vw,72px) 64px;display:grid;overflow:hidden}.contoh-katering .hero-kecil{margin-bottom:14px;font-weight:700}.contoh-katering h1{text-transform:uppercase;font-size:clamp(4.4rem,17vw,12rem)}.contoh-katering .hero-isi{max-width:34ch;margin-top:22px;font-size:1.2rem;font-weight:500}.contoh-katering .tampah{justify-self:center;width:min(100%,460px)}.contoh-katering .tampah svg{width:100%;height:auto;overflow:visible}.contoh-katering .saji{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.js .contoh-katering .saji{opacity:0}}.contoh-katering .t-kayu{fill:#8a5a2b}.contoh-katering .t-anyam{fill:none;stroke:#6f4620;stroke-width:6px;stroke-dasharray:3 9}.contoh-katering .t-daun{fill:#3f8f4c}.contoh-katering .t-tulang{stroke:#2f6e3a;stroke-width:3px;fill:none}.contoh-katering .t-nasi{fill:#f5c62d}.contoh-katering .t-nasi2{fill:#ffe27a}.contoh-katering .t-cabai{fill:var(--cabai)}.contoh-katering .t-ayam{fill:#b8601f}.contoh-katering .t-ayam2{fill:#d17a2f}.contoh-katering .t-telur{fill:#fffdf5}.contoh-katering .t-kuning{fill:#f2a81c}.contoh-katering .t-mangkuk{fill:#fffdf5}.contoh-katering .t-sayur{fill:#cfe8a0}.contoh-katering .t-kerupuk{fill:#f7e3b0;stroke:#d9b866;stroke-width:3px}.contoh-katering .paket{padding:clamp(48px,8vw,96px) 0 0}.contoh-katering h2{text-transform:uppercase;font-size:clamp(2.6rem,8vw,5.4rem)}.contoh-katering .paket>h2,.contoh-katering .paket>.catatan{padding-inline:clamp(20px,5vw,72px)}.contoh-katering .paket>.catatan{margin:8px 0 32px}.contoh-katering .pita{gap:20px;padding:clamp(28px,5vw,56px) clamp(20px,5vw,72px);display:grid}.contoh-katering .pita-hemat{background:var(--hijau);color:var(--kunyit)}.contoh-katering .pita-keluarga{background:var(--cabai);color:var(--kertas)}.contoh-katering .pita-tumpeng{background:var(--kertas);color:var(--hijau)}.contoh-katering .pita h3{text-transform:uppercase;font-size:1.6rem}.contoh-katering .angka{font-variation-settings:"wdth" 75;letter-spacing:-.02em;margin-top:10px;font-size:clamp(3.6rem,10vw,6.6rem);font-weight:800;line-height:1}.contoh-katering .angka span{vertical-align:.9em;margin-right:6px;font-size:.4em}.contoh-katering .satuan{font-weight:600}.contoh-katering .pita-isi ul{gap:4px;font-size:1.1rem;font-weight:500;display:grid}.contoh-katering .pita-isi li:before{content:"+";margin-right:10px;font-weight:800}.contoh-katering .syarat{border:2px solid;border-radius:99px;margin-top:16px;padding:4px 12px;font-size:.9rem;font-weight:700;display:inline-block}.contoh-katering .cara{background:var(--daun);padding:clamp(56px,9vw,112px) clamp(20px,5vw,72px)}.contoh-katering .cara ol{gap:28px;margin-top:32px;display:grid}.contoh-katering .cara li{grid-template-columns:56px 1fr;align-items:start;column-gap:16px;display:grid}.contoh-katering .no{background:var(--hijau);width:56px;height:56px;color:var(--kunyit);border-radius:50%;grid-row:span 2;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.contoh-katering .cara h3{text-transform:uppercase;margin-top:6px;font-size:1.7rem}.contoh-katering .cara p{max-width:38ch}.contoh-katering .area{align-items:center;gap:40px;padding:clamp(56px,9vw,112px) clamp(20px,5vw,72px);display:grid}.contoh-katering .area>div{justify-items:start;gap:18px;display:grid}.contoh-katering .area p{max-width:46ch}.contoh-katering .ongkos{width:100%;max-width:460px}.contoh-katering .ongkos li{border-bottom:2px solid var(--hijau);justify-content:space-between;gap:16px;padding:12px 0;font-size:1.15rem;display:flex}.contoh-katering .radius{justify-self:center;width:min(100%,380px);height:auto}.contoh-katering .r3{fill:#f7d46a;stroke:var(--hijau);stroke-width:2px}.contoh-katering .r2{fill:#f4c43c;stroke:var(--hijau);stroke-width:2px}.contoh-katering .r1{fill:var(--hijau)}.contoh-katering .dapur{fill:var(--cabai);stroke:var(--kertas);stroke-width:3px}.contoh-katering .radius text{fill:var(--hijau);font:800 15px Bricolage Grotesque Variable,sans-serif}.contoh-katering .kaki{background:var(--hijau);color:var(--kunyit);padding:24px clamp(20px,5vw,72px) 40px;font-size:.95rem}@media (width>=900px){.contoh-katering .hero{grid-template-columns:1.1fr .9fr}.contoh-katering .pita{grid-template-columns:1fr 1fr;align-items:center}.contoh-katering .cara ol{grid-template-columns:repeat(4,1fr)}.contoh-katering .cara li{grid-template-columns:1fr;row-gap:12px}.contoh-katering .no{grid-row:auto}.contoh-katering .area{grid-template-columns:1fr 1fr;gap:80px}}.contoh-butik{--bubuk:#efddd6;--anggur:#3a1020;--koral:#d9634a;--redam:#6d4a52;background:var(--bubuk);color:var(--anggur);min-height:100vh;font-family:Jost Variable,system-ui,sans-serif;font-size:1.0625rem;line-height:1.55}.contoh-butik h1,.contoh-butik h2,.contoh-butik h3{font-family:Bodoni Moda Variable,Didot,serif;font-weight:500;line-height:1}.contoh-butik .sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contoh-butik .catatan{color:var(--redam);font-size:.95rem}.contoh-butik .tombol{background:var(--anggur);color:var(--bubuk);letter-spacing:.04em;padding:14px 28px;font-weight:500;text-decoration:none;transition:background .25s;display:inline-block}.contoh-butik .tombol:hover{background:var(--koral);color:var(--anggur)}.contoh-butik .tautan{text-underline-offset:6px;font-weight:500}.contoh-butik .hero{padding:0 clamp(20px,5vw,72px) 48px;position:relative;overflow:hidden}.contoh-butik .rel{width:calc(100% + 2*clamp(20px,5vw,72px));height:clamp(150px,24vw,300px);margin-inline:calc(-1*clamp(20px,5vw,72px))}.contoh-butik .rel-batang{stroke:var(--anggur);stroke-width:4px}.contoh-butik .rel-gantung{stroke:var(--anggur);stroke-width:3px;fill:none;stroke-linejoin:round}.contoh-butik h1{letter-spacing:-.05em;margin-top:-.12em;font-size:clamp(6rem,30vw,24rem);font-style:italic;font-weight:400}.contoh-butik .hero-isi{max-width:36ch;margin:8px 0 20px;font-size:1.2rem}.contoh-butik .lookbook{padding:clamp(40px,7vw,96px) clamp(20px,5vw,72px)}.contoh-butik h2{font-size:clamp(2.4rem,6vw,4.4rem)}.contoh-butik .lookbook .catatan{margin:8px 0 40px}.contoh-butik .rak{gap:56px 32px;display:grid}.contoh-butik .barang{align-content:start;gap:14px;display:grid}.contoh-butik .seni{aspect-ratio:4/5;place-items:center;display:grid;overflow:hidden}.contoh-butik .seni svg{width:62%;height:auto}.contoh-butik .g{fill:var(--kain)}.contoh-butik .g-titik{fill:#ffffff8c}.contoh-butik .g-garis{fill:none;stroke:#fff6;stroke-width:1.6px;stroke-linecap:round}.contoh-butik .barang-isi{justify-items:start;gap:10px;display:grid}.contoh-butik .barang h3{font-size:1.8rem}.contoh-butik .harga{font-variant-numeric:tabular-nums;font-weight:500}.contoh-butik fieldset{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.contoh-butik legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contoh-butik .ukuran label{position:relative}.contoh-butik .ukuran input{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute}.contoh-butik .ukuran label{cursor:pointer}.contoh-butik .ukuran span{border:1.5px solid var(--anggur);place-items:center;min-width:44px;height:44px;padding-inline:12px;font-weight:500;display:inline-grid}.contoh-butik .ukuran input:checked+span{background:var(--anggur);color:var(--bubuk)}.contoh-butik .ukuran input:focus-visible+span{outline:3px solid var(--koral);outline-offset:2px}.contoh-butik .tambah{text-align:center;border:1.5px solid var(--anggur);letter-spacing:.04em;background:0 0;width:100%;padding:13px 20px;font-weight:500;text-decoration:none;transition:background .25s,color .25s;display:block}.contoh-butik .tambah:hover{background:var(--anggur);color:var(--bubuk)}.contoh-butik .tas-tombol{right:16px;top:calc(var(--pita) + 14px);z-index:150;background:var(--anggur);width:56px;height:56px;color:var(--bubuk);cursor:pointer;border:0;border-radius:50%;place-items:center;display:none;position:fixed}.contoh-butik.siap .tas-tombol{display:grid}.contoh-butik .tas-jumlah{background:var(--koral);min-width:24px;height:24px;color:var(--anggur);border-radius:12px;place-items:center;padding-inline:5px;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.contoh-butik .laci{z-index:160;right:0;top:var(--pita);background:var(--bubuk);border-left:2px solid var(--anggur);align-content:start;gap:18px;width:min(100%,400px);padding:24px;display:grid;position:fixed;bottom:0;overflow-y:auto}.contoh-butik .laci[hidden]{display:none}.contoh-butik .laci-kepala{justify-content:space-between;align-items:center;display:flex}.contoh-butik .laci-kepala h2{font-size:2rem}.contoh-butik .laci-tutup,.contoh-butik .laci-daftar button{text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}.contoh-butik .laci-daftar{gap:14px;display:grid}.contoh-butik .laci-daftar li{border-bottom:1px solid #3a102040;grid-template-columns:56px 1fr auto;align-items:center;gap:4px 14px;padding-bottom:14px;display:grid}.contoh-butik .laci-sw{grid-row:span 2;place-items:center;width:56px;height:70px;display:grid;overflow:hidden}.contoh-butik .laci-sw svg{width:70%}.contoh-butik .laci-nama{font-weight:500}.contoh-butik .laci-daftar li>button{grid-column:3;justify-self:end}.contoh-butik .laci-jumlah{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.contoh-butik .laci-total{font-size:1.6rem}.contoh-butik .laci-aksi{gap:4px;display:grid}.contoh-butik .laci-aksi .tombol{text-align:center}.contoh-butik .laci-catatan{color:var(--redam);margin-top:10px;font-size:.9rem}.contoh-butik .laci-kosong{color:var(--redam)}.terbang{z-index:140;pointer-events:none;place-items:center;margin:0;display:grid;position:fixed}.terbang svg{width:62%;height:auto}.terbang .g{fill:var(--kain)}.terbang .g-titik{fill:#ffffff8c}.terbang .g-garis{fill:none;stroke:#fff6;stroke-width:1.6px;stroke-linecap:round}.contoh-butik .ukuran-panduan{gap:12px;max-width:880px;padding:clamp(24px,5vw,72px) clamp(20px,5vw,72px) clamp(48px,8vw,96px);display:grid}.contoh-butik table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:16px 0 6px}.contoh-butik th,.contoh-butik td{text-align:left;border-bottom:1px solid var(--anggur);padding:14px 8px;font-weight:400}.contoh-butik thead th{border-bottom-width:2px;font-size:.92rem;font-weight:500}.contoh-butik tbody th{font-family:Bodoni Moda Variable,serif;font-size:1.3rem}.contoh-butik .temu{background:var(--anggur);color:var(--bubuk);justify-items:start;gap:18px;padding:clamp(48px,8vw,104px) clamp(20px,5vw,72px);display:grid}.contoh-butik .temu .tombol{background:var(--bubuk);color:var(--anggur)}.contoh-butik .temu .tombol:hover{background:var(--koral)}.contoh-butik .kaki{color:var(--redam);padding:24px clamp(20px,5vw,72px) 40px;font-size:.95rem}@media (width>=800px){.contoh-butik .rak{grid-template-columns:repeat(12,1fr);align-items:start}.contoh-butik .barang:nth-child(4n+1){grid-column:span 7}.contoh-butik .barang:nth-child(4n+2){grid-column:span 5;margin-top:96px}.contoh-butik .barang:nth-child(4n+3){grid-column:span 5}.contoh-butik .barang:nth-child(4n){grid-column:span 7;margin-top:96px}}.contoh-klinik{--kabut:#eef5f2;--pinus:#17393a;--sage:#5d8f7d;--embun:#d3e6df;--putih:#fff;--redam:#4e6a68;background:var(--kabut);color:var(--pinus);min-height:100vh;font-family:Albert Sans Variable,system-ui,sans-serif;font-size:1.0625rem;line-height:1.65}.contoh-klinik h1,.contoh-klinik h2,.contoh-klinik h3{font-family:"Source Serif 4 Variable",Georgia,serif;font-weight:500;line-height:1.15}.contoh-klinik .sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contoh-klinik .catatan{color:var(--redam);font-size:.95rem}.contoh-klinik .tombol{background:var(--pinus);color:var(--putih);border-radius:10px;padding:14px 26px;font-weight:600;text-decoration:none;transition:background .3s;display:inline-block}.contoh-klinik .tombol:hover{background:var(--sage)}.contoh-klinik .tautan{text-underline-offset:5px;font-weight:600}.contoh-klinik .aksi{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px;display:flex}.contoh-klinik .hero{align-items:center;min-height:min(86svh,760px);padding:56px clamp(20px,6vw,96px) 80px;display:grid;position:relative;overflow:hidden}.contoh-klinik .denyut{width:100%;height:120px;position:absolute;bottom:14%;left:0;overflow:visible}.contoh-klinik .denyut path{fill:none;stroke:var(--sage);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke}.contoh-klinik .tarik{aspect-ratio:1;width:min(60vw,560px);margin-top:calc(min(60vw,560px)/-2);position:absolute;top:50%;right:-8vw}.contoh-klinik .tarik i{background:var(--embun);border-radius:50%;position:absolute}.contoh-klinik .tarik i:first-child{opacity:.45;inset:0}.contoh-klinik .tarik i:nth-child(2){opacity:.6;inset:14%}.contoh-klinik .tarik i:nth-child(3){opacity:.9;inset:30%}.contoh-klinik .hero-teks{max-width:640px;position:relative}.contoh-klinik h1{letter-spacing:-.015em;font-size:clamp(2.8rem,8vw,5.6rem);font-weight:400}.contoh-klinik .hero-isi{max-width:40ch;color:var(--redam);margin-top:20px;font-size:1.2rem}.contoh-klinik h2{font-size:clamp(1.9rem,4vw,2.7rem)}.contoh-klinik .layanan,.contoh-klinik .jadwal,.contoh-klinik .janji{padding:clamp(40px,7vw,88px) clamp(20px,6vw,96px)}.contoh-klinik .layanan{background:var(--putih);gap:28px;display:grid}.contoh-klinik dl>div{border-top:1px solid #17393a2e;gap:6px;padding:24px 0;display:grid}.contoh-klinik dt{font-family:"Source Serif 4 Variable",Georgia,serif;font-size:1.45rem;font-weight:500}.contoh-klinik dd{color:var(--redam);max-width:60ch;margin:0}.contoh-klinik .jadwal{gap:14px;display:grid}.contoh-klinik table{border-collapse:collapse;background:var(--putih);border-radius:12px;width:100%;margin:10px 0 4px;overflow:hidden}.contoh-klinik th,.contoh-klinik td{text-align:left;font-variant-numeric:tabular-nums;vertical-align:top;border-bottom:1px solid #17393a1f;padding:16px 20px;font-weight:400}.contoh-klinik thead th{background:var(--pinus);color:var(--putih);font-size:.92rem;font-weight:600}.contoh-klinik tbody th{font-family:"Source Serif 4 Variable",Georgia,serif;font-size:1.1rem;font-weight:500}.contoh-klinik tbody tr:last-child>*{border-bottom:0}.contoh-klinik .janji{background:var(--embun);gap:36px;display:grid}.contoh-klinik .janji ol{gap:22px;margin-top:24px;display:grid}.contoh-klinik .janji li{grid-template-columns:40px 1fr;gap:16px;display:grid}.contoh-klinik .no{border:1.5px solid var(--pinus);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.contoh-klinik .janji h3{font-size:1.3rem}.contoh-klinik .kotak{background:var(--putih);border-radius:14px;align-content:start;justify-items:start;gap:14px;padding:28px;display:grid}.contoh-klinik .darurat{color:var(--pinus);border-top:1px solid #17393a2e;padding-top:14px;font-weight:600}.contoh-klinik .kaki{color:var(--redam);padding:24px clamp(20px,6vw,96px) 40px;font-size:.95rem}@media (width<=699px){.contoh-klinik thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contoh-klinik tbody tr{border-bottom:1px solid #17393a1f;padding:14px 20px;display:grid}.contoh-klinik tbody tr:last-child{border-bottom:0}.contoh-klinik tbody th,.contoh-klinik tbody td{border:0;padding:2px 0}.contoh-klinik td:before{content:attr(data-label) ": ";color:var(--redam)}}@media (width>=900px){.contoh-klinik .layanan{grid-template-columns:1fr 2fr;gap:64px}.contoh-klinik dl>div{grid-template-columns:1fr 2fr;gap:32px}.contoh-klinik .janji{grid-template-columns:1.3fr 1fr;gap:80px}}.contoh-bengkel{--aspal:#1a1c1e;--baja:#2a2e32;--kuning:#ffc21a;--putih:#f2f2ee;--oli:#e2412a;--redam:#a7acb0;background:var(--aspal);color:var(--putih);min-height:100vh;font-family:Hanken Grotesk Variable,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6}.contoh-bengkel h1,.contoh-bengkel h2,.contoh-bengkel h3{text-transform:uppercase;letter-spacing:.01em;font-family:Big Shoulders Display Variable,Impact,sans-serif;font-weight:800;line-height:.95}.contoh-bengkel .catatan{color:var(--redam);font-size:.95rem}.contoh-bengkel .tombol{background:var(--kuning);color:var(--aspal);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);padding:14px 40px 14px 26px;font-weight:800;text-decoration:none;transition:background .2s;display:inline-block}.contoh-bengkel .tombol:hover{background:var(--putih)}.contoh-bengkel .tautan{text-underline-offset:5px;font-weight:600}.contoh-bengkel .aksi{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px;display:flex}.contoh-bengkel .hero{min-height:calc(100svh - var(--pita));align-items:center;padding:72px clamp(20px,5vw,72px) 64px;display:grid;position:relative;overflow:hidden}.contoh-bengkel .bahaya{background:repeating-linear-gradient(-45deg, var(--kuning) 0 18px, var(--aspal) 18px 36px);height:20px;position:absolute;top:0;left:0;right:0}.contoh-bengkel .hero-teks{z-index:1;position:relative}.contoh-bengkel .hero-kecil{color:var(--kuning);margin-bottom:12px;font-weight:700}.contoh-bengkel h1{text-shadow:0 0 40px var(--aspal);font-size:clamp(4.4rem,17vw,12.5rem);font-weight:900}.contoh-bengkel .hero-isi{max-width:34ch;margin-top:20px;font-size:1.25rem}.contoh-bengkel .roda{will-change:transform;position:absolute}.contoh-bengkel .r-besar{opacity:.95;width:min(86vw,640px);bottom:-14vw;right:-16vw}.contoh-bengkel .r-kecil{opacity:.55;width:min(44vw,330px);bottom:-14vw;right:min(52vw,520px)}.contoh-bengkel .g-gigi{fill:none;stroke:var(--kuning);stroke-width:22px}.contoh-bengkel .g-badan{fill:var(--kuning)}.contoh-bengkel .g-lubang{fill:var(--aspal)}.contoh-bengkel .g-jari{stroke:var(--aspal);stroke-width:9px}.contoh-bengkel .r-kecil .g-gigi{stroke:var(--baja)}.contoh-bengkel .r-kecil .g-badan{fill:var(--baja)}.contoh-bengkel .r-kecil .g-jari{stroke:var(--aspal)}.contoh-bengkel h2{font-size:clamp(2.6rem,7vw,4.8rem)}.contoh-bengkel .harga,.contoh-bengkel .area,.contoh-bengkel .alur{padding:clamp(48px,8vw,104px) clamp(20px,5vw,72px)}.contoh-bengkel .harga{background:var(--putih);color:var(--aspal);gap:10px;display:grid}.contoh-bengkel .harga .catatan{color:#50565b;max-width:60ch}.contoh-bengkel .papan{gap:40px;margin-top:28px;display:grid}.contoh-bengkel .papan h3{background:var(--aspal);color:var(--kuning);padding:6px 14px;font-size:2rem;display:inline-block}.contoh-bengkel dl{margin:12px 0 0}.contoh-bengkel dl>div{border-bottom:2px dotted #1a1c1e66;align-items:baseline;gap:12px;padding:12px 0;display:flex}.contoh-bengkel dt{flex:1;font-weight:600}.contoh-bengkel dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-family:Big Shoulders Display Variable,Impact,sans-serif;font-size:1.7rem;font-weight:800;line-height:1}.contoh-bengkel .area{background:var(--baja);gap:40px;display:grid}.contoh-bengkel .area>div{align-content:start;gap:14px;display:grid}.contoh-bengkel .area p{max-width:48ch}.contoh-bengkel .jam{color:var(--kuning);font-weight:700}.contoh-bengkel .area h3{color:var(--kuning);font-size:1.9rem}.contoh-bengkel .ongkos li{border-bottom:1px solid #f2f2ee33;justify-content:space-between;gap:16px;padding:14px 0;font-size:1.15rem;display:flex}.contoh-bengkel .alur{justify-items:start;gap:36px;display:grid}.contoh-bengkel .langkah{gap:0;width:100%;max-width:760px;display:grid}.contoh-bengkel .langkah li{border-top:1px solid #f2f2ee33;grid-template-columns:56px 1fr;gap:20px;padding:22px 0;display:grid}.js .contoh-bengkel .langkah li:not(.nyala){color:var(--redam)}.contoh-bengkel .no{border:3px solid;place-items:center;width:56px;height:56px;font-family:Big Shoulders Display Variable,Impact,sans-serif;font-size:2rem;font-weight:900;transition:background .4s,color .4s,border-color .4s;display:grid}.contoh-bengkel .langkah li.nyala .no{background:var(--kuning);border-color:var(--kuning);color:var(--aspal)}.contoh-bengkel .langkah h3{font-size:1.9rem}.contoh-bengkel .langkah p{max-width:52ch}.contoh-bengkel .kaki{color:var(--redam);border-top:20px solid #0000;border-image:repeating-linear-gradient(-45deg, var(--kuning) 0 18px, var(--aspal) 18px 36px) 1;padding:24px clamp(20px,5vw,72px) 40px;font-size:.95rem}@media (width>=900px){.contoh-bengkel .papan{grid-template-columns:1fr 1fr;gap:72px}.contoh-bengkel .area{grid-template-columns:1.2fr 1fr;gap:80px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,svg{max-width:100%;display:block}h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--pita:38px}.pita-demo{z-index:200;min-height:var(--pita);color:#373435;text-align:center;background:#fafcfd;border-bottom:1px solid #37343540;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 18px;padding:6px 16px;font:500 .78rem/1.3 system-ui,Segoe UI,sans-serif;display:flex;position:sticky;top:0}.pita-demo a{color:#006c8f;text-underline-offset:3px;font-weight:700}.pita-demo a:focus-visible,.contoh-kafe a:focus-visible,.contoh-katering a:focus-visible,.contoh-butik a:focus-visible,.contoh-klinik a:focus-visible,.contoh-bengkel a:focus-visible,[class^=contoh-] button:focus-visible,[class^=contoh-] input:focus-visible+span{outline-offset:3px;outline:3px solid}