@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/cdf703449fd42bc8-s.1_nwqg2oqknh7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3f10656f33c57dec-s.43efwv28dotlz.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/56eb15be423b6220-s.1tb5eil6y_dva.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/96074e70a40501da-s.0zl3jsojfe2ze.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/de161955856a921d-s.p.3dojvicm65v_0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}.press_start_2p_abaa552a-module__f1aH_q__className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}.press_start_2p_abaa552a-module__f1aH_q__variable{--font-pixel:"Press Start 2P", "Press Start 2P Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_6bde161f-module__FMgJqG__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_6bde161f-module__FMgJqG__variable{--font-sans:"Space Grotesk", "Space Grotesk Fallback"}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), sans-serif;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.arcade-bg{z-index:-2;background:radial-gradient(circle at 50% 28%,#251237 0,#0d1020 34%,#080b13 68%);position:fixed;inset:0;overflow:hidden}.sun{opacity:.12;filter:blur(3px);background:linear-gradient(#ff4fd8,#f6c945);border-radius:50%;width:440px;height:440px;position:absolute;top:10vh;left:calc(50% - 220px)}.grid-floor{transform-origin:bottom;background-image:linear-gradient(#00f5d41f 1px,#0000 1px),linear-gradient(90deg,#00f5d41f 1px,#0000 1px);background-size:55px 55px;height:56%;position:absolute;bottom:-20%;left:-20%;right:-20%;transform:perspective(420px)rotateX(58deg)}.scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);position:absolute;inset:0}.grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.city{font-family:var(--font-pixel);letter-spacing:2px;color:#ffffff26;writing-mode:vertical-rl;font-size:9px;position:absolute}.city--tokyo{top:30vh;left:4vw}.city--jakarta{top:48vh;right:4vw}.header{z-index:10;border-bottom:1px solid #ffffff14;align-items:center;gap:42px;max-width:1240px;height:86px;margin:auto;padding:0 24px;display:flex;position:relative}.brand{align-items:center;gap:12px;margin-right:auto;display:flex}.brand__mark{font-family:var(--font-pixel);border:2px solid var(--gold);color:var(--gold);box-shadow:4px 4px 0 var(--pink);padding:11px 9px;font-size:14px}.brand b{font-family:var(--font-pixel);letter-spacing:1px;font-size:12px;display:block}.brand small{color:var(--muted);letter-spacing:3px;font-size:9px}.header nav{gap:28px;display:flex}.header nav a,.online{font-family:var(--font-pixel);letter-spacing:1px;font-size:8px}.header nav a:hover,.online{color:var(--cyan)}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;max-width:1240px;min-height:calc(100vh - 86px);margin:auto;padding:90px 24px 120px;display:grid}.hero__code,.eyebrow{font-family:var(--font-pixel);letter-spacing:1px;color:var(--cyan);font-size:9px;line-height:1.7}.hero h1{font-family:var(--font-pixel);letter-spacing:-3px;margin:24px 0;font-size:clamp(42px,6.2vw,84px);line-height:1.16}.hero h1 span{color:var(--gold);text-shadow:5px 5px #ff4fd866}.hero__lead{color:#c7cee0;max-width:700px;font-size:20px;line-height:1.65}.hero__actions{gap:14px;margin-top:38px;display:flex}.pixel-button,.submit,.project-link{font-family:var(--font-pixel);letter-spacing:.5px;border:2px solid var(--cyan);background:var(--cyan);color:#06100f;box-shadow:5px 5px 0 var(--pink);cursor:pointer;align-items:center;gap:8px;padding:17px 20px;font-size:9px;display:inline-flex}.pixel-button--ghost{color:var(--text);border-color:var(--line);box-shadow:none;background:0 0}.arcade-card{background:#171b2b;border:3px solid #3b4260;border-radius:18px 18px 34px 34px;justify-self:end;width:min(100%,360px);padding:24px 24px 34px;box-shadow:18px 22px #00000059,0 0 60px #ff4fd81f}.arcade-card__screen{min-height:250px;color:var(--cyan);background:#07110f;border:10px solid #05070d;border-radius:12px;padding:26px;font-family:monospace;box-shadow:inset 0 0 40px #00f5d41f}.arcade-card__screen span{font-size:12px}.arcade-card__screen strong{font-family:var(--font-pixel);color:var(--gold);margin:30px 0;font-size:26px;display:block}.arcade-card__screen pre{line-height:1.7}.arcade-card__controls{align-items:center;gap:14px;padding:25px 12px 0;display:flex}.arcade-card__controls i{background:#090b10;border-radius:4px;width:54px;height:14px}.arcade-card__controls b{color:var(--pink);font-size:32px}.arcade-card__controls b:last-child{color:var(--gold)}.section{padding:110px 24px}.section__inner{max-width:1180px;margin:auto}.section__title{font-family:var(--font-pixel);margin:15px 0 54px;font-size:clamp(26px,4vw,48px);line-height:1.3}.project-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.project-card{border:1px solid var(--line);background:#0d1220e6;overflow:hidden;box-shadow:10px 10px #0003}.project-card--cyan:hover{border-color:var(--cyan)}.project-card--gold:hover{border-color:var(--gold)}.project-card__visual{background:#070a11;height:290px;position:relative;overflow:hidden}.project-card__visual img{object-fit:cover}.project-card__visual>span{border:1px solid var(--line);font-family:var(--font-pixel);color:var(--cyan);background:#080b13;padding:8px 10px;font-size:7px;position:absolute;bottom:18px;left:18px}.terminal-art{height:100%;color:var(--cyan);background:radial-gradient(circle,#10262a,#070a11 68%);justify-content:center;align-items:center;gap:24px;display:flex}.terminal-art svg{width:72px;height:72px}.terminal-art code{font-size:15px;line-height:1.8}.project-card h3{font-family:var(--font-pixel);margin:12px 0 18px;font-size:25px}.project-card p{color:#bcc5da;line-height:1.7}.tags{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.tags span{border:1px solid var(--line);color:#cbd4e9;padding:7px 9px;font-family:monospace;font-size:12px}.project-card a{font-family:var(--font-pixel);color:var(--gold);align-items:center;gap:8px;margin-top:8px;font-size:8px;display:inline-flex}.about-grid{grid-template-columns:1.2fr .8fr;gap:70px;display:grid}.about-grid>p{margin:0;font-size:24px;line-height:1.65}.stats{gap:14px;display:grid}.stats span{border-left:3px solid var(--pink);color:var(--muted);padding:12px 18px}.stats b{color:var(--gold);font-family:var(--font-pixel);margin-bottom:8px;font-size:10px;display:block}.contact-layout{grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.contact-copy{color:#cbd4e9;font-size:23px;line-height:1.6}.terminal-note{color:var(--cyan);font-family:monospace;line-height:1.7}.contact-form{border:1px solid var(--line);background:#0d1220eb;padding:28px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{gap:8px;margin-bottom:18px;display:grid}.field>span{font-family:var(--font-pixel);color:#c9d2e8;font-size:7px}.field input,.field textarea{width:100%;color:var(--text);background:#070a11;border:1px solid #33405e;outline:none;padding:14px 15px}.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00f5d41f}.field small{color:#ff7b9c}.captcha-row{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.captcha-image{border:1px solid var(--line);background:#080b13;align-items:center;height:76px;display:flex;overflow:hidden}.captcha-image img{object-fit:cover;width:calc(100% - 46px);height:76px}.captcha-image button{width:46px;height:100%;color:var(--cyan);border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0}.submit:disabled{opacity:.5;cursor:not-allowed}.form-status{color:var(--gold);font-family:monospace}footer{border-top:1px solid var(--line);color:#68748e;max-width:1180px;font-family:var(--font-pixel);justify-content:space-between;margin:auto;padding:35px 24px 50px;font-size:7px;line-height:1.6;display:flex}.project-detail{max-width:940px;min-height:100vh;margin:auto;padding:90px 24px}.back{font-family:var(--font-pixel);color:var(--cyan);align-items:center;gap:8px;margin-bottom:80px;font-size:8px;display:inline-flex}.project-detail h1{font-family:var(--font-pixel);text-shadow:5px 5px #ff4fd840;margin:20px 0;font-size:clamp(46px,8vw,90px)}.project-detail--gold h1{color:var(--gold)}.project-detail--cyan h1{color:var(--cyan)}.project-detail__lead{color:#cbd4e9;font-size:23px;line-height:1.7}.feature-panel{border:1px solid var(--line);background:#0d1220eb;margin:50px 0;padding:30px}.feature-panel h2{font-family:var(--font-pixel);color:var(--gold);margin-bottom:28px;font-size:14px}.feature-panel p{color:#cbd4e9;align-items:flex-start;gap:12px;display:flex}.feature-panel svg{color:var(--cyan);flex:none;margin-top:3px}.project-link{box-shadow:5px 5px 0 var(--pink)}@media (max-width:850px){.header nav,.online{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.arcade-card{justify-self:start}.project-grid,.about-grid,.contact-layout{grid-template-columns:1fr}.contact-layout{gap:30px}.section{padding:80px 20px}.hero h1{letter-spacing:-2px}.form-grid,.captcha-row{grid-template-columns:1fr}footer{flex-direction:column;gap:20px}}@media (max-width:520px){.hero{padding-left:18px;padding-right:18px}.hero__actions{flex-direction:column;align-items:flex-start}.arcade-card{width:100%}.project-card__visual{height:220px}.terminal-art{gap:14px}.terminal-art svg{width:44px}.terminal-art code{font-size:12px}.section__title{font-size:25px}.about-grid>p,.project-detail__lead{font-size:19px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--bg:#061019;--panel:#091722;--text:#f7f7f2;--muted:#a7b2bd;--cyan:#63d9e6;--pink:#e86854;--gold:#ffc52f;--line:#294052}.arcade-bg{background:linear-gradient(#061019,#07131d 60%,#08111a)}.sun,.grid-floor,.city{display:none}.batik{z-index:-1;color:#ffc52f14;letter-spacing:9px;writing-mode:vertical-rl;-webkit-user-select:none;user-select:none;font-size:22px;position:fixed;top:20%}.batik--left{left:8px}.batik--right{top:55%;right:8px}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061019c7;border-bottom-color:#ffffff12;max-width:none;height:92px;padding-inline:max(24px,50% - 620px);position:sticky;top:0}.brand img{object-fit:contain;width:154px;height:auto}.brand__mark,.brand b,.brand small{display:none}.header nav a{font-family:var(--font-sans);font-size:12px;font-weight:700}.online{color:var(--gold)}.menu-button{border:1px solid var(--line);color:#fff;background:#0b1a26;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:none}.mobile-menu{display:none}.hero{isolation:isolate;grid-template-columns:1.08fr .92fr;align-items:start;max-width:none;min-height:760px;padding:110px max(24px,50% - 590px) 0;position:relative;overflow:hidden}.hero__content{z-index:3;padding-top:32px}.hero__code{color:var(--gold)}.hero h1{text-shadow:4px 4px #00000080;max-width:780px;font-size:clamp(44px,5.5vw,76px)}.hero__lead{max-width:610px;font-size:18px}.hero__terminal{z-index:4;align-self:center;margin-top:60px}.hero__features{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050f17c7;border-top:1px solid #ffffff1f;grid-column:1/-1;grid-template-columns:repeat(4,1fr);align-self:end;gap:22px;margin-inline:calc(-1*max(24px,50vw - 590px));padding:24px max(24px,50vw - 590px);display:grid}.hero__landscape{z-index:-1;background:linear-gradient(#152742 0%,#713f43 43%,#d97945 58%,#172a2c 59%,#07131d 100%);position:absolute;inset:0;overflow:hidden}.hero__landscape:after{content:"";background:linear-gradient(90deg,#050f17ed 0%,#050f17a8 44%,#050f171f 75%),linear-gradient(#0000 70%,#07131d 100%);position:absolute;inset:0}.pixel-sun{background:#ffc45c;border-radius:50%;width:155px;height:155px;position:absolute;top:16%;right:19%;box-shadow:0 0 45px #e87845}.volcano{clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -4px #ffffff26);position:absolute}.volcano--back{opacity:.85;background:linear-gradient(155deg,#d6b0a0 0 8%,#59616c 9% 45%,#24363a 46%);width:430px;height:250px;top:24%;right:5%}.volcano--front{background:linear-gradient(155deg,#bda49b 0 6%,#3c4d4c 7% 48%,#19302b 49%);width:580px;height:290px;top:34%;right:18%}.island{background:#102a27;border-top:7px solid #183c31;position:absolute}.island--one{clip-path:polygon(0 50%,15% 25%,28% 44%,44% 8%,60% 40%,76% 15%,100% 50%,100% 100%,0 100%);width:55%;height:180px;bottom:17%;right:-5%}.island--two{clip-path:polygon(0 60%,18% 20%,35% 48%,55% 10%,73% 50%,100% 35%,100% 100%,0 100%);width:42%;height:130px;bottom:15%;right:35%}.water-lines{background:repeating-linear-gradient(0deg,#0000 0 14px,#ffbc5e3d 15px 17px);width:67%;height:200px;position:absolute;bottom:12%;right:0;transform:skewY(-2deg)}.temple{color:#101d20;text-shadow:4px 0 #263735;z-index:1;font-size:70px;position:absolute;top:38%;right:30%}.temple i,.temple b{font-size:55px;font-style:normal;line-height:.35;display:block}.palm{color:#091c1b;z-index:1;font-size:120px;position:absolute;transform:rotate(180deg)}.palm--one{top:28%;right:2%;transform:rotate(155deg)}.palm--two{font-size:90px;top:43%;right:47%;transform:rotate(200deg)}.live-terminal{background:#040c12ed;border:1px solid #3b5665;max-width:510px;min-height:280px;margin-left:auto;box-shadow:12px 12px #00000047}.live-terminal__bar{background:#10202b;border-bottom:1px solid #2b4352;align-items:center;gap:7px;height:40px;padding:0 13px;display:flex}.live-terminal__bar span{background:#ef6a5b;border-radius:50%;width:10px;height:10px}.live-terminal__bar span:nth-child(2){background:#f5bd4f}.live-terminal__bar span:nth-child(3){background:#61c454}.live-terminal__bar b{color:#8195a4;margin-left:7px;font:11px monospace}.live-terminal__body{color:#d7e1e7;min-height:238px;padding:24px;font:13px/2 monospace}.live-terminal__body em{color:var(--gold);font-style:normal}.live-terminal__body strong{color:#59d6a7;margin-right:8px}.live-terminal__body code{color:#d8e3e8}.terminal-cursor{background:var(--gold);vertical-align:-3px;width:8px;height:16px;margin-left:3px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.section{position:relative}.section-intro{color:var(--muted);margin:-35px 0 42px;font-size:18px}.project-card{border-radius:8px;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card__visual{background:linear-gradient(145deg,#102b2a,#08111a)}.pixel-button,.submit,.project-link{border-color:var(--gold);background:var(--gold);box-shadow:4px 4px #8c482f}.pixel-button--ghost{color:#fff;box-shadow:none;background:#040c1280;border-color:#b98f38}.world-strip{border-block:1px solid var(--line);background:linear-gradient(90deg,#050f17f0,#050f1733),linear-gradient(#d47745,#4b4852 42%,#17322d 43%,#0a171d);align-items:center;min-height:390px;padding:max(60px,8vw) max(24px,50% - 590px);display:flex;position:relative;overflow:hidden}.world-strip:before{content:"";clip-path:polygon(0 100%,13% 56%,25% 70%,42% 22%,57% 67%,72% 38%,100% 80%,100% 100%);background:linear-gradient(160deg,#0000 0 36%,#203b32 37% 53%,#10261f 54%);width:58%;height:88%;position:absolute;bottom:0;right:4%}.world-strip:after{content:"◆ ◇ ◆ ◇ ◆ ◇ ◆ ◇ ◆";letter-spacing:10px;color:#ffc52f73;font-size:28px;position:absolute;bottom:16px;right:5%}.world-strip__copy{z-index:1;max-width:540px}.world-strip__copy span{font:9px var(--font-pixel);color:var(--gold)}.world-strip__copy strong{font:clamp(27px, 4vw, 48px)/1.3 var(--font-pixel);margin:16px 0;display:block}.world-strip__copy p{color:#d1d8dc;font-size:18px;line-height:1.7}.about{background:linear-gradient(90deg,#ffc52f09,#357b670a)}@media (max-width:850px){.header{height:76px;padding:0 18px}.brand img{width:132px}.header nav,.online{display:none}.menu-button{margin-left:auto;display:flex}.mobile-menu{background:#07131d;border:1px solid #334c5d;padding:14px;display:grid;position:absolute;top:82px;left:14px;right:14px;box-shadow:8px 8px #00000059}.mobile-menu a{font-family:var(--font-pixel);border-bottom:1px solid #1e3342;align-items:center;gap:18px;padding:18px 12px;font-size:10px;display:flex}.mobile-menu a small{color:var(--gold)}.mobile-menu>span{color:#708594;padding:20px 12px 8px;font:10px monospace}.hero{min-height:auto;padding:55px 20px 0;display:block}.hero__content{padding-top:0}.hero h1{letter-spacing:-2px;font-size:clamp(38px,11vw,58px)}.hero__lead{font-size:16px}.hero__terminal{margin:50px 0 60px}.live-terminal{min-height:245px;margin:0}.live-terminal__body{min-height:202px;padding:18px;font-size:11px;overflow:hidden}.hero__features{grid-template-columns:1fr 1fr;gap:20px;margin:0 -20px;padding:20px;display:grid}.hero__features i,.hero__features small{font-size:10px}.hero__landscape:after{background:linear-gradient(#050f17bf,#050f17e6 63%,#07131d)}.pixel-sun{width:110px;height:110px;top:9%;right:8%}.volcano--back{width:300px;top:18%;right:-25%}.volcano--front{width:380px;top:26%;right:-35%}.temple{opacity:.7;top:34%;right:12%}.palm--one{opacity:.7;top:22%}.world-strip{min-height:330px}.world-strip:before{opacity:.7;width:90%}.world-strip__copy{max-width:85%}.project-grid{grid-template-columns:1fr}}@media (max-width:520px){.hero__actions{width:100%}.hero__actions .pixel-button{justify-content:center;width:100%}.hero__features{grid-template-columns:1fr}.hero__features span{padding:4px 0}.live-terminal__body{white-space:nowrap}.world-strip__copy{max-width:100%}.world-strip:after{letter-spacing:4px;font-size:16px}.brand img{width:120px}}:root{--gold:#ffc52f;--bg:#03101a;--panel:#071722;--line:#294052;--muted:#aab6c0;--text:#f8f7f1}body,.arcade-bg{background:#03101a}.hero-v3{isolation:isolate;grid-template-columns:1.03fr .97fr;align-items:start;max-width:none;min-height:760px;padding:110px max(24px,50% - 590px) 0;position:relative;overflow:hidden}.hero-photo{z-index:-3;image-rendering:auto;filter:saturate(1.05)contrast(1.04);background:url(/images/scenes/hero-java.jpg) 50%/cover no-repeat;position:absolute;inset:-70px 0 0 31%}.hero-shade{z-index:-2;background:linear-gradient(90deg,#03101a 0%,#03101af2 28%,#03101a8a 54%,#03101a1a 78%),linear-gradient(#03101a14 0%,#0000 72%,#03101a 100%);position:absolute;inset:0}.hero__content{padding-top:26px}.hero h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(46px,5.4vw,76px);line-height:1.12}.hero h1 span{color:var(--gold);text-shadow:4px 4px #713d27;display:block}.hero__code,.eyebrow{color:var(--gold)}.hero__lead{color:#eef0ee;max-width:590px;font-size:17px}.hero__terminal{margin-top:80px}.live-terminal{transition:transform .35s,border-color .35s;transform:perspective(900px)rotateY(-3deg)}.live-terminal:hover{border-color:var(--gold);transform:perspective(900px)rotateY(0)translateY(-6px)}.hero__features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030e16e6;border-top:1px solid #ffffff1f;grid-column:1/-1;grid-template-columns:repeat(4,1fr);align-self:end;gap:20px;margin-inline:calc(-1*max(24px,50vw - 590px));padding:22px max(24px,50vw - 590px);display:grid}.hero__features span{align-items:center;gap:12px;display:flex}.hero__features b{color:var(--gold);font-size:25px}.hero__features i{font-size:12px;font-style:normal;font-weight:800}.hero__features small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.scene-section{isolation:isolate;padding:90px 24px;position:relative;overflow:hidden}.scene-section>.scene-bg{z-index:-2;background-position:50%;background-size:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .5s;position:absolute;inset:0}.scene-section:hover>.scene-bg{filter:saturate(1.12);transform:scale(1.035)}.scene-section:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.projects-scene{min-height:620px}.projects-scene>.scene-bg{background-image:url(/images/scenes/projects-night.jpg);background-position:top}.projects-scene:after{background:linear-gradient(90deg,#03101a 0 36%,#03101ac2 63%,#03101a4d),linear-gradient(0deg,#03101a 0,#0000 32%,#03101a52)}.projects-scene .section__title{margin-bottom:12px}.projects-scene .section-intro{color:#eef0ee;margin:0 0 36px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;transform-origin:50%;background:#05141ef0;border-color:#355164}.project-card:hover{transform:translateY(-10px)rotate(-.3deg);box-shadow:0 18px 45px #00000057,0 0 0 1px #ffc52f59}.project-card__visual{height:170px}.project-card__body{padding:22px}.project-card h3{font-size:19px}.coming-card{background:#05141ee0;border:1px solid #355164;align-items:flex-start;gap:18px;width:280px;min-height:190px;padding:28px;transition:all .3s;display:flex;position:absolute;bottom:90px;right:max(24px,50% - 590px)}.coming-card:hover{border-color:var(--gold);transform:translateY(-8px)}.coming-card>b{font:34px var(--font-pixel);color:var(--gold)}.coming-card h3{font:14px var(--font-pixel);margin:4px 0 16px}.coming-card p{color:var(--muted);line-height:1.6}.tech-scene{align-items:center;min-height:610px;display:flex}.tech-scene>.scene-bg{background-image:url(/images/scenes/tech-terraces.jpg);background-position:50%}.tech-scene:after{background:linear-gradient(90deg,#03101af7 0 37%,#03101a8f 67%,#03101a2e),linear-gradient(#03101a66,#0000 65%,#03101ad9)}.tech-layout{grid-template-columns:1.05fr .95fr;align-items:end;gap:70px;display:grid}.tech-layout .section__title{margin-bottom:32px}.tech-layout .section__title span,.about-v3 .section__title span{color:var(--gold)}.tech-grid{grid-template-columns:repeat(5,minmax(80px,1fr));gap:10px;max-width:580px;display:grid}.tech-grid span{text-align:center;min-height:68px;animation:4s ease-in-out infinite techFloat;animation-delay:calc(var(--i) * -.23s);background:#05141ee0;border:1px solid #345064;place-items:center;padding:10px;font-size:12px;font-weight:800;transition:transform .25s,border-color .25s,background .25s;display:grid}.tech-grid span:hover{border-color:var(--gold);background:#0b2431;transform:translateY(-7px)scale(1.05)}@keyframes techFloat{50%{translate:0 -3px}}.stack-terminal{background:#020c12ed;border:1px solid #b48732;justify-self:end;width:min(100%,430px);padding:22px;font:12px/1.65 monospace;transition:all .35s;box-shadow:10px 10px #00000047}.stack-terminal:hover{transform:translateY(-8px);box-shadow:14px 18px #0000004d}.stack-terminal__title{color:var(--gold);margin-bottom:14px}.stack-terminal p{color:#d5e0e5;margin:4px 0}.stack-terminal b{color:#fff;width:82px;display:inline-block}.about-scene{align-items:center;min-height:520px;display:flex}.about-scene>.scene-bg{background-image:url(/images/scenes/about-indonesia.jpg);background-position:50%}.about-scene:after{background:linear-gradient(90deg,#03101a 0 33%,#03101ab8 52%,#03101a14),linear-gradient(0deg,#03101a 0,#0000 25%,#03101a1f)}.about-v3{width:100%;max-width:1180px;margin:0}.about-v3 .section__title{margin-bottom:22px}.about-v3>p:not(.eyebrow){color:#e2e7e7;max-width:520px;font-size:17px;line-height:1.7}.about-cta{background:var(--gold);color:#071018;font:9px var(--font-pixel);margin-top:20px;padding:16px 20px;transition:all .25s;display:inline-flex;box-shadow:4px 4px #82482e}.about-cta:hover{transform:translate(-2px,-3px);box-shadow:7px 7px #82482e}.contact-v3{background:linear-gradient(#03101a,#06151f)}footer{background:#020b11;align-items:center;max-width:none;margin:0;padding:34px max(24px,50% - 590px)}footer img{width:130px;height:auto}footer nav{gap:25px;display:flex}footer nav a:hover{color:var(--gold)}@media (max-width:900px){.hero-v3{min-height:auto;padding:52px 20px 0;display:block}.hero-photo{opacity:.72;background-position:62%;inset:0}.hero-shade{background:linear-gradient(#03101a6b,#03101aed 60%,#03101a 90%)}.hero__terminal{margin:50px 0}.hero__features{grid-template-columns:1fr 1fr;margin:0 -20px;padding:20px}.project-grid{grid-template-columns:1fr}.coming-card{width:auto;max-width:820px;margin-top:18px;position:static}.tech-layout{grid-template-columns:1fr;gap:45px}.stack-terminal{justify-self:start}.tech-grid{grid-template-columns:repeat(3,1fr)}.projects-scene:after,.tech-scene:after,.about-scene:after{background:linear-gradient(#03101a94,#03101af0 72%,#03101a)}.projects-scene>.scene-bg{background-position:65% 0}.about-v3>p:not(.eyebrow){max-width:100%}footer{flex-wrap:wrap;gap:24px}footer nav{order:3;justify-content:space-between;width:100%}}@media (max-width:520px){.hero h1{font-size:clamp(37px,11vw,52px)}.hero__features{grid-template-columns:1fr}.scene-section{padding:68px 18px}.tech-grid{grid-template-columns:repeat(2,1fr)}.stack-terminal{font-size:10px}.project-card__visual{height:145px}footer nav{flex-wrap:wrap;gap:12px}.hero-photo{background-position:58%}.live-terminal{transform:none}.live-terminal:hover{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.scene-section>.scene-bg,.project-card,.tech-grid span,.stack-terminal,.about-cta{transition:none!important;animation:none!important}}html{scroll-snap-type:y mandatory;scroll-padding-top:76px}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:#03101ab8;border-bottom:1px solid #ffc52f21;max-width:none;padding-inline:max(24px,50% - 590px);position:fixed;top:0;left:0;right:0}.game-section{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;align-items:center;height:100dvh;min-height:100dvh;padding:clamp(96px,11dvh,128px) max(24px,50% - 590px) clamp(34px,6dvh,72px);display:flex;position:relative;overflow:hidden}.game-section__inner{z-index:3;width:100%;max-width:1180px;margin:0 auto;position:relative}.game-section--hero{padding-bottom:28px}.hero-v4{grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;display:grid}.hero-v4 .hero__features{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:1px solid #ffffff24;grid-column:1/-1;margin:clamp(22px,5dvh,55px) 0 0;padding:18px 0 0}.hero-v4 h1{font-family:var(--font-pixel);letter-spacing:-2px;margin:20px 0;font-size:clamp(44px,5.2vw,76px);line-height:1.13}.hero-v4 h1 span,.tech-v4 .section__title span,.about-v4 .section__title span,.contact-v4 .section__title span{color:var(--gold);text-shadow:4px 4px #6f3c26bf}.hero-v4 .hero__terminal{align-self:center;margin:0}.hero-v4 .live-terminal{background:#020b11e8;transform:perspective(900px)rotateY(-3deg);box-shadow:0 25px 60px #0006}.scene-sky{background:linear-gradient(#07192d 0%,#153752 32%,#e56c45 70%,#f5ad52 100%);position:absolute;inset:0}.scene-art--projects .scene-sky{background:linear-gradient(#04101f,#102943 46%,#d76c48 100%)}.scene-art--tech .scene-sky{background:linear-gradient(#061527,#15324b 48%,#cb6947 100%)}.scene-art--about .scene-sky{background:linear-gradient(#06121f,#14324c 42%,#f08a50 100%)}.scene-art--contact .scene-sky{background:linear-gradient(#020b18,#0a1e35 55%,#1d4050)}.scene-art:after{content:"";z-index:20;background:linear-gradient(90deg,#03101af0 0%,#03101aad 37%,#03101a29 75%),linear-gradient(#03101a24,#0000 65%,#03101ab8);position:absolute;inset:0}.scene-art--projects:after{background:linear-gradient(90deg,#03101af0,#03101aa8 48%,#03101a33),linear-gradient(#0000 55%,#03101acc)}.scene-art--contact:after{background:linear-gradient(90deg,#03101af0,#03101a9e 55%,#03101a38),linear-gradient(#0000,#03101ac7)}.scene-orb{aspect-ratio:1;background:#ffbd55;border-radius:50%;width:clamp(100px,13vw,210px);position:absolute;top:13%;right:14%;box-shadow:0 0 65px #ffa64459}.scene-art--contact .scene-orb{background:#f4e7b6;width:105px;box-shadow:0 0 45px #f4e7b640}.mountain{clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:bottom;position:absolute;bottom:17%;right:-3%}.mountain--far{opacity:.72;background:linear-gradient(145deg,#496079 0 47%,#d9c3a0 48% 51%,#334b62 52% 100%);width:56%;height:60%}.mountain--near{opacity:.92;background:linear-gradient(145deg,#243b4c 0 48%,#dca36e 49% 51%,#172d3d 52%);width:39%;height:43%;bottom:12%;right:17%}.scene-art--tech .mountain--far{width:48%;height:52%;right:18%}.scene-art--about .mountain--near{width:46%;height:48%;right:4%}.rice{background:linear-gradient(#203d2d,#0d2a26);border-top:8px solid #496c35;border-radius:50% 0 0;height:12%;position:absolute;left:32%;right:-8%;box-shadow:0 -5px #7f8b45}.rice--one{bottom:2%;transform:skew(-8deg)}.rice--two{bottom:10%;left:40%;transform:skew(-6deg)}.rice--three{bottom:18%;left:49%;transform:skew(-4deg)}.scene-art--hero .rice{opacity:.55}.temple-silhouette{z-index:8;filter:drop-shadow(0 0 10px #ffa54633);width:105px;height:180px;position:absolute;bottom:17%;right:22%}.temple-silhouette i{clip-path:polygon(50% 0,100% 65%,78% 65%,78% 100%,22% 100%,22% 65%,0 65%);background:#08131a;height:16px;margin:auto;display:block}.temple-silhouette i:first-child{width:104px}.temple-silhouette i:nth-child(2){width:82px}.temple-silhouette i:nth-child(3){width:62px}.temple-silhouette b{background:#09141b;width:38px;height:95px;margin:auto;display:block}.palm-silhouette{z-index:7;width:100px;height:250px;position:absolute;bottom:7%}.palm-silhouette--one{right:4%;transform:rotate(5deg)}.palm-silhouette--two{opacity:.7;bottom:4%;right:39%;transform:scale(.68)rotate(-6deg)}.palm-silhouette i{transform-origin:bottom;background:#07151a;border-radius:50% 50% 0 0;width:12px;height:190px;position:absolute;bottom:0;left:48%;transform:rotate(4deg)}.palm-silhouette b{transform-origin:0;background:#07151a;border-radius:100% 0;width:82px;height:22px;position:absolute;top:35px;left:45%}.palm-silhouette b:nth-of-type(2){transform:rotate(40deg)}.palm-silhouette b:nth-of-type(3){transform:rotate(130deg)}.palm-silhouette b:nth-of-type(4){transform:rotate(190deg)}.mist{filter:blur(22px);background:#d2e1e21a;border-radius:50%;width:48%;height:80px;animation:12s ease-in-out infinite alternate mistMove;position:absolute}.mist--one{bottom:27%;right:0}.mist--two{animation-delay:-6s;bottom:38%;right:24%}.pixel-stars{opacity:.42;background-image:radial-gradient(#ffe6ad 1px,#0000 1px);background-size:71px 63px;animation:5s steps(2,end) infinite stars;position:absolute;inset:0}@keyframes mistMove{to{translate:-80px 12px}}@keyframes stars{50%{opacity:.2}}.section__title{margin:14px 0 28px}.section-intro{color:#e9edf0;margin-bottom:28px}.projects-v4 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:850px}.projects-v4 .project-card{background:#041119e6;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .35s,filter .25s}.projects-v4 .project-card:hover{border-color:var(--gold);filter:saturate(1.1);transform:translateY(-12px)scale(1.018);box-shadow:0 22px 55px #0000006b,0 0 30px #ffc52f1a}.project-card a,.pixel-button,.about-cta,.submit{transition:transform .22s,box-shadow .22s,background .22s,color .22s,filter .22s}.project-card a:hover{color:#fff;transform:translate(6px)}.pixel-button:hover,.submit:hover{filter:brightness(1.08);transform:translate(-2px,-4px);box-shadow:8px 9px #82482e}.pixel-button--ghost:hover{border-color:var(--gold);color:var(--gold);box-shadow:none;background:#ffc52f1f}.coming-card{background:#041119e0;bottom:0;right:0}.tech-v4 .tech-layout{grid-template-columns:1.05fr .95fr}.tech-grid span{cursor:default;background:#041119e6}.tech-grid span:hover{color:var(--gold);transform:translateY(-9px)scale(1.07)rotate(-1deg);box-shadow:0 12px 30px #00000047}.stack-terminal{background:#020b11e8;transition:transform .3s,border-color .3s,box-shadow .3s}.stack-terminal:hover{border-color:var(--gold);transform:translateY(-9px)rotate(.3deg);box-shadow:12px 18px #00000047,0 0 35px #ffc52f14}.about-v4 .about-copy{color:#e5e9e9;max-width:540px;font-size:18px;line-height:1.75}.contact-v4 .contact-layout{max-width:940px}.contact-v4 .contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030f17e8}.field input,.field textarea{transition:border-color .2s,box-shadow .2s,transform .2s}.field input:focus,.field textarea:focus{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 0 0 3px #ffc52f1a}footer{scroll-snap-align:end;z-index:5;position:relative}@media (max-width:900px){html{scroll-padding-top:70px}.header{height:70px;padding-inline:18px}.game-section{align-items:center;height:100dvh;min-height:100dvh;padding:92px 20px 28px}.hero-v4{display:block}.hero-v4 .hero__terminal{margin-top:28px}.hero-v4 .hero__features{grid-template-columns:1fr 1fr;margin-top:25px}.hero-v4 h1{font-size:clamp(36px,10vw,54px)}.hero__lead{font-size:15px;line-height:1.55}.hero__actions{margin-top:24px}.live-terminal__body{min-height:160px}.mountain--far{width:95%;height:49%;right:-26%}.mountain--near{width:72%;height:38%;right:-22%}.scene-orb{top:16%;right:9%}.temple-silhouette{opacity:.7;right:8%}.palm-silhouette--two{display:none}.scene-art:after{background:linear-gradient(#03101aad,#03101ae0 58%,#03101af5)}.projects-v4 .project-grid{grid-template-columns:1fr 1fr}.projects-v4 .project-card__visual{height:105px}.projects-v4 .project-card__body{padding:15px}.projects-v4 .project-card h3{margin:6px 0 8px;font-size:15px}.projects-v4 .project-card p{font-size:12px;line-height:1.4}.projects-v4 .tags,.coming-card{display:none}.tech-v4 .tech-layout{grid-template-columns:1fr;gap:24px}.tech-grid{grid-template-columns:repeat(5,1fr);max-width:none}.tech-grid span{min-height:52px;font-size:10px}.stack-terminal{justify-self:start;width:100%;padding:15px}.about-v4 .about-copy{max-width:72%;font-size:15px}.contact-v4 .section__title{margin-bottom:18px}.contact-v4 .contact-layout{grid-template-columns:.7fr 1.3fr;gap:22px}.contact-copy{font-size:15px}.terminal-note{font-size:10px}.contact-form{padding:18px}}@media (max-width:600px){.game-section{padding-inline:18px}.hero-v4 .hero__terminal{margin-top:20px}.hero-v4 .hero__features{display:none}.hero-v4 h1{margin:12px 0;font-size:clamp(33px,10.5vw,47px)}.hero__code,.eyebrow{font-size:7px}.hero__actions{flex-direction:row}.hero__actions .pixel-button{padding:13px 12px;font-size:7px}.projects-v4 .project-grid{grid-template-columns:1fr}.projects-v4 .project-grid .project-card:nth-child(2){display:none}.projects-v4 .project-card__visual{height:125px}.tech-grid{grid-template-columns:repeat(3,1fr)}.tech-grid span:nth-child(n+7){display:none}.stack-terminal{font-size:9px}.about-v4 .about-copy{max-width:100%}.contact-v4 .contact-layout{grid-template-columns:1fr}.contact-v4 .contact-layout>div:first-child{display:none}.contact-v4 .section__title{font-size:clamp(23px,8vw,34px)}.form-grid{grid-template-columns:1fr}.field{margin-bottom:10px}.field textarea{min-height:70px}.scene-art--contact .mountain--far{opacity:.45}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mist,.pixel-stars,.tech-grid span{animation:none!important}.game-section *{transition-duration:.01ms!important}}.scene-art{z-index:-2;pointer-events:none;background:#04101a;position:absolute;inset:0;overflow:hidden}.scene-art__image{will-change:transform;filter:saturate(1.04)contrast(1.03);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-7%}.scene-art--hero .scene-art__image{background-image:url(/images/scenes/hero.webp);background-position:50% 48%}.scene-art--projects .scene-art__image{background-image:url(/images/scenes/projects.webp);background-position:50%}.scene-art--tech .scene-art__image{background-image:url(/images/scenes/tech.webp);background-position:50%}.scene-art--about .scene-art__image{background-image:url(/images/scenes/about.webp);background-position:50% 48%}.scene-art--contact .scene-art__image{background-image:url(/images/scenes/contact.webp);background-position:50%}.scene-art__shade{background:linear-gradient(90deg,#020a11eb 0%,#020a119e 37%,#020a112e 72%,#020a1159 100%),linear-gradient(#020a112e,#0000 58%,#020a11b8);position:absolute;inset:0}.scene-art--projects .scene-art__shade,.scene-art--tech .scene-art__shade{background:linear-gradient(90deg,#020a11e8,#020a1191 43%,#020a1140),linear-gradient(#0000 45%,#020a11b8)}.scene-art--about .scene-art__shade{background:linear-gradient(90deg,#020a11f0,#020a1199 44%,#020a112e),linear-gradient(#0000,#020a118c)}.scene-art--contact .scene-art__shade{background:linear-gradient(90deg,#020a11f0,#020a119e 50%,#020a1140),linear-gradient(#0000,#020a11b3)}.scene-art__scanlines{opacity:.12;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#ffffff0e 0 1px,#0000 1px 4px);position:absolute;inset:0}.scene-art__pixels{opacity:.13;background-image:radial-gradient(#ffc52fe6 1px,#0000 1px);background-size:97px 83px;animation:5s steps(2,end) infinite pixelTwinkle;position:absolute;inset:0}@keyframes pixelTwinkle{50%{opacity:.045}}.game-section__inner>*{transition:filter .25s}.game-section a,.game-section button,.project-card,.tech-grid span,.stack-terminal,.live-terminal,.contact-form{transform-origin:50%;will-change:transform}.live-terminal:hover{border-color:var(--gold);box-shadow:0 24px 65px #00000073,0 0 35px #ffc52f1f;transform:translateY(-7px)rotate(.25deg)!important}.header nav a{transition:color .2s,transform .2s;position:relative}.header nav a:hover{color:var(--gold);transform:translateY(-2px)}.header nav a:after{content:"";background:var(--gold);height:2px;transition:right .25s;position:absolute;bottom:-8px;left:0;right:100%}.header nav a:hover:after{right:0}.about-cta:hover{filter:brightness(1.1);transform:translate(-2px,-4px)}@media (max-width:900px){.scene-art__image{background-position:50%;background-size:auto 110%;inset:-5% -55%}.scene-art__shade{background:linear-gradient(#020a1157,#020a11cc 48%,#020a11f2)}.scene-art--hero .scene-art__image{background-position:50% 48%}.scene-art--about .scene-art__image{background-position:50%}}@media (prefers-reduced-motion:reduce){.scene-art__pixels{animation:none}.scene-art__image{transform:none!important}}.project-card__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-card__actions a{align-items:center;gap:6px;display:inline-flex}