:root{--bg:#020812;--text:#f3f0e6;--muted:#a9adb5;--lime:#d7ff2f;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-accent:"Silkscreen", "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--bg)}body{min-width:320px;color:var(--text);font-family:var(--font-body);cursor:auto;margin:0}a,button{font:inherit}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{color:#020812;background:var(--lime)}.home-page{height:150vh;min-height:900px}.home-stage{isolation:isolate;background:#020812;height:100vh;min-height:660px;position:sticky;top:0;overflow:hidden}.home-scene{z-index:0;opacity:var(--scene-opacity,1);position:absolute;inset:0;overflow:hidden}.home-character-layer{pointer-events:none;position:absolute;inset:0}.home-character-layer .journey-character{width:100%;height:100%;position:absolute}.left-readability{z-index:1;background:linear-gradient(90deg,#02081285,#02081233 61%,#0000);width:53%;inset:0 auto 0 0}.left-readability,.scanlines{pointer-events:none;position:absolute}.scanlines{z-index:5;opacity:.045;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#8fd8ff 4px);inset:0}.journey-character{z-index:4;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.journey-character canvas{image-rendering:pixelated;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.about-section>.journey-character,.contact-section>.journey-character,.experience-section>.journey-character,.projects-section>.journey-character{width:100%;height:100%;position:absolute;inset:0}.contact-connect-bubble{z-index:3;left:calc(var(--character-x,0px) + 62px);color:#d8ff24;width:max-content;max-width:min(220px,42vw);font:500 clamp(12px,1vw,16px)/1.25 var(--font-mono);pointer-events:none;transform-origin:0 100%;background:#030e17eb;border:1px solid #d8ff24cc;padding:10px 14px;box-shadow:0 0 18px #d8ff242e}.contact-character-trigger,.contact-connect-bubble{top:calc(var(--character-y,0px) - 230px);position:absolute}.contact-character-trigger{z-index:2;left:calc(var(--character-x,0px) - 105px);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:45%;width:210px;height:230px;padding:0}.contact-character-trigger:focus-visible{outline:2px solid var(--lime);outline-offset:4px;box-shadow:0 0 20px #d7ff2f73}.contact-bubble-enter-active,.contact-bubble-leave-active{transition:opacity .18s,transform .18s}.contact-bubble-enter-from,.contact-bubble-leave-to{opacity:0;transform:translateY(7px)scale(.92)}.character-debug-overlay{z-index:30;min-width:250px;color:var(--lime);font:500 11px/1.45 var(--font-mono);pointer-events:none;white-space:pre-wrap;background:#020812eb;border:1px solid #d7ff2fb8;margin:0;padding:12px 14px;position:absolute;top:92px;left:18px}.experience-character-trigger{z-index:2;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:45%;width:210px;height:230px;padding:0;position:absolute;top:calc(78% - 170px);left:calc(9% - 105px)}.experience-character-trigger:focus-visible{outline:2px solid var(--lime);outline-offset:4px;box-shadow:0 0 20px #d7ff2f73}.home-header{z-index:100;align-items:center;height:48px;display:flex;position:fixed;top:clamp(26px,3vh,32px);left:clamp(32px,2.45vw,47px);right:clamp(32px,4.9vw,94px)}.brand{color:var(--text);font:600 clamp(18px,1.18vw,23px)/1 var(--font-mono);letter-spacing:.13em;align-items:center;gap:17px;text-decoration:none;display:inline-flex}.brand-logo{-o-object-fit:contain;object-fit:contain;width:min(203px,18vw);height:auto;display:block}.home-header nav{gap:clamp(28px,3.5vw,68px);margin-left:clamp(90px,9vw,174px);display:flex}.home-header nav a{color:var(--text);font:500 clamp(13px,.84vw,16px)/1 var(--font-mono);letter-spacing:.055em;padding:10px 0;text-decoration:none;position:relative}.home-header nav a.active,.home-header nav a:hover{color:var(--lime)}.home-header nav a.active:after{content:"";background:#d7ff2f40;height:1px;position:absolute;bottom:-15px;left:-27px;right:-27px}.home-header nav a.active:before{content:"";background:var(--lime);width:4px;height:4px;position:absolute;bottom:-17px;left:-29px}.menu-toggle{display:none}.global-journey-hud{--hud-accent:var(--lime);z-index:100;color:var(--text);font:500 clamp(12px,.75vw,15px)/1 var(--font-mono);pointer-events:none;text-shadow:0 1px 10px #020812e6;grid-template-columns:auto 1fr;align-items:center;gap:27px;display:grid;position:fixed;bottom:clamp(27px,4.1vh,42px);left:clamp(32px,2.5vw,48px);right:clamp(32px,2.5vw,48px)}.global-journey-hud[data-section=experience]{--hud-accent:#ffc24b}.global-journey-hud[data-section=contact]{--hud-accent:#ff8a32}.global-hud-label{white-space:nowrap}.global-hud-label b{color:var(--hud-accent);font-weight:600}.global-hud-progress{background:repeating-linear-gradient(90deg,#f2eee36b 0 4px,#0000 0 8px);height:1px;position:relative}.global-hud-progress>i{background:var(--hud-accent);max-width:100%;height:5px;box-shadow:0 0 10px var(--hud-accent);transition:width .16s linear,background-color .25s;position:absolute;top:-2px;left:0}.global-hud-progress>span{background:#030b15;border:1px solid #f2eee39e;width:10px;height:10px;position:absolute;top:-5px;transform:translate(-50%)}.global-hud-instruction{color:var(--hud-accent);white-space:nowrap;align-items:center;gap:15px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-content{z-index:10;width:min(730px,43vw);position:absolute;top:50%;left:clamp(58px,7vw,135px);transform:translateY(-50%)}.eyebrow{color:var(--lime);font:600 clamp(14px,.98vw,19px)/1.2 var(--font-mono);letter-spacing:.055em;margin:0 0 27px}h1{color:var(--text);font:700 clamp(53px,4.3vw,84px)/1.03 var(--font-display);letter-spacing:-.043em;margin:0 0 29px}.hero-copy{color:var(--muted);font:400 clamp(17px,1.09vw,21px)/1.48 var(--font-body);letter-spacing:-.01em;margin:0}.hero-actions{gap:34px;margin-top:29px}.hero-actions,.journey-button{align-items:center;display:flex}.journey-button{color:#071006;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);width:clamp(310px,17.2vw,330px);height:clamp(64px,3.45vw,66px);font:600 clamp(13px,.8vw,16px)/1 var(--font-mono);letter-spacing:.035em;cursor:pointer;background:linear-gradient(#dcff37,#c7f522);border:1px solid #efffa6;justify-content:space-between;padding:0 30px 0 39px;transition:transform .18s,filter .18s,box-shadow .18s;position:relative;box-shadow:inset 0 0 0 2px #ffffff2e,0 0 0 1px #d7ff2f26}.journey-button:after{content:"";clip-path:inherit;pointer-events:none;border:1px solid #ffffff2e;position:absolute;inset:5px}.journey-button:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 0 30px #d7ff2f6b}.journey-button:active{transform:translateY(1px)}.journey-button .arrow{font-size:27px;font-weight:400}.linkedin-link{color:var(--lime);white-space:nowrap;font:500 clamp(13px,.8vw,16px)/1 var(--font-mono);letter-spacing:.04em;border-bottom:1px dashed #d7ff2f73;align-items:center;gap:8px;padding:9px 0;text-decoration:none;display:inline-flex}.linkedin-link:hover{text-shadow:0 0 12px #d7ff2fb3}.linkedin-link.disabled{opacity:.72;cursor:default}.home-footer{z-index:20;color:var(--text);font:500 clamp(12px,.75vw,15px)/1 var(--font-mono);grid-template-columns:auto 1fr;align-items:center;gap:27px;display:grid;position:absolute;bottom:clamp(27px,4.1vh,42px);left:clamp(32px,2.5vw,48px);right:clamp(32px,2.5vw,48px)}.section-index{white-space:nowrap}.section-index b{color:var(--lime);font-weight:500}.progress-track{background:repeating-linear-gradient(90deg,#f2eee361 0 4px,#0000 0 8px);height:1px;position:relative}.progress-track:after,.progress-track:before{content:"";background:#030b15;border:1px solid #f2eee399;width:10px;height:10px;position:absolute;top:-5px}.progress-track:before{left:30%}.progress-track:after{right:0}.progress-track i{background:var(--lime);width:8%;max-width:calc(100% - 14px);height:5px;transition:width .15s linear;position:absolute;top:-2px;left:0;box-shadow:0 0 9px #d7ff2f8c}.scroll-copy{color:var(--lime);white-space:nowrap;align-items:center;gap:15px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mouse-icon{border:2px solid var(--text);border-radius:9px;width:18px;height:29px;position:relative}.mouse-icon:after{content:"";background:var(--text);width:2px;height:7px;position:absolute;top:5px;left:6px}.about-page{height:150vh;min-height:900px}.about-section{isolation:isolate;background:#020812;height:100vh;min-height:660px;position:sticky;top:0;overflow:hidden}.about-background{z-index:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.about-background,.about-pixi-scene{width:100%;height:100%;opacity:var(--scene-opacity,1);position:absolute;inset:0}.about-pixi-scene{z-index:4;pointer-events:none}.about-pixi-scene canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.about-left-gradient{z-index:1;pointer-events:none;width:59%;opacity:var(--scene-opacity,1);background:linear-gradient(90deg,#030b15eb,#030b15b8 44%,#030b1524 76%,#0000);position:absolute;inset:0 auto 0 0}.about-content{z-index:10;width:min(760px,44vw);position:absolute;top:clamp(118px,13.9vh,142px);left:clamp(62px,5.9vw,114px)}.about-eyebrow{color:var(--lime);font:600 clamp(12px,.76vw,15px)/1.2 var(--font-mono);letter-spacing:.055em;margin:0 0 15px}.about-content h2{color:#f2efe6;font:700 clamp(50px,3.55vw,68px)/1.06 var(--font-display);letter-spacing:-.038em;margin:0}.about-intro{color:#abb0b8;font:400 clamp(15px,.9vw,17px)/1.48 var(--font-body);margin:20px 0 0}.core-heading{width:min(650px,100%);color:var(--lime);font:600 12px/1 var(--font-mono);letter-spacing:.08em;align-items:center;gap:14px;margin-top:28px;display:flex}.core-heading i{background:repeating-linear-gradient(90deg,#d7ff2f8f 0 4px,#0000 0 8px);flex:1;height:1px}.capability-chips{grid-template-columns:repeat(4,1fr);gap:8px;width:min(650px,100%);margin:12px 0 0;padding:0;list-style:none;display:grid}.capability-chips li{color:#d8dce0;min-height:34px;font:500 clamp(9px,.58vw,11px)/1.2 var(--font-mono);letter-spacing:.015em;text-align:center;background:#040d18ab;border:1px solid #a4aeb84d;place-items:center;padding:7px 9px;display:grid;position:relative}.capability-chips li:before{content:"";background:var(--lime);width:10px;height:2px;position:absolute;top:-1px;left:-1px;box-shadow:0 0 8px #d7ff2fbf}.capability-chips li:hover{color:var(--lime);border-color:#d7ff2f9e}.technology-panel{font:500 clamp(9px,.56vw,11px)/1.55 var(--font-mono);letter-spacing:.025em;background:#030b15c2;border:1px solid #d7ff2f3d;margin-top:17px;padding:10px 14px}.about-quote,.technology-panel{width:min(650px,100%);color:var(--lime)}.about-quote{min-height:78px;box-shadow:inset 4px 0 var(--lime),inset -4px 0 #d7ff2f73;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#030b15b3;border:1px solid #d7ff2f73;align-items:flex-start;gap:19px;margin:18px 0 0;padding:16px 22px;display:flex}.about-quote>span{color:var(--lime);font:700 43px/.72 Georgia,serif}.about-quote p{font:500 clamp(14px,.86vw,17px)/1.45 var(--font-mono);margin:0}.about-lab{pointer-events:none;opacity:var(--scene-opacity,1);inset:0}.about-lab,.lab-title{z-index:5;position:absolute}.lab-title{width:25.7%;color:var(--lime);font:600 clamp(14px,1.02vw,20px)/1 var(--font-mono);letter-spacing:.08em;text-align:center;border-bottom:1px solid #d7ff2f5c;margin:0;padding-bottom:7px;top:9.7%;left:60.9%}.lab-title:after,.lab-title:before{content:"";background:var(--lime);width:4px;height:4px;position:absolute;bottom:-2px}.lab-title:before{left:0}.lab-title:after{right:0}.module-group{z-index:4;pointer-events:none;width:34%;height:43%;position:absolute;top:27%;left:61%}.hologram-node{--node-color:#d7ff2f;border:1px solid color-mix(in srgb,var(--node-color) 48%,transparent);width:clamp(112px,7.1vw,137px);min-height:clamp(90px,12.8vh,123px);color:var(--node-color);background:linear-gradient(180deg,color-mix(in srgb,var(--node-color) 7%,transparent),#0208121f);box-shadow:inset 0 0 20px color-mix(in srgb,var(--node-color) 7%,transparent);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 18px,92% 100%,8% 100%,0 18px);font:600 clamp(9px,.56vw,11px)/1.24 var(--font-mono);letter-spacing:.035em;text-align:center;text-shadow:0 0 9px color-mix(in srgb,var(--node-color) 58%,transparent);cursor:pointer;pointer-events:auto;opacity:.42;filter:saturate(.55);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;transition:transform .18s,filter .18s,box-shadow .18s;display:flex;position:absolute}.about-lab.ready .hologram-node{opacity:1;filter:none;pointer-events:auto;animation:1.6s ease-in-out infinite alternate module-float}.about-lab.ready .hologram-node.development{animation-delay:.18s}.about-lab.ready .hologram-node.product-growth{animation-delay:.36s}.about-lab.locked .hologram-node{pointer-events:none}.hologram-node:disabled{cursor:default}.hologram-node.ai{top:11%;left:10%}.hologram-node.development{--node-color:#42e9ff;top:35%;right:2%}.hologram-node.product-growth{--node-color:#ba70ff;bottom:0;left:35%}.hologram-node .node-icon{font:500 clamp(23px,1.55vw,30px)/1 var(--font-mono)}.hologram-node.active,.hologram-node:focus-visible,.hologram-node:hover{filter:brightness(1.22);box-shadow:inset 0 0 24px color-mix(in srgb,var(--node-color) 15%,transparent),0 0 22px color-mix(in srgb,var(--node-color) 25%,transparent);transform:translateY(-3px)}.hologram-node:active:not(:disabled){transform:translateY(-1px)scale(.97)}.hologram-node.active:after{content:"";border:1px solid var(--node-color);opacity:.7;animation:1.5s ease-out infinite node-pulse;position:absolute;inset:7px}@keyframes node-pulse{0%{opacity:.75;transform:scale(.86)}to{opacity:0;transform:scale(1.12)}}@keyframes module-float{0%{translate:0}to{translate:0 -4px}}.system-selector{z-index:3;color:var(--lime);font:600 clamp(10px,.66vw,13px)/1 var(--font-mono);letter-spacing:.12em;white-space:nowrap;text-shadow:0 0 10px #d7ff2f8c;pointer-events:none;margin:0;animation:1.8s ease-in-out infinite alternate selector-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes selector-pulse{to{opacity:.68;text-shadow:0 0 16px #d7ff2fb8}}.node-description{z-index:5;color:#f2eadc;visibility:hidden;border:1px solid #d7ff2fb8;border-left:4px solid var(--lime);width:min(570px,30vw);height:104px;min-height:104px;font:500 clamp(18px,1.04vw,20px)/1.45 var(--font-body);letter-spacing:0;text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#020a13e0;margin:0;padding:20px 24px;position:absolute;bottom:20%;right:5.1%;box-shadow:0 0 24px #d7ff2f14,inset 0 0 22px #d7ff2f09}.node-description.visible{visibility:visible}.node-description>span{display:block}.panel-copy-enter-active,.panel-copy-leave-active{transition:opacity .18s,transform .18s}.panel-copy-enter-from,.panel-copy-leave-to{opacity:0;transform:translateY(6px)}.about-footer{z-index:20;color:var(--text);font:500 clamp(12px,.75vw,15px)/1 var(--font-mono);grid-template-columns:auto 1fr;align-items:center;gap:27px;display:grid;position:absolute;bottom:clamp(27px,4.1vh,42px);left:clamp(32px,2.5vw,48px);right:clamp(32px,2.5vw,48px)}.about-progress-track{background:repeating-linear-gradient(90deg,#f2eee361 0 4px,#0000 0 8px);height:1px;position:relative}.about-progress-track:after,.about-progress-track:before{content:"";background:#030b15;border:1px solid #f2eee399;width:10px;height:10px;position:absolute;top:-5px}.about-progress-track:before{left:30%}.about-progress-track:after{right:0}.about-progress-track i{background:var(--lime);max-width:calc(100% - 14px);height:5px;transition:width .15s linear;position:absolute;top:-2px;left:0;box-shadow:0 0 9px #d7ff2f8c}.about-scroll-copy{color:var(--lime);white-space:nowrap;align-items:center;gap:15px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.experience-page{height:220vh;min-height:1320px}.experience-section{isolation:isolate;background:#020812;height:100vh;min-height:660px;position:sticky;top:0;overflow:hidden}.experience-background{z-index:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;inset:0}.experience-background,.experience-readability{pointer-events:none;opacity:var(--scene-opacity,1);position:absolute}.experience-readability{z-index:2;background:radial-gradient(at 20% 25%,#030b15e8,#030b1599 48%,#0000 78%);width:45%;height:52%;inset:0 auto auto 0}.experience-content{z-index:5;width:min(650px,36vw);position:absolute;top:clamp(126px,14.2vh,145px);left:clamp(64px,5.9vw,114px)}.experience-eyebrow{color:var(--lime);font:600 clamp(12px,.76vw,15px)/1.2 var(--font-mono);letter-spacing:.055em;margin:0 0 14px}.experience-content h2{color:#f1eee5;font:700 clamp(42px,2.75vw,53px)/1.06 var(--font-display);letter-spacing:-.034em;margin:0}.experience-content>p:last-child{color:#c7c3bb;font:400 clamp(15px,.92vw,18px)/1.45 var(--font-body);margin:17px 0 0}.featured-experiences{z-index:6;pointer-events:none;position:absolute;inset:0}.experience-card{--card-color:#d7ff2f;border:1px solid var(--card-color);color:#eae7df;background:linear-gradient(145deg,color-mix(in srgb,var(--card-color) 7%,#020812e8),#020812d6);box-shadow:inset 0 0 28px color-mix(in srgb,var(--card-color) 7%,transparent),0 0 18px color-mix(in srgb,var(--card-color) 16%,transparent);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);pointer-events:auto;flex-direction:column;padding:clamp(16px,1.25vw,24px);transition:border-color .18s,filter .18s,box-shadow .18s;display:flex;position:absolute}.experience-card:after,.experience-card:before{content:"";background:var(--card-color);width:12px;height:3px;box-shadow:0 0 9px var(--card-color);position:absolute}.experience-card:before{top:0;left:0}.experience-card:after{bottom:0;right:0}.experience-card:focus-within,.experience-card:hover{filter:brightness(1.13);box-shadow:inset 0 0 30px color-mix(in srgb,var(--card-color) 11%,transparent),0 0 24px color-mix(in srgb,var(--card-color) 24%,transparent)}.experience-card.selected{box-shadow:inset 0 0 32px color-mix(in srgb,var(--card-color) 14%,transparent),0 0 28px color-mix(in srgb,var(--card-color) 38%,transparent);border-color:#fff}.experience-card.timeline-active{box-shadow:inset 0 0 32px color-mix(in srgb,var(--card-color) 13%,transparent),0 0 25px color-mix(in srgb,var(--card-color) 34%,transparent);border-color:#fff}.experience-card.lime{--card-color:#d7ff2f}.experience-card.purple{--card-color:#d979ff}.experience-card.cyan{--card-color:#49e7ff}.experience-card.media-indonesia{width:clamp(315px,19.5vw,375px);min-height:32.1%;top:11.9%;left:37.7%}.experience-card.lampung-post{width:clamp(280px,18.1vw,348px);min-height:25.1%;top:15.3%;left:58.7%}.experience-card.smartjen{width:clamp(270px,16.8vw,323px);min-height:27.6%;top:15.2%;left:78.2%}.card-period{color:var(--card-color);font:600 clamp(12px,.82vw,16px)/1 var(--font-mono);letter-spacing:.04em;margin:0 0 9px}.experience-card h3{color:#f0ede5;font:600 clamp(19px,1.34vw,26px)/1.12 var(--font-mono);letter-spacing:-.025em;text-transform:uppercase;margin:0}.card-company{color:var(--card-color);font:600 clamp(10px,.66vw,13px)/1.25 var(--font-mono);text-transform:uppercase;margin:10px 0 0}.card-teaser{color:#d3c9bc;font:500 clamp(10px,.67vw,13px)/1.5 var(--font-body);margin:11px 0 0}.card-achievement{border:1px solid color-mix(in srgb,var(--card-color) 66%,transparent);width:fit-content;color:var(--card-color);font:600 clamp(13px,.86vw,17px)/1.2 var(--font-mono);align-items:center;gap:10px;margin-top:14px;padding:8px 13px;display:flex}.card-achievement span{font-size:25px}.experience-card button{border:1px solid color-mix(in srgb,var(--card-color) 45%,transparent);color:#e8dfd2;font:600 clamp(10px,.65vw,13px)/1 var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#030b15b3;align-self:flex-start;margin-top:auto;padding:7px 11px}.experience-card button:focus-visible,.experience-card button:hover{color:var(--card-color);border-color:var(--card-color);outline:2px solid color-mix(in srgb,var(--card-color) 50%,transparent);outline-offset:3px}.experience-card button:disabled{opacity:.48;cursor:wait}.career-timeline-shell{z-index:7;--career-progress:0%;width:81%;position:absolute;top:69.9%;left:13.55%}.career-timeline-shell:before{content:"";background:linear-gradient(90deg,#ffb3479e,#d8ff249e 45%,#b45cff94 72%,#28dcff9e);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 7px #7cdcff29}.career-timeline__progress{z-index:1;width:var(--career-progress);background:linear-gradient(90deg,#ffb347,#d8ff24 45%,#b45cff 72%,#28dcff);max-width:100%;height:3px;transition:width .12s linear;position:absolute;top:-1px;left:0;box-shadow:0 0 12px #d8ff2480}.career-timeline{z-index:2;grid-template-columns:repeat(9,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.career-timeline li{--era-color:#ffb84d;min-width:0;color:var(--era-color);position:relative}.career-timeline li.lime{--era-color:#d7ff2f}.career-timeline li.purple{--era-color:#c77cff}.career-timeline li.cyan{--era-color:#43e6ff}.career-timeline button{width:100%;min-height:118px;color:inherit;text-align:center;cursor:pointer;background:0 0;border:0;padding:0 4px;display:block;position:relative}.career-timeline button>i{width:17px;height:17px;box-shadow:0 0 10px color-mix(in srgb,var(--era-color) 32%,transparent);background:#07101a;border:2px solid;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.career-timeline button:focus-visible>i,.career-timeline button:hover>i,.career-timeline li.active button>i{background:var(--era-color);box-shadow:0 0 16px var(--era-color)}.timeline-copy{flex-direction:column;align-items:center;gap:6px;padding-top:28px;display:flex}.timeline-copy b{font:600 clamp(9px,.62vw,12px)/1 var(--font-mono)}.timeline-copy span{color:#e3dfd8;max-width:14ch;font:500 clamp(8px,.58vw,11px)/1.25 var(--font-mono);text-transform:uppercase}.timeline-copy small{color:#bbaa96;font:500 clamp(8px,.54vw,10px)/1 var(--font-mono);text-transform:uppercase}.career-timeline button:focus-visible{outline-offset:4px;outline:2px solid}.current-career-cluster{min-height:118px;color:var(--lime);position:relative}.current-cluster-label{color:#dbe2df;font:600 8px/1 var(--font-mono);letter-spacing:.08em;white-space:nowrap;top:73px}.current-branch-line,.current-cluster-label{position:absolute;left:50%;transform:translate(-50%)}.current-branch-line{background:linear-gradient(#d7ff2f,#c979ff);width:2px;height:63px;top:-35px;box-shadow:0 0 9px #d7ff2f80}.current-branch-line:before{content:"";background:#17230d;border:2px solid #f1ff79;width:14px;height:14px;position:absolute;top:-2px;left:-6px;transform:rotate(45deg);box-shadow:0 0 14px #d7ff2fcc}.current-career-cluster ul{width:clamp(130px,8.4vw,162px);margin:0;padding:0;list-style:none;position:absolute;top:-107px;left:50%;transform:translate(-50%)}.current-career-cluster ul li{color:#d7ff2f;position:static}.current-career-cluster ul li+li{color:#d979ff;margin-top:4px}.current-career-cluster ul button{width:100%;min-height:34px;color:inherit;box-shadow:inset 0 0 12px color-mix(in srgb,currentColor 8%,transparent);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#040d16e6;border:1px solid;place-items:center;gap:2px;padding:5px 7px;display:grid}.current-career-cluster ul button b{font:600 clamp(7px,.5vw,10px)/1 var(--font-mono);text-transform:uppercase}.current-career-cluster ul button span{font:600 clamp(7px,.46vw,9px)/1 var(--font-mono)}.current-career-cluster ul button:focus-visible,.current-career-cluster ul button:hover,.current-career-cluster ul li.active button{background:color-mix(in srgb,currentColor 12%,#040d16eb);box-shadow:0 0 14px color-mix(in srgb,currentColor 50%,transparent)}.present-sign{z-index:6;border:2px solid var(--lime);color:var(--lime);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);font:500 clamp(15px,1vw,20px)/1 var(--font-mono);white-space:nowrap;background:#07101adb;padding:9px 13px;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 18px #d7ff2f24,0 0 20px #d7ff2f38}.present-sign.active{color:#f7ffb0;background:#202d08e6;box-shadow:inset 0 0 24px #d7ff2f3d,0 0 28px #d7ff2fb3}.experience-footer{z-index:20;color:var(--text);font:500 clamp(12px,.75vw,15px)/1 var(--font-mono);grid-template-columns:auto 1fr;align-items:center;gap:27px;display:grid;position:absolute;bottom:clamp(27px,4.1vh,42px);left:clamp(32px,2.5vw,48px);right:clamp(32px,2.5vw,48px)}.experience-progress-track{background:repeating-linear-gradient(90deg,#f2eee361 0 4px,#0000 0 8px);height:1px;position:relative}.experience-progress-track:after,.experience-progress-track:before{content:"";background:#030b15;border:1px solid #f2eee399;width:10px;height:10px;position:absolute;top:-5px}.experience-progress-track:before{left:30%}.experience-progress-track:after{right:0}.experience-progress-track i{background:var(--lime);max-width:calc(100% - 14px);height:5px;transition:width .15s linear;position:absolute;top:-2px;left:0;box-shadow:0 0 9px #d7ff2f8c}.experience-scroll-copy{color:var(--lime);white-space:nowrap;align-items:center;gap:15px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.experience-dialog{color:#e9e6de;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#06101bef;border:1px solid #d7ff2f9e;width:min(720px,100vw - 48px);max-height:min(82vh,820px);padding:0;box-shadow:0 0 44px #000000a3,inset 0 0 35px #d7ff2f0a}.experience-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00050cc2}.experience-dialog-inner{padding:38px 42px 42px;position:relative}.dialog-close{color:var(--lime);font:600 10px/1 var(--font-mono);cursor:pointer;background:0 0;border:1px solid #d7ff2f61;padding:7px 9px;position:absolute;top:18px;right:20px}.dialog-period{color:var(--lime);font:600 13px/1 var(--font-mono);margin:0 0 10px}.dialog-period.amber{color:#ffb84d}.dialog-period.purple{color:#d979ff}.dialog-period.cyan{color:#49e7ff}.experience-dialog h2{color:#f1eee5;max-width:85%;font:700 clamp(30px,3vw,46px)/1.05 var(--font-display);margin:0}.dialog-company{color:var(--lime);font:600 12px/1.4 var(--font-mono);text-transform:uppercase}.experience-dialog strong{color:var(--lime);font:600 15px/1 var(--font-mono);margin:4px 0 2px;display:inline-block}.experience-dialog ul{color:#c4c8cc;font:400 14px/1.55 var(--font-body);margin:22px 0 0;padding-left:20px}.experience-dialog li+li{margin-top:9px}@media (width>=901px) and (width<=1450px){.experience-content h2{transform-origin:0;width:111%;transform:scaleX(.9)}.experience-card.media-indonesia{width:22%;min-width:0;left:37%}.experience-card.lampung-post{width:19%;min-width:0;left:59.5%}.experience-card.smartjen{width:19%;min-width:0;left:79%}.experience-card{padding:17px}.experience-card h3{font-size:clamp(18px,1.65vw,23px)}}.projects-page{height:205vh;min-height:1230px}.projects-section{isolation:isolate;background:#020812;height:100vh;min-height:660px;position:sticky;top:0;overflow:hidden}.projects-viewport{z-index:1;pointer-events:none;opacity:var(--scene-opacity,1);position:absolute;inset:0;overflow:hidden}.projects-world{transform:translate(-50%,-50%) scale(var(--projects-world-scale,1));transform-origin:50%;top:50%;left:50%}.projects-background,.projects-world{width:1920px;height:1080px;position:absolute}.projects-background{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;inset:0}.projects-readability{z-index:2;pointer-events:none;width:42%;height:48%;opacity:var(--scene-opacity,1);background:radial-gradient(at 22% 30%,#030b15eb,#030b1594 53%,#0000 80%);position:absolute;inset:0 auto auto 0}.projects-content{z-index:7;width:min(560px,40vw);position:absolute;top:clamp(126px,14.2vh,145px);left:clamp(64px,5.9vw,114px)}.projects-eyebrow{color:var(--lime);font:600 clamp(12px,.76vw,15px)/1.2 var(--font-mono);letter-spacing:.055em;margin:0 0 15px}.projects-content h2{color:#f2eee5;font:700 clamp(40px,2.55vw,49px)/1.06 var(--font-display);letter-spacing:-.038em;margin:0}.projects-content>p:last-child{color:#c8c3bb;font:400 clamp(15px,.9vw,17px)/1.46 var(--font-body);margin:19px 0 0}.primary-portals,.secondary-portals{z-index:6;pointer-events:none;position:absolute;inset:0}.project-portal{--portal-color:#d7ff2f;border:1px solid var(--portal-color);color:#e8e4db;background-color:#030a14db;background-image:linear-gradient(color-mix(in srgb,var(--portal-color) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--portal-color) 5%,transparent) 1px,transparent 1px),linear-gradient(145deg,color-mix(in srgb,var(--portal-color) 6%,transparent),#030a1480);box-shadow:inset 0 0 30px color-mix(in srgb,var(--portal-color) 7%,transparent),0 0 20px color-mix(in srgb,var(--portal-color) 18%,transparent);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);pointer-events:auto;background-size:14px 14px,14px 14px,auto;flex-direction:column;padding:clamp(16px,1.25vw,24px);transition:transform .18s,filter .18s,box-shadow .18s;display:flex;position:absolute}.project-portal:after,.project-portal:before{content:"";background:var(--portal-color);width:13px;height:3px;box-shadow:0 0 10px var(--portal-color);position:absolute}.project-portal:before{top:0;left:0}.project-portal:after{bottom:0;right:0}.project-portal.cyan{--portal-color:#44e8ff}.project-portal.purple{--portal-color:#d377ff}.project-portal.selected,.project-portal:focus-within,.project-portal:hover{filter:brightness(1.13);box-shadow:inset 0 0 34px color-mix(in srgb,var(--portal-color) 10%,transparent),0 0 28px color-mix(in srgb,var(--portal-color) 30%,transparent);transform:translateY(-3px)}.project-portal.selected:after{width:42%;animation:.72s ease-out selected-route-pulse}@keyframes selected-route-pulse{0%{opacity:.25;box-shadow:0 0 4px var(--portal-color)}55%{opacity:1;box-shadow:0 0 28px var(--portal-color)}to{opacity:1;box-shadow:0 0 10px var(--portal-color)}}.project-portal h3{color:#f0ece3;font:500 clamp(22px,1.65vw,32px)/1 var(--font-mono);letter-spacing:.02em;margin:0}.project-category{color:var(--portal-color);font:600 clamp(9px,.62vw,12px)/1.3 var(--font-mono);margin:10px 0 0}.project-stack{color:#d9cbb7;font:500 clamp(9px,.61vw,12px)/1.5 var(--font-mono);margin:13px 0 0}.project-summary{color:#d0c6b8;font:400 clamp(10px,.68vw,13px)/1.45 var(--font-body);margin:10px 0 0}.portal-visual{border:1px solid color-mix(in srgb,var(--portal-color) 22%,transparent);min-height:95px;color:var(--portal-color);background:radial-gradient(circle,color-mix(in srgb,var(--portal-color) 13%,transparent),transparent 65%);font:600 clamp(26px,2.2vw,42px)/1 var(--font-mono);text-shadow:0 0 18px var(--portal-color);flex:1;place-items:center;margin:14px 0;display:grid}.project-portal button{border:1px solid var(--portal-color);width:100%;color:var(--portal-color);font:600 clamp(10px,.72vw,14px)/1 var(--font-mono);letter-spacing:.025em;cursor:pointer;background:#020911c7;padding:10px 12px}.project-portal button:hover{color:#061015;background:var(--portal-color)}.project-portal.nosavora{width:17.1%;height:44.4vh;top:11.8%;left:35.6%}.project-portal.mi-studio{width:14.9%;height:39.8vh;top:15.9%;left:57%}.project-portal.smartjen-project{width:14.7%;height:38.8vh;top:17.3%;left:74%}.project-portal.secondary{padding:13px 15px}.project-portal.secondary h3{font-size:clamp(15px,1.08vw,21px)}.project-portal.secondary .project-category{margin-top:6px;font-size:clamp(8px,.52vw,10px)}.project-portal.secondary .project-summary{margin-top:9px;font-size:clamp(8px,.54vw,10px)}.project-portal.secondary button{border:0;width:100%;padding:0;font-size:0;position:absolute;inset:0}.project-portal.secondary button,.project-portal.secondary button:hover{color:#0000;background:0 0}.project-portal.sertifia{width:8.9%;min-height:17.5vh;top:46.8%;left:17.9%}.project-portal.lokalaku{width:8.4%;min-height:17.5vh;top:57.8%;left:66.2%}.project-portal.media-indonesia-growth{width:8.5%;min-height:16.6vh;top:61.1%;left:80.4%}.console-label{z-index:7;width:158px;height:82px;color:var(--lime);font:600 18px/1.15 var(--font-mono);letter-spacing:.04em;text-align:center;text-transform:uppercase;text-shadow:0 0 10px #d7ff2fbf;transform-origin:50%;pointer-events:none;place-content:center;gap:2px;display:grid;position:absolute;top:703px;left:881px;overflow:hidden;transform:perspective(500px)rotateX(2deg)skew(-4deg)}.console-label span{white-space:nowrap;display:block}.console-label.compact{letter-spacing:.015em;font-size:14px}.console-label.active{animation:.55s steps(2,end) console-flicker}@keyframes console-flicker{0%,35%{opacity:.35}18%,55%,to{opacity:1}}.projects-footer{z-index:20;color:var(--text);font:500 clamp(12px,.75vw,15px)/1 var(--font-mono);grid-template-columns:auto 1fr;align-items:center;gap:27px;display:grid;position:absolute;bottom:clamp(27px,4.1vh,42px);left:clamp(32px,2.5vw,48px);right:clamp(32px,2.5vw,48px)}.projects-progress-track{background:repeating-linear-gradient(90deg,#f2eee361 0 4px,#0000 0 8px);height:1px;position:relative}.projects-progress-track:after,.projects-progress-track:before{content:"";background:#030b15;border:1px solid #f2eee399;width:10px;height:10px;position:absolute;top:-5px}.projects-progress-track:before{left:30%}.projects-progress-track:after{right:0}.projects-progress-track i{background:var(--lime);max-width:calc(100% - 14px);height:5px;transition:width .15s linear;position:absolute;top:-2px;left:0;box-shadow:0 0 9px #d7ff2f8c}.projects-scroll-copy{color:var(--lime);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.touch-instruction{display:none}.projects-dialog{color:#e9e6de;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#040d18f7;border:1px solid #44e8ff94;width:min(760px,100vw - 48px);max-height:min(86vh,850px);padding:0;box-shadow:0 0 46px #000000ad,inset 0 0 38px #44e8ff0a}.projects-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00050cc7}.projects-dialog-inner{padding:40px 44px 44px;position:relative}.dialog-project-category{color:var(--lime);font:600 12px/1.25 var(--font-mono);margin:0 0 9px}.dialog-project-category.cyan{color:#44e8ff}.dialog-project-category.purple{color:#d377ff}.projects-dialog h2{color:#f1eee5;font:700 clamp(34px,3.2vw,50px)/1 var(--font-display);margin:0}.dialog-project-summary{color:#c8ccd0;font:400 15px/1.5 var(--font-body);margin:14px 0 0}.projects-dialog h3{color:var(--lime);font:600 12px/1 var(--font-mono);letter-spacing:.07em;margin:25px 0 10px}.case-study-flow{gap:10px;margin:22px 0 0;display:grid}.case-study-flow div{background:#44e8ff0d;border-left:2px solid #44e8ff;padding:12px 14px}.case-study-flow dt{color:#44e8ff;font:600 10px/1 var(--font-mono)}.case-study-flow dd{color:#c8ccd0;font:400 13px/1.45 var(--font-body);margin:6px 0 0}.dialog-stack{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.dialog-stack li{color:#d7ff2f;font:500 10px/1 var(--font-mono);border:1px solid #d7ff2f52;padding:6px 9px}.dialog-contribution{color:#c8ccd0;font:400 13px/1.5 var(--font-body);margin:0;padding-left:18px}.dialog-contribution li+li{margin-top:7px}@media (width<=900px){.home-page{height:132vh;min-height:840px}.home-stage{background-position:50%;min-height:640px}.left-readability{background:linear-gradient(90deg,#020812b8,#0208126b 58%,#0208120f);width:100%}.home-header{top:20px;left:20px;right:20px}.global-journey-hud{grid-template-columns:auto 1fr;bottom:24px;left:22px;right:22px}.global-hud-instruction{display:none}.brand{gap:12px;font-size:17px}.brand-logo{width:min(167px,46vw)}.menu-toggle{color:var(--lime);font:600 11px/1 var(--font-mono);cursor:pointer;background:#020812e0;border:1px solid #d7ff2f80;margin-left:auto;padding:10px 12px;display:block}.home-header nav{background:#020812f7;border:1px solid #d7ff2f40;flex-direction:column;gap:20px;min-width:190px;margin:0;padding:24px;display:none;position:absolute;top:49px;right:0}.home-header nav.open{display:flex}.home-header nav a:first-child:after,.home-header nav a:first-child:before{display:none}.hero-content{width:min(600px,100vw - 60px);top:148px;left:30px;transform:none}.eyebrow{margin-bottom:18px;font-size:12px}h1{margin-bottom:22px;font-size:clamp(40px,9vw,62px);line-height:1.04}.hero-copy{max-width:34rem;font-size:16px}.hero-actions{gap:22px;margin-top:30px}.journey-button{width:290px;height:62px;padding:0 23px 0 28px}.home-footer{grid-template-columns:auto 1fr;bottom:24px;left:22px;right:22px}.scroll-copy{display:none}.about-page{height:auto;min-height:0}.about-section{height:auto;min-height:1390px;padding-top:104px;position:relative}.about-background{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.about-background,.about-pixi-scene{height:650px;top:auto;bottom:0}.about-section>.journey-character{height:650px;inset:auto 0 0}.about-left-gradient{background:linear-gradient(#030b15f5,#030b15e0 49%,#030b1529 71%,#0000 87%);width:100%}.about-content{width:auto;margin:0 30px;position:relative;top:auto;left:auto}.about-content h2{font-size:clamp(42px,7.8vw,60px)}.about-intro{font-size:16px}.about-lab{height:610px;margin-top:36px;position:relative;inset:auto}.lab-title{width:56%;font-size:14px;top:6%;left:22%}.hologram-node{width:142px;min-height:96px;font-size:10px}.module-group{width:92%;height:55%;top:18%;left:4%}.hologram-node.ai{top:8%;left:4%}.hologram-node.development{top:35%;left:auto;right:3%}.hologram-node.product-growth{top:auto;bottom:0;left:31%}.node-description{width:min(520px,100% - 56px);height:120px;min-height:120px;font-size:17px;bottom:38px;right:28px}.about-footer{bottom:24px;left:22px;right:22px}.about-scroll-copy{display:none}.experience-page{height:auto;min-height:0}.experience-section{height:auto;min-height:2200px;padding:105px 30px 110px;position:relative;overflow:hidden}.experience-section .journey-character{width:100%;height:260px;position:absolute;inset:460px 0 auto}.experience-character-trigger{width:150px;height:230px;top:auto;bottom:8px;left:8px}.experience-background{-o-object-position:center top;object-position:center top;height:900px}.experience-readability{background:linear-gradient(#030b15eb,#030b15b8 60%,#0000);width:100%;height:640px}.experience-content{width:auto;position:relative;top:auto;left:auto}.experience-content h2{max-width:680px;font-size:clamp(42px,7.4vw,60px)}.featured-experiences{scroll-snap-type:x mandatory;pointer-events:auto;gap:18px;margin-top:40px;padding-bottom:15px;display:flex;position:relative;inset:auto;overflow-x:auto}.experience-card,.experience-card.lampung-post,.experience-card.media-indonesia,.experience-card.smartjen{scroll-snap-align:start;flex:0 0 min(340px,82vw);width:auto;min-height:290px;position:relative;top:auto;left:auto}.experience-card h3{font-size:22px}.career-timeline-shell{width:auto;margin:52px 0 0 16px;padding-left:24px;position:relative;top:auto;left:auto}.career-timeline-shell:before{background:#d7ff2f66;width:1px;height:auto;inset:0 auto 0 0}.career-timeline__progress{width:3px;height:var(--career-progress);background:linear-gradient(#ffb347,#d8ff24 45%,#b45cff 72%,#28dcff);max-height:100%;top:0;left:-1px}.career-timeline{margin:0;padding:0;display:block}.career-timeline .featured-milestone,.career-timeline li{clip-path:none;white-space:normal;width:auto;height:auto;position:relative;top:auto;overflow:visible;left:auto!important}.career-timeline button{text-align:left;min-height:118px;padding:0 0 20px 24px}.career-timeline button>i{top:2px;left:-25px}.career-timeline .featured-milestone .timeline-copy,.timeline-copy{clip-path:none;white-space:normal;align-items:flex-start;width:auto;height:auto;padding-top:0;position:static;overflow:visible}.timeline-copy b{font-size:12px}.timeline-copy span{max-width:none;font-size:12px}.timeline-copy small{font-size:10px}.current-career-cluster{min-height:auto;padding:16px 0 0 24px}.current-cluster-label{color:var(--lime);margin:0 0 14px;font-size:11px;display:block;position:static;transform:none}.current-branch-line{display:none}.current-career-cluster ul{gap:9px;width:auto;display:grid;position:static;transform:none}.current-career-cluster ul li+li{margin-top:0}.current-career-cluster ul button{align-content:center;justify-items:start;min-height:72px;padding:13px 16px}.current-career-cluster ul button b{font-size:11px}.current-career-cluster ul button span{font-size:10px}.present-sign{margin-top:14px;font-size:16px;display:inline-block;position:static;transform:none}.experience-footer{bottom:25px;left:22px;right:22px}.experience-scroll-copy{display:none}.projects-page{height:auto;min-height:0}.projects-section{height:auto;min-height:2100px;padding:105px 30px;position:relative;overflow:hidden}.projects-viewport{height:900px;inset:0 0 auto}.projects-world{top:50%}.projects-section .journey-character{width:100%;height:900px;position:absolute;inset:0 auto auto 0}.projects-readability{background:linear-gradient(#030b15f0,#030b15bd 62%,#0000);width:100%;height:630px}.projects-content{width:auto;position:relative;top:auto;left:auto}.projects-content h2{max-width:650px;font-size:clamp(42px,7.7vw,60px)}.primary-portals,.secondary-portals{scroll-snap-type:x mandatory;pointer-events:auto;gap:18px;margin-top:38px;padding-bottom:15px;display:flex;position:relative;inset:auto;overflow-x:auto}.primary-portals{margin-top:590px}.secondary-portals{margin-top:24px}.project-portal,.project-portal.lokalaku,.project-portal.media-indonesia-growth,.project-portal.mi-studio,.project-portal.nosavora,.project-portal.sertifia,.project-portal.smartjen-project{scroll-snap-align:start;flex:0 0 min(340px,82vw);width:auto;min-height:390px;position:relative;top:auto;left:auto}.project-portal.lokalaku,.project-portal.media-indonesia-growth,.project-portal.secondary,.project-portal.sertifia{flex-basis:min(280px,72vw);min-height:230px;padding:20px}.project-portal h3{font-size:26px}.portal-visual{min-height:110px}.projects-footer{bottom:24px;left:22px;right:22px}.projects-scroll-copy{left:auto;right:0;transform:none}.desktop-instruction{display:none}.touch-instruction{display:inline}}@media (width>=768px) and (width<=900px){.experience-section{min-height:1460px}.experience-section .journey-character{height:260px;top:870px}.career-timeline-shell{touch-action:pan-x;margin:320px 0 0;padding:0 0 145px;overflow:auto hidden}.career-timeline-shell:before{background:linear-gradient(90deg,#ffb3479e,#d8ff249e 45%,#b45cff94 72%,#28dcff9e);width:1440px;height:2px;inset:0 auto auto 0}.career-timeline__progress{width:var(--career-progress);background:linear-gradient(90deg,#ffb347,#d8ff24 45%,#b45cff 72%,#28dcff);height:3px;max-height:none;top:-1px;left:0}.career-timeline{grid-template-columns:repeat(9,160px);width:1440px;display:grid}.career-timeline .featured-milestone,.career-timeline li{white-space:normal;width:auto;min-height:118px;position:relative;overflow:visible}.career-timeline button{text-align:center;min-height:118px;padding:0 4px}.career-timeline button>i{top:-8px;left:50%}.career-timeline .featured-milestone .timeline-copy,.timeline-copy{white-space:normal;align-items:center;width:auto;height:auto;padding-top:28px;display:flex;position:static;overflow:visible}.current-career-cluster{min-height:118px;padding:0}.current-cluster-label{margin:0;font-size:8px;position:absolute;top:73px;left:50%;transform:translate(-50%)}.current-branch-line{display:block}.current-career-cluster ul{width:150px;display:block;position:absolute;top:-107px;left:50%;transform:translate(-50%)}.current-career-cluster ul li+li{margin-top:4px}.current-career-cluster ul button{place-items:center;min-height:34px;padding:5px 7px;display:grid}.current-career-cluster ul button b{font-size:9px}.current-career-cluster ul button span{font-size:8px}.present-sign{margin:0;font-size:18px;position:absolute;top:28px;left:50%;transform:translate(-50%)}}@media (width<=560px){.home-page{height:120vh}.home-stage{background-position:50%}.left-readability{background:linear-gradient(#020812c7,#0208127a 53%,#0208120a 76%)}.hero-content{width:calc(100vw - 48px);top:130px;left:24px}h1{font-size:clamp(37px,10.8vw,49px)}.desktop-only{display:none}.hero-copy{max-width:29ch;font-size:14px;line-height:1.5}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px}.journey-button{width:min(100%,290px);height:58px;font-size:12px}.linkedin-link{font-size:12px}.home-footer{font-size:11px}.global-journey-hud{gap:18px;font-size:10px}.about-section{min-height:1370px}.about-background{height:600px}.about-content{margin:0 24px}.about-eyebrow{max-width:30ch;font-size:10px;line-height:1.5}.about-content h2{font-size:clamp(37px,10vw,48px)}.about-intro{max-width:34ch;font-size:14px}.capability-chips{grid-template-columns:repeat(2,1fr)}.capability-chips li{min-height:37px;font-size:9px}.technology-panel br{display:none}.about-quote p{font-size:13px}.about-lab{height:590px;margin-top:28px}.about-pixi-scene{height:600px;top:auto;bottom:0}.hologram-node{width:130px;min-height:90px}.module-group{width:94%;height:58%;top:16%;left:3%}.system-selector{left:42%}.hologram-node.ai{top:4%;left:0}.hologram-node.development{top:36%;right:0}.hologram-node.product-growth{top:auto;bottom:0;left:0}.node-description{height:132px;min-height:132px;padding:18px 20px;font-size:15px;line-height:1.45}.about-footer{font-size:11px}.experience-section{min-height:3020px;padding:104px 24px 100px}.experience-section .journey-character{height:250px;top:1390px}.career-timeline-shell{margin-top:310px}.experience-background{height:700px}.experience-eyebrow{max-width:30ch;font-size:10px}.experience-content h2{font-size:clamp(36px,10vw,47px)}.experience-content>p:last-child{font-size:14px}.featured-experiences{scroll-snap-type:none;gap:16px;margin-top:32px;padding-bottom:0;display:grid;overflow:visible}.experience-card,.experience-card.lampung-post,.experience-card.media-indonesia,.experience-card.smartjen{width:100%;min-height:270px;padding:20px}.experience-dialog{width:calc(100vw - 24px);max-height:88vh;margin-bottom:8px}.experience-dialog-inner{padding:42px 24px 28px}.experience-dialog h2{font-size:32px}.experience-footer{font-size:11px}.projects-section{min-height:2200px;padding:104px 24px 96px}.projects-eyebrow{max-width:30ch;font-size:10px}.projects-content h2{font-size:clamp(37px,10vw,48px)}.projects-content>p:last-child{font-size:14px}.project-portal,.project-portal.mi-studio,.project-portal.nosavora,.project-portal.smartjen-project{flex-basis:min(320px,88vw);min-height:390px;padding:20px}.project-portal.lokalaku,.project-portal.media-indonesia-growth,.project-portal.secondary,.project-portal.sertifia{flex-basis:min(270px,82vw);min-height:225px}.projects-dialog{width:calc(100vw - 24px);max-height:88vh;margin-bottom:8px}.projects-dialog-inner{padding:42px 24px 28px}.projects-dialog h2{font-size:34px}.projects-footer{font-size:11px}}@media (width<=767px){.home-page,.home-stage{height:auto;min-height:0}.home-stage{flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-content{order:1;min-height:650px;padding:130px 24px 56px;top:auto;left:auto;transform:none}.hero-content,.home-scene{width:100%;position:relative}.home-scene{order:2;height:min(138vw,560px);min-height:500px;inset:auto}.left-readability{z-index:1;background:linear-gradient(#020812f5,#020812d6 76%,#0000);width:100%;height:690px}}.contact-page{height:185vh;min-height:1180px}.contact-section{isolation:isolate;background:#020812;height:100vh;min-height:660px;position:sticky;top:0;overflow:hidden}.contact-world{--contact-world-scale:1;z-index:1;opacity:var(--scene-opacity,1);transform:translate(-50%,-50%) scale(var(--contact-world-scale));transform-origin:50%;pointer-events:none;top:50%;left:50%}.contact-background,.contact-world{width:1920px;height:1080px;position:absolute}.contact-background{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;inset:0}.contact-readability{width:39%;opacity:var(--scene-opacity,1);background:linear-gradient(90deg,#020810c2,#02081061 72%,#0000);inset:0 auto 0 0}.contact-portal-glow,.contact-readability{z-index:2;pointer-events:none;position:absolute}.contact-portal-glow{aspect-ratio:1;filter:blur(18px);mix-blend-mode:screen;background:radial-gradient(circle,#fff697b8,#d7ff2f29 43%,#0000 69%);border-radius:50%;width:26%;transition:opacity .35s;top:16%;left:42%}.contact-section.success .contact-portal-glow{animation:1.5s ease-in-out infinite alternate portal-breathe;opacity:.42!important}@keyframes portal-breathe{to{filter:blur(22px)brightness(1.18);transform:scale(1.035)}}.contact-content{z-index:7;width:min(640px,35vw);position:absolute;top:clamp(145px,16.8vh,172px);left:clamp(65px,5.9vw,114px)}.contact-eyebrow{color:#ffd52f;font:600 clamp(11px,.75vw,14px)/1.2 var(--font-mono);letter-spacing:.055em;margin:0 0 16px}.contact-content h2{color:#f3e8d7;font:700 clamp(50px,3.82vw,73px)/1.08 var(--font-display);letter-spacing:-.042em;text-shadow:0 2px #402c18b3;margin:0}.contact-intro{color:#e0d4c3;font:400 clamp(15px,.96vw,18px)/1.52 var(--font-body);margin:21px 0 0}.availability-status{color:var(--lime);font:500 clamp(11px,.74vw,14px)/1.2 var(--font-mono);letter-spacing:.035em;align-items:center;gap:11px;margin:29px 0 0;display:flex}.availability-status i{background:var(--lime);width:11px;height:11px;box-shadow:0 0 8px var(--lime),0 0 18px #d7ff2f9e;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);flex:0 0 11px}.contact-panel{z-index:7;aspect-ratio:1030/1527;color:#e9dfd0;width:min(27vw,530px);position:absolute;top:9.2%;left:68.1%}.contact-panel__shell{-o-object-fit:fill;object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.contact-panel__content{z-index:1;flex-direction:column;display:flex;position:absolute;inset:12% 12% 10%}.contact-panel h3{color:#fff45c;font:500 clamp(20px,1.43vw,28px)/1 var(--font-mono);letter-spacing:-.045em;margin:0 0 18px}.contact-form{gap:16px;display:grid}.contact-field{gap:5px;display:grid;position:relative}.contact-field label{color:#eadac6;font:500 clamp(9px,.58vw,11px)/1 var(--font-mono);letter-spacing:.04em}.contact-field input,.contact-field textarea{color:#f4eadb;width:100%;min-height:63px;font:400 13px/1.35 var(--font-body);caret-color:var(--lime);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#020d14a3;border:1px solid #e8ff42e6;border-radius:0;outline:none;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 0 17px #d7ff2f09,0 0 8px #d7ff2f0f}.contact-field textarea{resize:vertical;min-height:188px}.contact-field input:focus,.contact-field textarea:focus{background:#03121bcc;border-color:#62eaff;box-shadow:0 0 12px #62eaff52,inset 0 0 16px #62eaff0d}.contact-field input[aria-invalid=true],.contact-field textarea[aria-invalid=true]{border-color:#ff7d6b;box-shadow:0 0 10px #ff5e4e47}.field-error{z-index:2;color:#ff9d8f;max-width:calc(100% - 14px);font:500 8px/1.2 var(--font-mono);background:#080b11e6;padding:2px 4px;position:absolute;bottom:4px;right:7px}.honeypot{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.contact-submit{color:#09110a;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);width:100%;min-height:56px;font:600 clamp(13px,.95vw,18px)/1 var(--font-mono);letter-spacing:.025em;cursor:pointer;background:linear-gradient(#dfff38,#a8d719);border:1px solid #efff80;justify-content:space-between;align-items:center;margin-top:1px;padding:0 17px 0 26px;transition:transform .16s,filter .16s,box-shadow .16s;display:flex;box-shadow:inset 0 1px #fff9,0 0 17px #d7ff2f85}.contact-submit .whatsapp-icon{color:#12200c;place-items:center;width:27px;height:27px;display:grid}.contact-submit .whatsapp-icon svg{fill:currentColor;width:25px;height:25px}.contact-submit:focus-visible,.contact-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 1px #ffffffb3,0 0 25px #d7ff2fb8}.contact-submit:disabled{opacity:.68;cursor:wait}.submit-helper{color:#c9b99f;font:500 clamp(8px,.51vw,10px)/1 var(--font-mono);text-align:center;letter-spacing:.06em;margin:-3px 0 0}.contact-actions{grid-template-columns:1fr .9fr;gap:10px;margin-top:16px;display:grid}.contact-link{min-height:43px;font:500 clamp(8px,.56vw,11px)/1.15 var(--font-mono);text-align:center;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);justify-content:center;align-items:center;gap:8px;padding:7px 8px;text-decoration:none;transition:transform .16s,background .16s,box-shadow .16s;display:flex}.contact-link.linkedin{color:#38e9ff;background:#19d5ee09;border:1px solid #38e9ff}.contact-link.cv{color:#d77aff;background:#d77aff09;border:1px solid #d77aff}.contact-link:not(.disabled):focus-visible,.contact-link:not(.disabled):hover{background:#ffffff0e;transform:translateY(-2px);box-shadow:0 0 15px}.contact-link.disabled{opacity:.42;cursor:not-allowed}.contact-feedback{color:#c8bbab;min-height:14px;font:500 clamp(8px,.52vw,10px)/1.35 var(--font-mono);text-align:center;margin:9px 0 0}.contact-feedback.error{color:#ff9d8f}.contact-feedback.success,.restart-journey{color:var(--lime)}.restart-journey{border:1px solid var(--lime);font:600 9px/1 var(--font-mono);cursor:pointer;background:#030c12d1;margin:8px auto 0;padding:7px 10px;display:block}.contact-signature{z-index:7;color:#e0cdb3;font:500 clamp(9px,.67vw,13px)/1.4 var(--font-mono);letter-spacing:.025em;position:absolute;bottom:11.7%;left:clamp(48px,3.9vw,75px)}.contact-signature p{margin:0}.contact-signature p+p{margin-top:5px}.contact-signature b{color:#ffd52f;font-weight:600}.contact-footer{z-index:20;color:var(--text);font:500 clamp(11px,.7vw,14px)/1 var(--font-mono);grid-template-columns:auto 1fr;align-items:center;gap:45px;display:grid;position:absolute;bottom:clamp(25px,3.9vh,38px);left:clamp(32px,2.5vw,48px);right:clamp(32px,2.5vw,48px)}.contact-progress-track{background:repeating-linear-gradient(90deg,#ff7e2d8c 0 5px,#0000 0 9px);height:1px;position:relative}.contact-progress-track>i{opacity:.22;background:#ff8a32;max-width:100%;height:3px;position:absolute;top:-1px;left:0;box-shadow:0 0 8px #ff8a327a}.contact-progress-track>span{background:#07101a;border:1px solid #d79b53;width:11px;height:11px;position:absolute;top:-6px;transform:translate(-50%)}.contact-progress-track>span.active{border-color:var(--lime);background:var(--lime);box-shadow:0 0 12px var(--lime)}@media (width<=900px){.contact-page{height:auto;min-height:0}.contact-section{height:auto;min-height:1700px;padding:104px 30px 120px;position:relative;overflow:hidden}.contact-world{top:425px}.contact-section .journey-character{width:100%;height:850px;position:absolute;inset:0 auto auto 0}.contact-connect-bubble{left:calc(var(--character-x,0px) + 42px);top:calc(var(--character-y,0px) - 190px)}.contact-readability{background:linear-gradient(#020810e0,#0208109e 58%,#0000);width:100%;height:650px}.contact-portal-glow{width:66%;top:340px;left:17%}.contact-content{width:auto;position:relative;top:auto;left:auto}.contact-content h2{font-size:clamp(42px,8vw,60px)}.contact-intro{max-width:34rem;font-size:16px}.contact-panel{width:min(620px,100%);margin:500px auto 0;position:relative;top:auto;left:auto}.contact-panel h3{font-size:25px}.contact-field label{font-size:10px}.contact-form{gap:12px}.contact-field input,.contact-field textarea{min-height:48px}.contact-field textarea{min-height:170px}.contact-actions{margin-top:17px}.contact-link{min-height:46px;font-size:10px}.contact-signature{bottom:78px;left:30px}.contact-footer{gap:24px;bottom:28px;left:22px;right:22px}}@media (width<=560px){.contact-section{min-height:1640px;padding:104px 24px 110px}.contact-content h2{font-size:clamp(39px,11vw,49px)}.contact-eyebrow{max-width:31ch;font-size:10px}.contact-intro{max-width:31ch;font-size:14px}.availability-status{align-items:flex-start;max-width:30ch;font-size:10px;line-height:1.4}.contact-panel{width:100%;margin-top:455px}.contact-panel h3{font-size:20px}.contact-form{gap:10px}.contact-field textarea{min-height:120px}.contact-actions{margin-top:10px}.contact-signature{font-size:9px;left:24px}.contact-footer{gap:18px;font-size:10px}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.section-data-label{min-height:1.2em;font:600 clamp(14px,.98vw,19px)/1.2 var(--font-mono);letter-spacing:.055em}.scramble-visual{white-space:pre;display:block}.text-motion-ready{--text-motion-shift:24px}.text-motion-ready.text-motion-up{--text-motion-shift:-24px}.text-motion-ready :is(.featured-experiences,.career-timeline-shell,.primary-portals,.secondary-portals,.contact-panel,.contact-signature),.text-motion-ready :is(.hero-content,.about-content,.experience-content,.projects-content,.contact-content)>*{opacity:0;translate:0 var(--text-motion-shift);filter:blur(6px);will-change:opacity,translate,filter;transition:opacity .24s,translate .28s,filter .24s}.text-motion-active :is(.featured-experiences,.career-timeline-shell,.primary-portals,.secondary-portals,.contact-panel,.contact-signature),.text-motion-active :is(.hero-content,.about-content,.experience-content,.projects-content,.contact-content)>*{opacity:1;filter:blur();transition-duration:.56s,.62s,.52s;transition-timing-function:cubic-bezier(.2,.72,.18,1);transition-delay:calc(var(--text-motion-order,0)*80ms);translate:0}.text-motion-ready :is(.hero-content,.about-content,.experience-content,.projects-content,.contact-content)>:first-child{--text-motion-order:0}.text-motion-ready :is(.hero-content,.about-content,.experience-content,.projects-content,.contact-content)>:nth-child(2){--text-motion-order:1}.text-motion-ready :is(.hero-content,.about-content,.experience-content,.projects-content,.contact-content)>:nth-child(3){--text-motion-order:2}.text-motion-ready :is(.hero-content,.about-content,.experience-content,.projects-content,.contact-content)>:nth-child(4){--text-motion-order:3}.text-motion-ready :is(.hero-content,.about-content,.experience-content,.projects-content,.contact-content)>:nth-child(5){--text-motion-order:4}.text-motion-ready :is(.hero-content,.about-content,.experience-content,.projects-content,.contact-content)>:nth-child(6){--text-motion-order:5}.text-motion-ready .contact-panel,.text-motion-ready .featured-experiences,.text-motion-ready .primary-portals{--text-motion-order:3}.text-motion-ready .career-timeline-shell,.text-motion-ready .contact-signature,.text-motion-ready .secondary-portals{--text-motion-order:4}.text-motion-active :is(.hero-content h1,.about-content h2,.experience-content h2,.projects-content h2,.contact-content h2){animation:.15s steps(2,end) 90ms both section-title-glitch}@keyframes section-title-glitch{0%{text-shadow:-2px 0 #00e7ffb8,2px 0 #d2ff2f99;filter:brightness(1.25)}34%{text-shadow:2px 0 #ff49d29e,-1px 0 #00e7ff9e;filter:brightness(.92)}68%{text-shadow:-1px 0 #d2ff2f8c,1px 0 #ff49d273;filter:brightness(1.12)}to{text-shadow:none;filter:brightness()}}@media (width<=900px){.section-data-label{font-size:12px;line-height:1.2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}.contact-portal-glow{filter:none}.about-lab.ready .hologram-node,.hologram-node.active:after,.system-selector{animation:none}.career-timeline__progress{transition:none;width:100%!important}.present-sign{color:#f7ffb0;background:#202d08e6;box-shadow:inset 0 0 24px #d7ff2f3d,0 0 20px #d7ff2f6b}}