@font-face{font-family:Kodchasan;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/kodchasan-latin-600-normal.BlnReizo.woff2)format("woff2"),url(/_astro/kodchasan-latin-600-normal.DP1drZy3.woff)format("woff")}@font-face{font-family:Kodchasan;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/kodchasan-latin-700-normal.BYEX2bkL.woff2)format("woff2"),url(/_astro/kodchasan-latin-700-normal.Dykfbgyu.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/plus-jakarta-sans-latin-400-normal.Dhut76fR.woff2)format("woff2"),url(/_astro/plus-jakarta-sans-latin-400-normal.BDKaGhyp.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/plus-jakarta-sans-latin-500-normal.Bf-nb4oT.woff2)format("woff2"),url(/_astro/plus-jakarta-sans-latin-500-normal.DYtqi0QS.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/plus-jakarta-sans-latin-600-normal.DLTa1BUW.woff2)format("woff2"),url(/_astro/plus-jakarta-sans-latin-600-normal.BR_Ojra4.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/plus-jakarta-sans-latin-700-normal.CfpNZvy6.woff2)format("woff2"),url(/_astro/plus-jakarta-sans-latin-700-normal.DqEcQeE5.woff)format("woff")}:root{color-scheme:light;--bright:#ffc21a;--ink:#151313;--paper:#fff;--cream:#f7f7f5;--card:#f3f2ef;--violet:#be94f5;--violet-soft:#e9ddfc;--violet-deep:#6b3fd1;--sky:#eee7fb;--muted:#5f5b66;--line:#e6e3ea;--ok:#1c7d45;--ink-2:#262222;--ink-line:#3e3838;--on-ink-muted:#bdb7c2;--error-on-ink:#ff9a85;--photo-1:#ffe08a;--photo-2:#e2d3fb;--photo-3:#c9a9f7;--on-bright:var(--ink);--on-ink:var(--paper);--font-display:"Kodchasan", "Trebuchet MS", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--t-hero:clamp(2.6rem, 1.6rem + 2.8vw, 4rem);--t-h2:clamp(1.9rem, 1.35rem + 2.2vw, 3.1rem);--t-h3:clamp(1.2rem, 1.1rem + .4vw, 1.45rem);--t-body:clamp(1rem, .96rem + .18vw, 1.1rem);--t-small:.9rem;--t-label:.74rem;--t-gallery:clamp(3rem, 2rem + 2.4vw, 4.4rem);--t-wordmark:clamp(5.5rem, min(3rem + 19vw, 32.4vw), 18rem);--lh-hero:1.02;--lh-h2:1.08;--lh-body:1.6;--ls-display:-.015em;--ls-label:.12em;--w-display:600;--w-display-bold:700;--w-body:400;--w-body-medium:500;--w-body-semibold:600;--w-body-bold:700;--measure:62ch;--sp-4:.25rem;--sp-8:.5rem;--sp-12:.75rem;--sp-16:1rem;--sp-24:1.5rem;--sp-32:2rem;--sp-48:3rem;--sp-64:4rem;--sp-96:6rem;--sp-104:6.5rem;--sp-section:clamp(4rem, 2.435rem + 4.348vw, 6.5rem);--content-max:1200px;--gut:max(20px, env(safe-area-inset-left,0px));--gut-r:max(20px, env(safe-area-inset-right,0px));--gut-desktop:max(32px, env(safe-area-inset-left,0px));--gut-r-desktop:max(32px, env(safe-area-inset-right,0px));--tap-min:2.75rem;--btn-min:3.25rem;--header-h:4.5rem;--r-button:0;--r-field:10px;--r-scene:14px;--r-photo:18px;--r-gallery:24px;--r-chip:999px;--bw-line:1px;--bw-strong:1.5px;--bw-doodle:1.6px;--bw-icon:1.75px;--shadow-float:0 12px 32px #1513131f;--shadow-header:0 6px 20px #1513130f;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.215, .61, .355, 1);--dur-fast:.2s;--dur-mid:.25s;--dur-enter:.7s;--scene-beat:1.5s;--scene-loop:9s;--float-dur:6s}@property --hlx{syntax:"<number>";inherits:true;initial-value:1}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + var(--sp-16))}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:var(--t-body);font-weight:var(--w-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex;overflow-x:clip}body:before{content:"";z-index:31;height:env(safe-area-inset-top,0px);background:var(--paper);pointer-events:none;position:fixed;inset:0 0 auto}main{flex:1}h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg,picture,video{max-width:100%;height:auto;display:block}input,select,textarea,button{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}[hidden]{display:none!important}h1,h2,h3{font-family:var(--font-display);font-weight:var(--w-display-bold);letter-spacing:var(--ls-display);text-wrap:balance}h1,h2{z-index:0;position:relative}h1{font-size:var(--t-hero);line-height:var(--lh-hero)}h2{font-size:var(--t-h2);line-height:var(--lh-h2)}h3{font-size:var(--t-h3);line-height:1.25}p{max-width:var(--measure);text-wrap:pretty}small{font-size:var(--t-small)}:focus-visible{outline:3px solid var(--violet-deep);outline-offset:3px}.wrap{width:100%;max-width:calc(var(--content-max) + 64px);padding-left:var(--gut);padding-right:var(--gut-r);margin-inline:auto}@media (width>=56.25rem){.wrap{padding-left:var(--gut-desktop);padding-right:var(--gut-r-desktop)}}.contoh-label{border-radius:var(--r-chip);font-family:var(--font-body);font-size:.64rem;font-weight:var(--w-body-bold);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;white-space:nowrap;border:1px dashed;margin-left:6px;padding:1px 6px;line-height:1.4;display:inline-block}.label{font-size:var(--t-label);font-weight:var(--w-body-bold);letter-spacing:var(--ls-label);text-transform:uppercase;line-height:1.4}.btn{justify-content:center;align-items:center;gap:var(--sp-12);min-height:var(--btn-min);border-radius:var(--r-button);font-family:var(--font-body);font-size:1rem;font-weight:var(--w-body-bold);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease);border:0;padding:15px 22px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:16px;height:16px}.btn--ink{background:var(--ink);color:var(--on-ink)}.btn--ink:hover{background:color-mix(in srgb, var(--ink) 84%, var(--paper))}.btn--bright{background:var(--bright);color:var(--on-bright)}.btn--bright:hover{background:color-mix(in srgb, var(--bright) 86%, var(--paper))}.hl{--hlx:1;--hl-color:var(--violet-soft);white-space:nowrap;padding:0 .12em;position:relative}.hl:before{content:"";z-index:-1;background:var(--hl-color);transform:rotate(-1.2deg) scaleX(var(--hlx));transform-origin:0;clip-path:polygon(0 8%,4% 0,9% 6%,15% 1%,22% 7%,30% 0,38% 5%,46% 1%,55% 7%,63% 0,71% 6%,79% 2%,87% 7%,94% 1%,100% 6%,99% 94%,93% 100%,86% 95%,78% 100%,70% 94%,61% 100%,52% 95%,44% 100%,35% 94%,27% 100%,18% 95%,10% 100%,3% 95%,1% 100%);position:absolute;inset:.12em 0 .02em}.hl--violet{--hl-color:var(--violet)}.hl--bright{--hl-color:var(--bright)}.hl--deep{--hl-color:var(--violet-deep)}.textlink{font-weight:var(--w-body-semibold);text-underline-offset:4px;text-decoration:underline 1px}.textlink--blok{min-height:var(--tap-min);align-items:center;display:inline-flex}.sec{padding-block:var(--sp-64);overflow-x:clip}.sec-head{gap:14px;margin-bottom:34px;display:grid;position:relative}.sec-head .label{color:var(--muted);margin-bottom:14px;display:block}.sec-head p{max-width:44ch;color:var(--muted)}@media (width>=56.25rem){.sec{padding-block:var(--sp-104)}.sec-head{align-items:end;gap:var(--sp-48);grid-template-columns:7fr 5fr;margin-bottom:46px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav[data-astro-cid-wpvy4v7s]{top:env(safe-area-inset-top,0px);z-index:30;background:var(--paper);border-bottom:var(--bw-line) solid transparent;transition:border-color var(--dur-mid) var(--ease), box-shadow var(--dur-mid) var(--ease);position:sticky}.nav[data-astro-cid-wpvy4v7s].is-scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-header)}.nav__inner[data-astro-cid-wpvy4v7s]{justify-content:space-between;align-items:center;gap:var(--sp-16);min-height:var(--header-h);display:flex}.nav__logo[data-astro-cid-wpvy4v7s]{min-width:0;min-height:var(--tap-min);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.nav__mark[data-astro-cid-wpvy4v7s]{border-radius:var(--r-field);background:var(--bright);width:36px;height:36px;color:var(--on-bright);font-family:var(--font-display);font-size:1.3rem;font-weight:var(--w-display-bold);flex:none;place-items:center;line-height:1;display:grid}.nav__name[data-astro-cid-wpvy4v7s]{font-family:var(--font-display);font-size:1.05rem;font-weight:var(--w-display-bold);white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:1.15;overflow:hidden}@media (width<=23.75rem){.nav__name[data-astro-cid-wpvy4v7s]{font-size:.9rem}}.nav__links[data-astro-cid-wpvy4v7s]{gap:var(--sp-32);font-size:.95rem;font-weight:var(--w-body-semibold);display:none}.nav__links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{min-width:var(--tap-min);min-height:var(--tap-min);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nav__links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover{text-underline-offset:4px;text-decoration:underline}.nav__links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s][aria-current=true]{text-decoration:underline;text-decoration-color:var(--violet);text-underline-offset:8px;text-decoration-thickness:3px}.nav__cta[data-astro-cid-wpvy4v7s]{min-height:var(--tap-min);flex:none;padding:10px 18px;font-size:.92rem}@media (width>=48rem){.nav__links[data-astro-cid-wpvy4v7s]{display:flex}}.foot[data-astro-cid-jo6i4kqk]{background:var(--bright);padding-top:56px;position:relative;overflow:hidden}.foot__wordmark[data-astro-cid-jo6i4kqk]{max-width:none;color:var(--paper);font-family:var(--font-display);font-size:var(--t-wordmark);font-weight:var(--w-display-bold);letter-spacing:-.04em;text-align:center;user-select:none;margin:0;line-height:.8}.foot__kids[data-astro-cid-jo6i4kqk]{z-index:1;width:min(62%,430px);margin:calc(var(--t-wordmark) * -.04) auto 0;position:relative}.foot__bar[data-astro-cid-jo6i4kqk]{z-index:2;background:var(--ink);color:var(--on-ink);position:relative}.foot__bar-inner[data-astro-cid-jo6i4kqk]{justify-content:space-between;align-items:center;gap:var(--sp-12) 28px;flex-wrap:wrap;padding-block:20px;font-size:.85rem;display:flex}.foot__menu[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;gap:0 22px;display:flex}.foot__menu[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{min-width:var(--tap-min);min-height:var(--tap-min);font-weight:var(--w-body-semibold);align-items:center;text-decoration:none;display:inline-flex}.foot__menu[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{text-decoration:underline}.foot__copy[data-astro-cid-jo6i4kqk]{color:var(--on-ink-muted);font-size:inherit;font-variant-numeric:tabular-nums}