@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}@font-face{font-family:Mozilla Text;font-style:normal;font-weight:100 900;font-display:swap;src:url(/mtfonts/MozillaText-VariableFont_wght.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#121212;--color-bg-elevated:#1e1e1e;--color-bg-subtle:#242424;--color-text:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-muted:#707070;--color-accent:#d2e3f3;--color-accent-hover:#bbd8f0;--color-accent-text:#121212;--color-border:#262626;--color-border-hover:#404040;--font-sans:"Mozilla Text", system-ui, -apple-system, sans-serif;--font-editorial:Georgia, serif;--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-md:1.25rem;--text-lg:1.5rem;--text-xl:1.875rem;--text-2xl:2.5rem;--text-3xl:3.5rem;--text-4xl:4.5rem;--text-hero:clamp(3.5rem, 9vw, 7.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:1120px;--content-width:740px;--gutter:clamp(1.5rem, 5vw, 4rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.26s;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-pill:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;background-color:var(--color-bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh;font-weight:400;line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.display{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--color-text);font-weight:700;line-height:1}.label{font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-muted);font-weight:500}.meta{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.tag-badge{font-size:var(--text-2xs);background-color:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-xs);align-items:center;padding:.2rem .55rem;font-weight:500;line-height:1;display:inline-flex}.section-headline{text-align:center;margin-bottom:var(--space-12)}.section-headline__title{font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.01em;font-weight:600}.container{width:100%;max-width:var(--max-width);padding-inline:var(--gutter);margin-inline:auto}.container--narrow{max-width:var(--content-width)}.divider{border:none;border-top:1px solid var(--color-border)}.pill-btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-xs);background-color:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border-radius:var(--radius-pill);transition:all var(--duration-fast) var(--ease-out);border:none;padding:.65rem 1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.pill-btn:hover{background-color:var(--color-accent-hover)}.pill-btn--outline{color:var(--color-text);border:1px solid var(--color-border);background-color:#0000}.pill-btn--outline:hover{background-color:var(--color-bg-elevated);border-color:var(--color-text-secondary)}.pill-btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background-color:#0000}.pill-btn--ghost:hover{color:var(--color-text);border-color:var(--color-text-muted);background-color:var(--color-bg-elevated)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.skip-link{top:-100%;left:var(--gutter);padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-bg);font-size:var(--text-sm);z-index:9999;transition:top var(--duration-fast);font-weight:600;position:absolute}.skip-link:focus{top:var(--space-4)}@keyframes text-morph-in{0%{opacity:0;filter:blur(4px);transform:translateY(3px)}50%{filter:blur(1px)}to{opacity:1;filter:blur();transform:translateY(0)}}html.lang-en .t-en,html.lang-id .t-id{contain:layout style;animation:.28s cubic-bezier(.16,1,.3,1) both text-morph-in;display:inline-block}p .t-en,p .t-id,blockquote .t-en,blockquote .t-id{display:inline}html.lang-en .t-id,html.lang-id .t-en{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-reveal],[data-reveal=frame]{opacity:1!important;transition:none!important;transform:none!important}.project-card-link,.pill-btn,.nav-link-item{transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.site-header[data-astro-cid-nen7h5rs]{z-index:1000;-webkit-backdrop-filter:blur(14px);transition:border-color var(--duration-base);background-color:#121212e0;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.site-header[data-astro-cid-nen7h5rs].scrolled{border-bottom-color:var(--color-border)}.site-header__inner[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;height:4rem;display:flex}.brand-name[data-astro-cid-nen7h5rs]{font-size:var(--text-sm);color:var(--color-text);letter-spacing:-.01em;text-transform:lowercase;font-weight:500}.site-header__nav[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-8);display:none}.site-header__links[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-8);display:flex}.nav-link[data-astro-cid-nen7h5rs]{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:lowercase;transition:color var(--duration-fast);font-weight:400}.nav-link[data-astro-cid-nen7h5rs]:hover,.nav-link[data-astro-cid-nen7h5rs][aria-current=page]{color:var(--color-text)}.lang-pill[data-astro-cid-nen7h5rs]{background:var(--color-bg-subtle);border:1px solid var(--color-border);cursor:pointer;font-size:var(--text-2xs);border-radius:var(--radius-pill);color:var(--color-text);transition:all var(--duration-fast);padding:.3rem .65rem;font-weight:600}.lang-pill[data-astro-cid-nen7h5rs]:hover{border-color:var(--color-text-secondary);background-color:var(--color-bg-elevated)}.site-header__menu-btn[data-astro-cid-nen7h5rs]{background:var(--color-bg-subtle);border:1px solid var(--color-border);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--color-text);border-radius:var(--radius-xs);z-index:1100;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.hamburger-box[data-astro-cid-nen7h5rs]{flex-direction:column;justify-content:center;gap:5px;width:18px;height:18px;display:flex}.hamburger-line[data-astro-cid-nen7h5rs]{transform-origin:50%;background-color:currentColor;border-radius:2px;width:100%;height:2px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s;display:block}.site-header__menu-btn[data-astro-cid-nen7h5rs][aria-expanded=true] .line-top[data-astro-cid-nen7h5rs]{transform:translateY(7px)rotate(45deg)}.site-header__menu-btn[data-astro-cid-nen7h5rs][aria-expanded=true] .line-mid[data-astro-cid-nen7h5rs]{opacity:0;transform:scaleX(0)}.site-header__menu-btn[data-astro-cid-nen7h5rs][aria-expanded=true] .line-bot[data-astro-cid-nen7h5rs]{transform:translateY(-7px)rotate(-45deg)}.mobile-menu[data-astro-cid-nen7h5rs]{z-index:990;background-color:var(--color-bg);opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;transition:opacity .38s cubic-bezier(.4,0,.2,1),visibility .38s step-end;display:flex;position:fixed;inset:0}.mobile-menu[data-astro-cid-nen7h5rs].is-open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .38s cubic-bezier(.4,0,.2,1),visibility step-start}.mobile-menu__inner[data-astro-cid-nen7h5rs]{justify-content:center;align-items:flex-start;gap:var(--space-12);height:100%;padding:4rem var(--space-8) var(--space-8);flex-direction:column;width:100%;max-width:40rem;margin:0 auto;display:flex}.mobile-menu__links[data-astro-cid-nen7h5rs]{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.mobile-nav-item[data-astro-cid-nen7h5rs]{overflow:hidden}.mobile-nav-link[data-astro-cid-nen7h5rs]{color:var(--color-text);text-transform:lowercase;letter-spacing:-.03em;opacity:0;transition:transform .48s cubic-bezier(.4, 0, .2, 1), opacity .42s ease, color var(--duration-fast);font-size:clamp(2.2rem,9vw,4rem);font-weight:700;line-height:1.15;display:block;transform:translateY(48px)}.mobile-nav-link[data-astro-cid-nen7h5rs]:hover,.mobile-nav-link[data-astro-cid-nen7h5rs][aria-current=page]{color:var(--color-text-secondary)}.mobile-menu[data-astro-cid-nen7h5rs].is-open .mobile-nav-link[data-astro-cid-nen7h5rs]{opacity:1;transform:translateY(0)}.mobile-menu[data-astro-cid-nen7h5rs].is-open .mobile-nav-item[data-astro-cid-nen7h5rs]:first-child .mobile-nav-link[data-astro-cid-nen7h5rs]{transition-delay:60ms}.mobile-menu[data-astro-cid-nen7h5rs].is-open .mobile-nav-item[data-astro-cid-nen7h5rs]:nth-child(2) .mobile-nav-link[data-astro-cid-nen7h5rs]{transition-delay:.13s}.mobile-menu[data-astro-cid-nen7h5rs].is-open .mobile-nav-item[data-astro-cid-nen7h5rs]:nth-child(3) .mobile-nav-link[data-astro-cid-nen7h5rs]{transition-delay:.2s}.mobile-menu__footer[data-astro-cid-nen7h5rs]{opacity:0;transition:opacity .4s .28s,transform .4s .28s;transform:translateY(14px)}.mobile-menu[data-astro-cid-nen7h5rs].is-open .mobile-menu__footer[data-astro-cid-nen7h5rs]{opacity:1;transform:translateY(0)}@media (width>=768px){.site-header__nav[data-astro-cid-nen7h5rs]{display:flex}.site-header__menu-btn[data-astro-cid-nen7h5rs]{display:none}.mobile-menu[data-astro-cid-nen7h5rs]{display:none!important}}.site-footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--color-border);padding-block:var(--space-8);margin-top:var(--space-20);background-color:var(--color-bg)}.site-footer__inner[data-astro-cid-jo6i4kqk]{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}@media (width>=640px){.site-footer__inner[data-astro-cid-jo6i4kqk]{flex-direction:row;justify-content:space-between}}.footer-links[data-astro-cid-jo6i4kqk]{justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer-link[data-astro-cid-jo6i4kqk]{font-size:var(--text-xs);color:var(--color-text-secondary);transition:color var(--duration-fast);align-items:center;font-weight:500;display:inline-flex}.footer-link[data-astro-cid-jo6i4kqk]:hover{color:var(--color-text)}.footer-brand[data-astro-cid-jo6i4kqk]{color:var(--color-text-muted);font-size:var(--text-xs)}.brand-name[data-astro-cid-jo6i4kqk]{text-transform:lowercase}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal!important;animation:none!important}html.is-loading,body.is-loading{touch-action:none!important;overflow:hidden!important}.page-curtain{z-index:99999;pointer-events:none;will-change:transform;background-color:#121212;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;transform:translateY(0%)}.curtain-timer{font-family:var(--font-sans);color:var(--color-text);letter-spacing:-.04em;font-variant-numeric:tabular-nums;opacity:0;font-size:clamp(3.5rem,11vw,7rem);font-weight:700;transition:opacity .16s}.page-curtain.is-covered .curtain-timer{opacity:1;animation:1.5s ease-in-out infinite pulse-timer}@keyframes pulse-timer{0%{opacity:.85;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.98)}}.mouse-cursor{pointer-events:none;z-index:999999;mix-blend-mode:difference;will-change:transform;opacity:0;width:50px;height:50px;margin-top:-25px;margin-left:-25px;transition:opacity .35s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.mouse-cursor:after{content:"";background-color:#fff;border-radius:50%;width:100%;height:100%;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s;display:block;transform:scale(1)}.mouse-cursor.is-active{opacity:1}.mouse-cursor.is-hovering:after{transform:scale(2.8)}body.is-loading .mouse-cursor:after{opacity:.6;animation:.8s ease-in-out infinite alternate cursor-pulse;transform:scale(.4)}@keyframes cursor-pulse{0%{opacity:.3;transform:scale(.3)}to{opacity:.9;transform:scale(.7)}}@media (hover:none) or (pointer:coarse){.mouse-cursor{display:none!important}}