@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#191715;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8e2d5;font-family:Space Grotesk,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit}.opening-loader{z-index:30;color:var(--paper);background:var(--coral);grid-template-rows:auto 1fr auto;padding:28px 5.2vw 24px;display:grid;position:fixed;inset:0}.loader-meta,.loader-footer{font:10px var(--mono);letter-spacing:.07em;justify-content:space-between;display:flex}.loader-center{place-items:center;display:grid;position:absolute;inset:0}.loader-logo-frame{background:var(--coral);width:100vw;height:100vh;overflow:hidden}.loader-logo-frame img{object-fit:contain;width:100%;height:100%;display:block}.loader-line{background:var(--coral);transform-origin:0;width:min(420px,55vw);height:2px;display:block;position:absolute;bottom:12vh}@media (width<=700px){.opening-loader{padding:24px 6vw 20px}.loader-meta,.loader-footer{font-size:8px}.loader-line{width:62vw;bottom:10vh}.loader-footer span:last-child{text-align:right}}.portrait-image{object-fit:cover;object-position:center;filter:saturate(.82)contrast(1.04);width:76%;height:71%;position:absolute;inset:16% 12% 13%;transform:rotate(1.5deg)}.paper-sheet>span{z-index:1;color:var(--paper);mix-blend-mode:difference;position:absolute;top:28px;left:28px}.paper-sheet>small{z-index:1}.about-scene{grid-template-areas:"copy visual"}.about-scene .scene-index{position:absolute;top:50%;left:10vw;transform:translateY(-50%)}.about-scene .about-copy{grid-area:copy}.about-scene .about-visual{grid-area:visual}@media (width<=700px){.about-scene{grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);grid-template-areas:"visual copy";align-items:center;gap:4vw;padding:18vw 6vw}.about-visual{order:1;min-height:360px}.about-copy{order:2;min-width:0}.about-copy .scene-label{margin-bottom:1.5rem;font-size:9px}.about-copy h2{font-size:clamp(38px,12vw,62px)}.about-copy p{margin:4vh 0;font-size:13px;line-height:1.35}.about-copy .text-link{font-size:9px}.portrait-image{width:80%;height:74%;inset:14% 10% 12%}}.contact-actions{align-items:flex-end;gap:42px;margin-top:8vh;display:flex}.contact-actions .contact-button{margin-top:0}.cv-actions{gap:24px;padding-bottom:18px;display:flex}.cv-actions a{border-bottom:1px solid var(--paper);font:10px var(--mono);white-space:nowrap;padding-bottom:7px;text-decoration:none}.cv-actions a span{color:var(--coral);margin-left:14px;font-size:16px}@media (width<=700px){.contact-actions{margin-top:10vh;display:block}.cv-actions{gap:18px;padding-top:28px;padding-bottom:0}.cv-actions a{font-size:9px}}:root{--ink:#191715;--paper:#e8e2d5;--coral:#e85c3d;--yellow:#e6c45d;--line:#1917154d;--mono:"DM Mono",monospace}main{background:var(--paper);overflow:hidden}.site-header{z-index:10;height:76px;font:11px var(--mono);letter-spacing:.06em;justify-content:space-between;align-items:center;padding:0 5.2vw;display:flex;position:absolute;inset:0 0 auto}.logo-word{letter-spacing:-.04em;font:700 17px Space Grotesk,sans-serif;text-decoration:none}.logo-word span{color:var(--coral)}.header-meta{opacity:.58}.menu-link{text-decoration:none}.menu-link span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:25px;height:25px;margin-left:10px;font:18px Space Grotesk;display:inline-grid}.progress-rail{z-index:9;gap:14px;display:grid;position:fixed;top:50%;right:2vw;transform:translateY(-50%)}.progress-rail a{color:var(--ink);opacity:.35;font:9px var(--mono);writing-mode:vertical-rl;align-items:center;gap:7px;text-decoration:none;display:flex}.progress-rail a i{background:currentColor;border-radius:50%;width:4px;height:4px}.progress-rail a.active{opacity:1}.progress-rail a.active i{background:var(--coral);border-radius:0;height:24px}.cursor{z-index:20;border:1px solid var(--coral);pointer-events:none;width:14px;height:14px;font:8px var(--mono);border-radius:50%;place-items:center;transition:width .2s,height .2s,background .2s;display:grid;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.is-active{width:58px;height:58px;color:var(--paper);background:var(--coral);border-color:var(--coral)}.scene{min-height:100vh;padding:10vw;position:relative}.scene-label{font:11px var(--mono);letter-spacing:.08em;margin:0 0 3rem}.scene-label span{color:var(--coral);margin-right:14px}.intro-stage{background:var(--paper);align-content:center;height:100vh;min-height:100vh;padding:9vw 11vw;display:grid}.hero-kicker,.intro-copy,.hero-note,.scroll-prompt{font:10px/1.5 var(--mono);letter-spacing:.08em;position:absolute}.hero-kicker{top:17vh;left:11vw}.intro-copy{text-align:right;opacity:.58;bottom:11vh;right:11vw}.hero-note{color:var(--coral);line-height:1.1;top:34vh;right:18vw}.hero-name{z-index:2;letter-spacing:-.09em;font:700 clamp(74px,14vw,220px)/.79 Space Grotesk;display:grid;position:relative}.hero-name span:last-child{margin-left:11vw}.hero-tagline{z-index:2;letter-spacing:-.04em;margin:4vh 0 0 20vw;font-size:clamp(17px,2vw,27px);line-height:1.08}.scroll-prompt{bottom:5vh;left:50%;transform:translate(-50%)}.scroll-prompt span{color:var(--coral);padding-left:8px;font-size:20px}.hero-orbit{pointer-events:none;width:45vw;height:45vw;position:absolute;top:13vh;left:37vw}.orbit-ring{border:1px solid var(--coral);border-radius:50%;display:block;position:absolute;transform:rotate(-24deg)skew(-12deg)}.ring-one{inset:4%}.ring-two{border-color:var(--ink);inset:17%}.hero-sun{background:var(--coral);border-radius:50%;width:8vw;height:8vw;position:absolute;top:37%;left:38%}.mark{border:1px solid;border-radius:50%;width:24px;height:24px;display:inline-block;position:relative}.mark:before,.mark:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mark:before{width:120%;height:1px}.mark:after{width:1px;height:120%}.hero-mark{color:var(--coral);position:absolute;top:75%;left:12%;transform:rotate(23deg)}.about-scene{background:var(--coral);min-height:110vh;color:var(--paper);grid-template-columns:1fr 1fr;align-items:center;gap:9vw;display:grid}.about-copy h2,.path-copy h2,.stack-top h2,.work-heading h2,.contact-scene h2{letter-spacing:-.09em;margin:0;font:600 clamp(56px,8vw,120px)/.82 Space Grotesk}.about-copy h2 em,.path-copy h2 em,.stack-top h2 em,.work-heading h2 em,.contact-scene h2 em{color:var(--ink);font-style:normal}.about-copy p,.path-copy p{max-width:360px;margin:6vh 0 5vh;font-size:16px;line-height:1.45}.about-copy .scene-label{color:var(--paper)}.text-link{border-bottom:1px solid var(--paper);font:11px var(--mono);padding-bottom:7px;text-decoration:none}.text-link span{margin-left:20px;font-size:17px}.about-visual{min-height:470px;position:relative}.paper-sheet{background:var(--paper);color:var(--ink);padding:28px;position:absolute;inset:9% 17% 7% 5%;transform:rotate(-7deg);box-shadow:15px 17px #19171529}.paper-sheet span,.paper-sheet small{font:10px var(--mono)}.paper-sheet strong{letter-spacing:-.08em;margin-top:28%;font:600 clamp(45px,5vw,78px)/.78 Space Grotesk;display:block}.paper-sheet small{position:absolute;bottom:24px;right:28px}.red-stamp{z-index:2;border:2px solid var(--ink);color:var(--ink);font:700 15px/1 var(--mono);padding:20px 14px;position:absolute;top:18%;right:5%;transform:rotate(12deg)}.about-line{background:var(--paper);width:100%;height:1px;position:absolute;bottom:5%;left:0;transform:rotate(11deg)}.path-scene{background:#d8d0c0;grid-template-columns:.7fr 1.3fr;align-items:center;gap:6vw;display:grid}.path-copy p{color:#514a40}.journey-map{height:480px;position:relative}.map-line{background:var(--coral);transform-origin:0;width:91%;height:2px;position:absolute;top:55%;left:3%;transform:rotate(-14deg)}.map-node{font:10px/1.3 var(--mono);gap:10px;display:grid;position:absolute}.map-node b{width:60px;height:60px;color:var(--paper);background:var(--ink);font:12px var(--mono);border-radius:50%;place-items:center;display:grid}.node-one{top:43%;left:3%}.node-two{top:22%;left:43%}.node-three{top:3%;right:0}.node-three b{background:var(--coral)}.map-mark{color:var(--coral);position:absolute;bottom:12%;right:26%}.stack-scene{background:var(--ink);min-height:120vh;color:var(--paper);padding-top:12vw}.stack-top{justify-content:space-between;align-items:start;display:flex}.stack-top h2{text-align:right}.toolbox{background:#25221e;border:1px solid #e8e2d580;max-width:980px;min-height:450px;margin:11vh auto 0;padding:4vw;position:relative;transform:rotate(-2deg)}.toolbox-lid{color:var(--ink);background:var(--yellow);font:11px var(--mono);padding:10px 22px;position:absolute;top:-22px;left:8%;transform:rotate(2deg)}.token-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.stack-token{letter-spacing:-.08em;padding:16px 22px;font:600 clamp(20px,3vw,42px)/1 Space Grotesk;display:inline-block}.token-coral{color:var(--paper);background:var(--coral);transform:rotate(-5deg)}.token-ink{color:var(--paper);background:#111;transform:rotate(4deg)}.token-paper{color:var(--ink);background:var(--paper);transform:rotate(-2deg)}.token-yellow{color:var(--ink);background:var(--yellow);transform:rotate(3deg)}.token-outline{border:1px solid var(--paper);transform:rotate(-3deg)}.work-scene{background:var(--paper);min-height:160vh;padding-top:12vw}.work-heading{justify-content:space-between;align-items:end;display:flex}.work-heading h2{color:var(--coral)}.work-heading .scene-label{align-self:start}.work-count{font:11px var(--mono)}.project-list{margin-top:12vh}.project{grid-template-columns:1fr 1fr;min-height:540px;display:grid}.project-art{place-items:center;display:grid;position:relative;overflow:hidden}.project-art>span{font:10px var(--mono);position:absolute;top:28px;left:30px}.movie-art{background:var(--coral)}.film-strip{border:3px solid var(--ink);background:repeating-linear-gradient(0deg,transparent 0 42px,var(--ink) 44px 50px);width:55%;height:72%;transform:rotate(13deg)}.play-icon{border:2px solid var(--ink);border-radius:50%;place-items:center;width:90px;height:90px;font-size:22px;display:grid;position:absolute}.posyandu-art{background:var(--yellow)}.sun-shape{background:var(--coral);border-radius:50%;width:280px;height:280px}.cross-shape{font:200px/1 Space Grotesk;position:absolute}.logbook-art{color:var(--paper);background:#4d6d63}.logbook-card{width:260px;height:320px;color:var(--ink);background:var(--paper);letter-spacing:-.08em;place-items:center;font:700 55px/.8 Space Grotesk;display:grid;transform:rotate(-8deg)}.project-info{background:#d8d0c0;padding:8vw 7vw;position:relative}.project-two .project-info{background:var(--ink);color:var(--paper)}.project-three .project-info{background:var(--coral)}.project-info>span,.project-info small{font:10px var(--mono)}.project-info h3{letter-spacing:-.09em;margin:15vh 0 3vh;font:600 clamp(45px,6vw,88px)/.8 Space Grotesk}.project-info p{max-width:330px;margin-bottom:3vh;font-size:15px;line-height:1.4}.project-info a{border:1px solid;border-radius:50%;place-items:center;width:53px;height:53px;font-size:23px;text-decoration:none;transition:transform .3s;display:grid;position:absolute;bottom:7vw;right:7vw}.project-info a:hover{transform:rotate(45deg)}.identity-scene{background:var(--coral);min-height:110vh;color:var(--ink);align-content:center;display:grid}.identity-small,.identity-foot{font:10px/1.4 var(--mono)}.identity-small{position:absolute;top:14vh;left:10vw}.identity-words{letter-spacing:-.1em;font:700 clamp(67px,14vw,210px)/.76 Space Grotesk;display:grid}.identity-words span:nth-child(2){color:var(--paper);margin-left:17vw}.identity-words span:nth-child(3){margin-left:5vw}.identity-words span:nth-child(4){color:var(--paper);margin-left:24vw}.identity-foot{align-items:center;gap:16px;display:flex;position:absolute;bottom:9vh;right:10vw}.contact-scene{background:var(--ink);min-height:100vh;color:var(--paper);padding:10vw}.contact-top{font:10px/1.4 var(--mono);justify-content:space-between;display:flex}.contact-top .scene-label{color:var(--paper)}.contact-scene h2{color:var(--paper);margin-top:19vh}.contact-scene h2 em{color:var(--coral)}.contact-button{border-bottom:1px solid var(--coral);font:12px var(--mono);margin-top:8vh;padding:18px 0;text-decoration:none;display:inline-block}.contact-button span{color:var(--coral);margin-left:55px;font-size:20px}.contact-bottom{font:10px var(--mono);gap:30px;display:flex;position:absolute;bottom:8vh;left:10vw;right:10vw}.contact-bottom a{text-decoration:none}.contact-bottom span{opacity:.5;margin-left:auto}@media (width<=700px){.site-header{padding:0 6vw}.header-meta,.progress-rail,.cursor{display:none}.scene{min-height:auto;padding:24vw 8vw}.intro-stage{height:100svh;min-height:650px;padding:25vw 8vw 14vw}.hero-kicker{top:16vh;left:8vw}.hero-name{font-size:clamp(61px,19vw,105px)}.hero-name span:last-child{margin-left:4vw}.hero-note{top:29vh;right:8vw}.hero-tagline{margin:7vh 0 0 8vw;font-size:18px}.hero-orbit{opacity:.65;width:86vw;height:86vw;top:24vh;left:11vw}.hero-sun{width:18vw;height:18vw}.scroll-prompt{white-space:nowrap;bottom:6vh}.about-scene,.path-scene{grid-template-columns:1fr;gap:6vw}.about-scene{padding-top:22vw}.about-visual{order:2;min-height:380px}.paper-sheet{inset:7% 8% 6% 2%}.paper-sheet strong{margin-top:30%}.about-copy{order:1}.about-copy h2,.path-copy h2,.stack-top h2,.work-heading h2,.contact-scene h2{font-size:clamp(54px,17vw,88px)}.about-copy p,.path-copy p{margin:5vh 0}.path-scene{padding-top:24vw}.journey-map{height:390px;margin-top:8vw}.map-node{font-size:9px}.node-one{left:0}.node-two{top:26%;left:34%}.node-three{top:8%;right:0}.stack-scene{min-height:100svh;padding-top:24vw}.stack-top{display:block}.stack-top h2{text-align:left;margin-top:8vh}.toolbox{min-height:490px;margin-top:12vh;padding:17vw 5vw}.token-cloud{gap:11px}.stack-token{padding:13px 14px;font-size:25px}.work-scene{min-height:auto;padding-top:24vw}.work-heading{display:block}.work-count{margin-top:3vh;display:block}.project-list{margin-top:10vh}.project{grid-template-columns:1fr;min-height:auto}.project-art{min-height:330px}.project-info{min-height:430px;padding:12vw 8vw}.project-info h3{margin:11vh 0 4vh;font-size:60px}.project-info a{bottom:9vw;right:8vw}.identity-scene{min-height:100svh;padding:27vw 8vw}.identity-words{font-size:clamp(60px,17vw,100px)}.identity-words span:nth-child(2){margin-left:8vw}.identity-words span:nth-child(3){margin-left:2vw}.identity-words span:nth-child(4){margin-left:12vw}.contact-scene{min-height:100svh;padding:24vw 8vw 10vw}.contact-top{display:block}.contact-top>span{margin-top:8vh;display:block}.contact-scene h2{margin-top:17vh}.contact-button{margin-top:10vh}.contact-bottom{flex-wrap:wrap;gap:17px;bottom:6vh;left:8vw;right:8vw}.contact-bottom span{width:100%;margin:10px 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}@media (width>=701px){.work-scene{height:100vh;min-height:100vh;margin-bottom:8vh;padding-top:clamp(48px,7vh,76px);padding-bottom:5vw;overflow:hidden}.work-heading h2{font-size:clamp(52px,7vw,110px)}.project-list{gap:3vw;width:max-content;height:calc(100vh - 350px);min-height:340px;margin-top:3vh;display:flex}.project{width:78vw;height:100%;min-height:0}.project-info{height:100%;min-height:0;padding:3vw 4vw;overflow:hidden}.project-info h3{margin:6vh 0 3vh;font-size:clamp(40px,5vw,76px)}}@media (width<=700px){.work-scene{height:auto;min-height:auto;margin-bottom:0}.project-list{width:auto;display:block}.project{width:auto;height:auto}}@media (width>=701px){.hero-name{font-size:clamp(64px,10vw,155px);line-height:.84}.hero-name span:last-child{margin-left:8vw}.hero-tagline{margin-left:15vw;font-size:clamp(16px,1.6vw,22px)}}@media (width<=700px){body,main{width:100%;max-width:100%;overflow-x:hidden}.site-header{height:64px;padding:0 6vw}.intro-stage{height:100svh;min-height:100svh;padding:26vw 8vw 14vw;overflow:hidden}.hero-name{overflow-wrap:anywhere;width:100%;font-size:clamp(52px,17vw,86px);line-height:.84}.hero-name span:last-child{margin-left:3vw}.hero-kicker{max-width:42vw;font-size:8px;top:15vh;left:8vw}.hero-note{font-size:8px;top:29vh;right:8vw}.hero-tagline{max-width:75%;margin:6vh 0 0 6vw;font-size:16px}.intro-copy{font-size:8px;bottom:14vh;right:8vw}.hero-orbit{width:92vw;height:92vw;top:27vh;left:8vw}.about-scene{grid-template-columns:1fr;grid-template-areas:"visual""copy";gap:8vw;min-height:auto;padding:22vw 8vw 18vw;display:grid}.about-scene .scene-index{font-size:11px;top:10vw;left:8vw;transform:none}.about-scene .about-visual,.about-scene .about-copy{width:100%;min-width:0}.about-scene .about-visual{min-height:390px}.about-scene .about-copy h2{font-size:clamp(52px,16vw,78px)}.about-scene .about-copy p{max-width:100%;font-size:15px;line-height:1.45}.paper-sheet{inset:5% 10% 5% 4%}.portrait-image{width:80%;height:74%;inset:14% 10% 12%}.path-scene{min-height:100svh;padding:22vw 8vw 16vw}.journey-map{width:100%;height:360px}.stack-scene{min-height:100svh;padding:22vw 8vw 18vw}.stack-top h2{font-size:clamp(48px,15vw,74px)}.toolbox{min-height:440px;margin-top:10vh;padding:18vw 5vw 10vw}.project-info h3{font-size:clamp(48px,15vw,68px)}.identity-words{overflow-wrap:anywhere;max-width:100%;font-size:clamp(55px,16vw,88px)}}