@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f7f0;--ink:#1c2722;--muted:#657068;--green:#d3ed8c;--line:#d9dfd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1440px;margin:auto}header{height:110px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-2px}.brand span{font-size:13px;vertical-align:top;margin-left:3px}nav,.right{display:flex;align-items:center;gap:32px}nav{font-size:14px}.right{gap:26px}.language{display:flex;gap:8px;font-size:12px;align-items:center}.language button{border:0;background:none;padding:7px 3px;color:#7f877d}.language .active{font-weight:700;color:var(--ink)}.contact{border:1px solid var(--ink);padding:13px 20px;border-radius:30px;font-size:13px}section{padding:85px 6%}.hero{padding-top:66px;padding-bottom:66px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6a8f38;margin-right:7px}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;margin:0;letter-spacing:-3px}h1{font-size:clamp(52px,6.8vw,98px);line-height:1.09;margin-top:30px}em{font-style:normal;color:#738557}h1 em{background:linear-gradient(transparent 77%,var(--green) 0);color:inherit}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:30px}.hero-bottom>div:first-child{max-width:430px}p{color:var(--muted);font-size:15px;line-height:1.85}.button{display:inline-block;padding:17px 24px;background:var(--ink);color:white;border-radius:30px;font-size:13px;margin-top:16px}.button:hover{background:#445b39}.orbit{height:140px;width:140px;border:1px solid #bac8a9;border-radius:50%;display:grid;place-items:center;transform:rotate(-15deg)}.orbit span{font-size:150px;line-height:1;color:#869d64}.hero-note{font-size:10px;letter-spacing:1.2px;line-height:1.8}.tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 6%;display:flex;align-items:center;justify-content:space-between;gap:22px}.tools>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.tools b{font-size:19px;font-weight:500}.section-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:28px}h2{font-size:clamp(35px,4vw,57px);line-height:1.2;letter-spacing:-2px}.empty-work{margin-top:42px;display:grid;grid-template-columns:1.45fr 1fr;gap:60px;align-items:center;background:#e9ecdf;padding:48px;border-radius:4px}.window{background:var(--paper);box-shadow:0 15px 25px #24352614;transform:rotate(-3deg);border:1px solid #c6cbbb;border-radius:8px;overflow:hidden}.window-bar{font-size:8px;color:#a9afa2;border-bottom:1px solid #ddd;padding:12px}.window-bar span{margin-left:30px;letter-spacing:2px}.window-body{padding:33px}.window-body small{font-size:8px;letter-spacing:1.2px}.window-body strong{font-family:Manrope,sans-serif;display:block;font-size:35px;line-height:1.2;letter-spacing:-1.5px;margin:20px 0}.mock-line{height:6px;background:#aab992;width:65%}.mock-blocks{display:flex;gap:10px;margin-top:28px}.mock-blocks span{width:33%;height:60px;background:#d9e5c0}.mock-blocks span:nth-child(2){background:#a4b88a}.mock-blocks span:nth-child(3){background:#6e805a}h3{font-size:30px;line-height:1.3;letter-spacing:-1px}.pill{display:inline-block;font-size:9px;letter-spacing:1px;border:1px solid #abb79a;border-radius:30px;padding:8px 12px;margin-bottom:20px}.empty-work p{font-size:13px}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line)}.services article{padding:30px 32px 0 0}.services article+article{border-left:1px solid var(--line);padding-left:32px}.services article>span{display:block;color:#70845a;font-size:12px;margin-bottom:38px}.services p{font-size:14px;min-height:110px}.services small{font-size:9px;letter-spacing:1px}.about{display:grid;grid-template-columns:.85fr 1.2fr;gap:100px;border-top:1px solid var(--line)}.monogram{background:var(--green);min-height:330px;display:flex;align-items:center;justify-content:center;font-size:160px;letter-spacing:-15px;font-family:Manrope,sans-serif;position:relative}.monogram span{position:absolute;top:22px;right:30px;font-size:44px;letter-spacing:0}.about h2{margin-top:24px}.signature{display:block;font-size:24px;margin-top:25px;font-family:Georgia,serif;font-style:italic}.cta{background:var(--ink);color:var(--paper);padding-top:65px;padding-bottom:65px}.cta h2{margin-top:26px}.cta em{color:var(--green)}.cta p{color:#bac6b5;font-size:13px;margin-top:30px}footer{display:flex;justify-content:space-between;align-items:center;padding:32px 6%;font-size:11px}a:focus-visible,button:focus-visible{outline:3px solid #73943d;outline-offset:5px}@media(max-width:760px){header{height:85px;padding:0 6%}nav{display:none}.contact{display:none}.right{gap:12px}section{padding:55px 6%}h1{font-size:54px;letter-spacing:-3px}.hero-note{display:none}.orbit{width:85px;height:85px;flex-shrink:0}.orbit span{font-size:95px}.hero-bottom{gap:18px}.hero-bottom p{font-size:13px}.tools{flex-wrap:wrap;justify-content:flex-start}.tools>span:first-child{width:100%}.tools b{font-size:16px}.tools-end{display:none}.section-top>span:last-child:not(:first-child){display:none}.empty-work{grid-template-columns:1fr;padding:27px;gap:35px}.services{grid-template-columns:1fr}.services article,.services article+article{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.services article>span{margin-bottom:15px}.services p{min-height:0}.about{grid-template-columns:1fr;gap:35px}.monogram{min-height:250px;font-size:130px}footer .brand{font-size:25px}footer{gap:18px;font-size:9px}.window-body strong{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:42px}.project-image{position:relative;overflow:hidden;border-radius:5px;background:#e6ebdf}.project-image img{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:cover;transition:transform .4s}.project-image:hover img{transform:scale(1.025)}.demo-label{position:absolute;bottom:18px;left:18px;background:#ffffffd9;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:1px}.project-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px}.project-title h3{font-size:27px}.project-link{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:22px}.project small{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.project p{font-size:14px}.demo-note{font-size:11px;color:var(--muted)}.contact-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}.cta .button{background:var(--green);color:var(--ink)}.cta .button.light{background:transparent;border:1px solid #819079;color:white}.language a{padding:6px}html[lang=id] .language a[lang=id],html[lang=en] .language a[lang=en]{font-weight:bold;border-bottom:1px solid var(--ink)}.hero h1{max-width:1000px}.hero h1 br:last-of-type+em{color:var(--ink)}@media(max-width:700px){.projects{grid-template-columns:1fr;gap:40px}footer{flex-wrap:wrap}.contact-links .button{font-size:12px}}
@media(max-width:1000px){.hero-note{display:none}}