@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Javanese:wght@400;600&display=swap');
:root{--bg:#f5f4ef;--ink:#202a26;--muted:#69716c;--green:#35654d;--line:#d9dcd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a88333;outline-offset:6px}header,main,footer{max-width:1240px;margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.5px}.dot{color:var(--green)}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a:hover{color:var(--green)}.nav-cta{border:1px solid #b6beb2;border-radius:30px;padding:12px 20px}.hero{padding:74px 44px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;gap:10px;align-items:center}.status{height:7px;width:7px;background:#578364;border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;margin:0;letter-spacing:-2.5px}h1{font-size:clamp(46px,6.6vw,82px);line-height:1.12;margin:27px 0}h1>span{color:var(--green)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-bottom p{max-width:565px;font-size:16px;line-height:1.8;color:var(--muted)}.button{background:var(--ink);color:white;border-radius:30px;padding:17px 24px;font-size:14px;white-space:nowrap;display:flex;gap:35px}.button:hover{background:var(--green)}.hero-art{height:285px;margin-top:40px;background:#e6e9de;position:relative;overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#c8cfc34d 1px,transparent 1px),linear-gradient(90deg,#c8cfc34d 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.orbit{position:absolute;width:620px;height:190px;border:1px solid #8d9f8670;border-radius:50%;transform:rotate(-20deg)}.orbit-two{transform:rotate(20deg);width:480px;height:230px}.orbit-one:after{content:'';position:absolute;left:60px;top:23px;background:#365b43;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 7px #365b4310}.art-core{font-family:Manrope,sans-serif;font-size:76px;letter-spacing:-5px;position:relative;color:#355340}.art-core span{display:block;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:4px;text-align:center}.art-label,.art-coordinate{position:absolute;font-size:10px;letter-spacing:2px;color:#60725f;bottom:24px}.art-label{left:25px}.art-coordinate{right:25px}.hero-caption{display:flex;justify-content:space-between;padding:15px 0;font-size:11px;color:var(--muted)}.hero-caption span:last-child{letter-spacing:1.5px}.works{padding:100px 44px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}h2{font-size:42px;line-height:1.2}.section-heading h2{margin-top:17px}.section-heading p{font-size:14px;line-height:1.8;color:var(--muted)}.project{border:1px solid var(--line);border-radius:8px;overflow:hidden}.cloud{display:grid;grid-template-columns:1fr 1fr;background:#eceee7}.project-content{padding:36px}.project-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.7px;color:#647363;margin-bottom:35px}.project-icon{font-size:26px}h3{font-size:34px;letter-spacing:-1.3px}.project-content p{font-size:14px;line-height:1.8;color:#647065;margin:17px 0 23px;max-width:430px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:10px;border:1px solid #cbd1c5;padding:7px 10px;border-radius:20px}.project-link{display:flex;justify-content:space-between;margin-top:38px;padding-top:19px;border-top:1px solid #cbd1c5;font-size:13px;font-weight:500}.project-link:hover{color:var(--green)}.project-visual{display:flex;align-items:center;justify-content:center;background:#dce3d7;padding:35px}.window{background:#182a24;color:#dfe9df;border-radius:9px;width:100%;max-width:410px;box-shadow:0 25px 45px #25352926;transform:rotate(-2deg);padding:18px}.window-bar{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9fb2a6;border-bottom:1px solid #ffffff15;padding-bottom:17px}.window-bar>div{display:flex;gap:5px}.window-bar i{height:6px;width:6px;background:#587060;border-radius:50%}.panel-title{padding:22px 0;font-size:17px;display:flex;align-items:center;justify-content:space-between}.panel-title>span{font-size:7px;letter-spacing:1px;color:#a0b5a4}.server{padding:15px 10px;background:#ffffff07;border:1px solid #ffffff15;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:12px}.server-symbol{font-size:23px;color:#a7bba2}.server small{display:block;font-size:9px;color:#93a79a;margin-top:5px}.server-indicator{width:6px;height:6px;background:#a4c491;border-radius:50%;margin-left:auto}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.metrics small{display:block;color:#91a699;font-size:8px;letter-spacing:1px}.metrics strong{display:block;font-size:21px;font-weight:400;margin:8px 0}.meter{background:#ffffff0b;height:3px}.meter b{display:block;width:42%;background:#aac09b;height:3px}.metrics>div:last-child b{width:64%}.terminal{font:10px/2 monospace;color:#c8dcb5;border-top:1px solid #ffffff15;padding-top:12px}.terminal>span:first-child{color:#7d9987}.cursor{animation:blink 1.5s step-end infinite}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.payment{background:#f0ede5}.email{background:#e9edf0}.mini-visual{height:235px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.payment .mini-visual{background:#e8e1d3}.email .mini-visual{background:#dfe6e9}.pay-mark{height:116px;width:116px;background:#2e3d38;border-radius:25px;transform:rotate(-10deg);box-shadow:18px 20px 0 #bab29736;display:grid;place-items:center;position:relative}.pay-mark>span{font-size:85px;font-family:Manrope,sans-serif;color:#ede5cf;font-weight:600;line-height:1;letter-spacing:-7px;margin-left:-6px}.scan-corner{position:absolute;inset:-16px;border:1px solid #a89c83;border-radius:32px}.visual-label{position:absolute;bottom:20px;font-size:9px;letter-spacing:2px;color:#728074}.mail-art{position:relative;height:145px;width:200px;display:grid;place-items:center}.mail-art>span{font-size:130px;line-height:1;font-family:Manrope,sans-serif;color:#4a6570;z-index:1}.mail-orbit{position:absolute;width:270px;height:98px;border:1px solid #879da7;transform:rotate(-30deg);border-radius:50%}.project-grid .project-top{margin-bottom:21px}.project-grid .project-content p{min-height:76px}.about{padding:70px 44px 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:55px}.uni-mark{display:flex;align-items:center;gap:16px;margin-top:40px;font:500 75px Manrope,sans-serif;color:var(--green)}.uni-mark span{font:10px/1.8 'DM Sans',sans-serif;letter-spacing:2px}.about-copy h2{margin-bottom:28px}.about-copy p{font-size:15px;line-height:1.9;color:var(--muted)}.about-details{display:flex;gap:55px;margin-top:32px;padding-top:23px;border-top:1px solid var(--line)}.about-details small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.about-details span{font-size:13px}.closing{margin:0 44px 75px;background:#243c30;color:#f0f0e2;padding:65px 50px;border-radius:7px}.closing .eyebrow{color:#b4c4b0}.closing h2{font-size:49px;margin:25px 0 34px}.closing em{font-family:Georgia,serif;font-weight:400;color:#ccd7b9}.closing-links{display:flex;gap:12px;flex-wrap:wrap}.closing-links a{border:1px solid #769078;padding:12px 18px;border-radius:25px;font-size:12px}.closing-links a:hover{background:#f0f0e2;color:#243c30}footer{padding:30px 44px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span{font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:15px;background:white;padding:15px;z-index:10}.skip:focus{top:15px}@keyframes blink{50%{opacity:0}}@media(max-width:760px){header{height:82px;padding:0 23px}nav{gap:20px;font-size:12px}.nav-cta{display:none}.hero{padding:45px 23px 0}h1{font-size:46px;letter-spacing:-2px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:15px}.hero-bottom p{font-size:14px;margin:0}.hero-art{height:225px;margin-top:30px}.art-core{font-size:64px}.orbit{width:380px}.orbit-two{width:290px;height:180px}.art-label,.art-coordinate{font-size:8px;letter-spacing:1px;bottom:18px}.art-label{left:14px}.art-coordinate{right:14px}.hero-caption{font-size:9px;gap:20px}.works{padding:65px 23px}.section-heading{display:block}.section-heading p{margin-top:20px}h2{font-size:32px;letter-spacing:-1.5px}.cloud,.project-grid{grid-template-columns:1fr}.project-content{padding:27px}.project-top{margin-bottom:25px}.project-visual{padding:30px 25px}.project-grid{gap:20px;margin-top:20px}.project-grid .project-content p{min-height:0}.mini-visual{height:210px}.about{padding:45px 23px 55px;grid-template-columns:1fr;gap:30px}.uni-mark{margin-top:20px;font-size:50px}.about-details{gap:25px;flex-wrap:wrap}.closing{margin:0 23px 45px;padding:35px 25px}.closing h2{font-size:34px}.closing-links{gap:9px}.closing-links a{font-size:11px}footer{padding:25px 23px;align-items:flex-start;flex-wrap:wrap}footer .brand{width:100%;font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}}

.javanese{font-family:"Noto Sans Javanese",sans-serif;letter-spacing:0;font-weight:600}.brand{white-space:nowrap}.contact-card{margin-top:26px;padding:22px;border:1px solid var(--line);border-radius:7px}.contact-card small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:16px}.contact-card a{display:flex;justify-content:space-between;gap:18px;font-size:14px;line-height:1.6}.contact-card a+a{margin-top:12px;font-size:12px;color:var(--muted)}.contact-card a:hover{color:var(--green)}