.margin{padding:24px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.heroSection{background:linear-gradient(0deg,#fff,#d3ffe2 10.000000149011612%,#789aff);border-radius:12px;padding:80px 48px;display:flex;flex-direction:row;align-items:center;justify-content:center;align-self:stretch;flex:1;position:relative}.heroSection .clockContainer{position:absolute;top:16px;right:16px}.heroSection .clockContainer .time{text-align:center;font-family:Orbitron;font-size:20px;line-height:24px;user-select:none}.heroSection .clockContainer .noteTime{text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;user-select:none;opacity:.5}.textContainer{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:flex-start;position:relative;max-width:557px}.textContainer .headingContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.headingContainer h1{text-align:left;font-family:Plus Jakarta Sans;font-size:64px;line-height:80px;letter-spacing:-2px}.headingContainer .row{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;position:relative}.headingContainer .row .off{color:#12121280;font-weight:400;user-select:none}.headingContainer .row .on{color:#121212;font-weight:600;cursor:url(/pointer.png),auto}.textContainer .subheadingContainer{color:#121212;text-align:center;font-family:Plus Jakarta Sans;font-size:24px;line-height:32px;font-weight:400;max-width:100%;width:100%;white-space:normal;word-wrap:break-word}.textContainer .headingContainer .floating{position:absolute;background:#fff;border-radius:10px;padding:2px;display:flex;box-shadow:0 8px 24px -4px #18274b14,0 6px 12px -6px #18274b1f;transform-origin:0 0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,transform .5s ease-in-out}.textContainer .headingContainer .floating img{border-radius:8px;user-select:none}.textContainer .headingContainer .floating.rotate-left{transform:scale(.8) rotate(-8deg);transition:scale .3s ease-in-out}.textContainer .headingContainer .floating.rotate-right{transform:scale(.8) rotate(8deg);transition:scale .3s ease-in-out}.textContainer .headingContainer:hover .floating.rotate-left{opacity:1;visibility:visible;pointer-events:auto;animation:pop-in-left .3s cubic-bezier(.175,.885,.32,1.275) forwards,float-left 4s ease-in-out infinite .3s;animation-fill-mode:forwards,none;transform-origin:center}.textContainer .headingContainer:hover .floating.rotate-right{opacity:1;visibility:visible;pointer-events:auto;animation:pop-in-right .3s cubic-bezier(.175,.885,.32,1.275) forwards,float-right 4s ease-in-out infinite .3s;animation-fill-mode:forwards,none;transform-origin:center}@keyframes float-left{0%,5%,95%,to{transform:translateY(0) rotate(-8deg)}45%,55%{transform:translateY(-10px) rotate(-8deg)}}@keyframes float-right{0%,5%,95%,to{transform:translateY(0) rotate(8deg)}45%,55%{transform:translateY(-10px) rotate(8deg)}}@keyframes pop-in-left{0%{transform:scale(.8) rotate(-8deg)}50%{transform:scale(1.05) rotate(-8deg)}to{transform:scale(1) rotate(-8deg)}}@keyframes pop-in-right{0%{transform:scale(.8) rotate(8deg)}50%{transform:scale(1.05) rotate(8deg)}to{transform:scale(1) rotate(8deg)}}#akbar{top:0;right:40px;animation-duration:.3s,4s!important;animation-delay:0s,.3s!important}#akbar2{top:-40px;left:240px;animation-duration:.4s,3.5s!important;animation-delay:0s,.3s!important}#karirlink{top:95px;right:-10px;animation-duration:.5s,4.5s!important;animation-delay:0s,.3s!important}#maleo{top:120px;left:30px;animation-duration:.6s,3.8s!important;animation-delay:0s,.3s!important}#indonesia{top:190px;right:-60px;animation-duration:.7s,4.2s!important;animation-delay:0s,.3s!important}#bali{top:205px;left:95px;animation-duration:.8s,3.6s!important;animation-delay:0s,.3s!important}@media (max-width: 420px){.headingContainer h1{font-size:36px;line-height:48px}#baliIDN{text-wrap:nowrap}.textContainer .subheadingContainer{font-size:16px;line-height:24px}#akbar{top:-20px;right:-15px}#akbar2{top:-25px;left:100px}#karirlink{top:55px;right:-30px}#maleo{top:55px;left:-25px}#indonesia{top:140px;right:-30px}#bali{top:125px;left:20px}.heroSection .clockContainer{display:none}}@media (min-width: 421px) and (max-width: 768px){.heroSection{padding:60px 32px}.headingContainer h1{font-size:48px;line-height:60px}.textContainer .subheadingContainer{font-size:20px;line-height:28px}.heroSection .clockContainer{top:12px;right:12px}.heroSection .clockContainer .time{font-size:18px;line-height:22px}.heroSection .clockContainer .noteTime{font-size:12px;line-height:14px}#akbar{top:-10px;right:20px}#akbar2{top:-30px;left:180px}#karirlink{top:75px;right:-20px}#maleo{top:90px;left:10px}#indonesia{top:165px;right:-40px}#bali{top:165px;left:60px}}.headerSection{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;position:relative}.headerSection .num{color:#5b659a;text-align:left;font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:400;user-select:none}.headerSection .title{color:#030f49;text-align:left;font-family:Plus Jakarta Sans;font-size:24px;line-height:40px;letter-spacing:-.2px;font-weight:400}@media (max-width: 420px){.headerSection .num{font-size:14;line-height:16px}.headerSection .title{font-size:20px;line-height:24px}}.portfolioItem{border-radius:12px;position:relative;width:100%;height:500px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.portfolioItem .background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:12px;-webkit-user-drag:none;user-select:none;transition:transform .3s ease}.portfolioItem:hover .background-image{transform:scale(1.05)}.content-wrapper{padding:30px;box-sizing:border-box}.portfolioItem .content-wrapper .container{position:relative;z-index:1;width:max-content;max-width:100%;display:flex;flex-direction:column;gap:16px}.contentContainer{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:flex-start;position:relative}.contentContainer .platformName{color:#fff;text-align:left;font-family:Plus Jakarta Sans;font-size:18px;line-height:24px;font-weight:400}.contentContainer .title{color:#fff;text-align:left;font-family:Plus Jakarta Sans;font-size:28px;line-height:32px;letter-spacing:-.2px;font-weight:600}.portfolioItem .container a{width:min-content;background:#fff;border-radius:99px;padding:12px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;position:relative;box-shadow:0 30px 30px -3.75px #0000000d,0 13.65px 13.65px -3.12px #0000001c,0 6.87px 6.87px -2.5px #0000001f,0 3.62px 3.62px -1.88px #00000024,0 1.81px 1.81px -1.25px #00000024,0 .71px .71px -.62px #00000026;cursor:url(/pointer.png),auto;transition:transform .3s ease;color:#121212;text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:600;text-wrap:nowrap;user-select:none;text-decoration:none}.portfolioItem .container a:hover{transform:scale(1.05)}.coming-soon-badge{width:min-content;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:12px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;position:relative;color:#fff;text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:600;text-wrap:nowrap;user-select:none;opacity:.9}@media (max-width: 420px){.content-wrapper{padding:16px}.contentContainer .platformName{font-size:14px;line-height:16px;font-weight:400}.contentContainer .title{font-size:24px;line-height:32px}.coming-soon-badge{padding:10px 14px;font-size:13px}}@media (min-width: 421px) and (max-width: 768px){.portfolioItem{height:400px}.content-wrapper{padding:24px}.contentContainer .platformName{font-size:16px;line-height:20px}.contentContainer .title{font-size:26px;line-height:30px}.portfolioItem .container a,.coming-soon-badge{padding:10px 14px;font-size:13px}}.portfolioSection{padding:48px 120px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;position:relative}.portfolioSection .portfolioList{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,576px),1fr));gap:48px;width:100%;position:relative}.pagination-dots{display:none;gap:8px;justify-content:center;width:100%}.pagination-dots .dot{width:8px;height:8px;border-radius:50%;background:#d9d9d9;transition:all .3s ease}.pagination-dots .dot.active{width:24px;border-radius:99px}.pagination-dots .dot:nth-child(1).active{background:#121212}.pagination-dots .dot:nth-child(2).active{background:#121212}.pagination-dots .dot:nth-child(3).active{background:#1e45fa}.pagination-dots .dot:nth-child(4).active{background:#f15a25}@media (max-width: 420px){.portfolioSection{padding:48px 24px}.portfolioSection .portfolioList{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:12px}.portfolioSection .portfolioList::-webkit-scrollbar{display:none}.portfolioSection .portfolioList::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.portfolioSection .portfolioList>*{flex:0 0 calc(100% - 48px);scroll-snap-align:start}.pagination-dots{display:flex}}@media (min-width: 421px) and (max-width: 768px){.portfolioSection{padding:48px}.portfolioSection .portfolioList{gap:32px}.portfolioSection .portfolioList{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}}.designSection{background:#f6f5f6;padding:48px 120px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;position:relative}.designSection p{color:#121212;text-align:left;font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:400}.designSection a{width:min-content;background:#fff;border-radius:99px;border:.8px solid #12121224;padding:12px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;position:relative;cursor:url(/pointer.png),auto;transition:transform .3s ease;color:#121212;text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:600;text-wrap:nowrap;user-select:none;text-decoration:none}.designSection a:hover{transform:scale(1.05)}.designSection .sliderContainer{width:100%;overflow:hidden;position:relative;padding:8px 0}.designSection .sliderContainer .gradientOverlay{position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.designSection .sliderContainer .gradientOverlay.left{left:0;background:linear-gradient(to right,#f6f5f6 0%,transparent 100%)}.designSection .sliderContainer .gradientOverlay.right{right:0;background:linear-gradient(to left,#f6f5f6 0%,transparent 100%)}.designSection .sliderContainer .sliderTrack{display:flex;position:relative;animation:scroll 40s linear infinite}.designSection .sliderContainer .sliderTrack .slide{flex:0 0 auto;width:300px;margin:0 1rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-2400px - 16rem))}}.designSection .sliderContainer .sliderTrack .slide img{width:100%;height:200px;object-fit:cover;border-radius:12px;cursor:url(/pointer.png),auto;transition:transform .3s ease;border:.8px solid #12121224}.designSection .sliderContainer .sliderTrack .slide img:hover{transform:scale(1.05)}.designSection .sliderContainer .sliderTrack:hover{animation-play-state:paused}@media (max-width: 420px){.designSection{padding:48px 24px}.designSection .sliderContainer .sliderTrack .slide{width:240px;margin:0 .5rem}.designSection .sliderContainer .sliderTrack .slide img{height:160px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-1680px - 7rem))}}}.job{background:#fff;border-radius:100px;border:.8px solid rgba(18,18,18,.08);padding:16px 20px 16px 16px;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;position:relative}.job .companyLogo{background:#fff;border-radius:12px;width:60px;height:60px;aspect-ratio:1/1;user-select:none;-webkit-user-drag:none}.job .textContainer{width:100%;min-width:200px;display:flex;gap:4px;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.job .textContainer .companyName{color:#121212;text-align:left;font-family:Plus Jakarta Sans;font-size:18px;line-height:24px;font-weight:700;text-wrap:nowrap}.job .textContainer .jobTitle{color:#414141;text-align:left;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:500;text-wrap:nowrap}.aboutSection{padding:48px 120px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;position:relative}.aboutSection .container{display:flex;flex-direction:row;gap:48px;align-items:flex-start;justify-content:flex-start;position:relative}.aboutSection .container .aboutContainer{width:100%;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.aboutSection .container .aboutContainer p{color:#121212;text-align:left;font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:400}.aboutSection .container .aboutContainer a{width:min-content;background:#fff;border-radius:99px;border:.8px solid #12121224;padding:12px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;position:relative;cursor:url(/pointer.png),auto;transition:transform .3s ease;color:#121212;text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:600;text-wrap:nowrap;user-select:none;text-decoration:none}.aboutSection .container .aboutContainer a:hover{transform:scale(1.05);background:#f9f9f9}.aboutSection .container .experienceContainer{width:500px;height:210px;display:flex;flex-direction:row;gap:16px;align-items:flex-start;justify-content:flex-start;position:relative}.aboutSection .container .experienceContainer .experienceWrapper{flex:1;height:100%;display:flex;flex-direction:column;gap:16px;overflow:hidden;pointer-events:none;user-select:none;scroll-snap-type:y mandatory;>*{scroll-snap-align:start;scroll-snap-stop:always}}.aboutSection .container .experienceContainer .scrollIndicator{display:flex;flex-direction:column;gap:8px;padding:8px 0}.aboutSection .container .experienceContainer .scrollIndicator .indicatorDot{width:8px;height:8px;border-radius:50%;background:#d9d9d9;transition:all .3s ease}.aboutSection .container .experienceContainer .scrollIndicator .indicatorDot.active{height:24px;border-radius:99px}.aboutSection .container .experienceContainer .scrollIndicator .indicatorDot[data-index="0"].active,.aboutSection .container .experienceContainer .scrollIndicator .indicatorDot[data-index="1"].active{background:#121212}.aboutSection .container .experienceContainer .scrollIndicator .indicatorDot[data-index="2"].active{background:#60b9b6}.aboutSection .container .experienceContainer .scrollIndicator .indicatorDot[data-index="3"].active{background:#ed2427}.aboutContainer .buttonContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}@media (max-width: 420px){.aboutSection{padding:48px 24px}.aboutSection .container{flex-direction:column}.aboutSection .container .experienceContainer{width:100%;height:auto;gap:8px}.aboutSection .container .experienceContainer .experienceWrapper{pointer-events:auto;overflow:visible;height:auto}.aboutSection .container .experienceContainer .scrollIndicator{display:none}.aboutContainer .buttonContainer{flex-direction:column;width:100%}.aboutContainer .buttonContainer a{width:100%;justify-content:center}}.projectSection{background:#f6f5f6;padding:48px 120px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;position:relative}.projectSection p{color:#121212;text-align:left;font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:400}.projectSection a{width:min-content;background:#fff;border-radius:99px;border:.8px solid #12121224;padding:12px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;position:relative;cursor:url(/pointer.png),auto;transition:transform .3s ease;color:#121212;text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:600;text-wrap:nowrap;user-select:none;text-decoration:none}.projectSection a:hover{transform:scale(1.05)}.projectGrid{display:flex;overflow-x:auto;gap:24px;width:100%;padding:4px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.projectGrid::-webkit-scrollbar{display:none}@media (min-width: 769px){.projectGrid{scrollbar-width:thin;scrollbar-color:rgba(18,18,18,.2) transparent}.projectGrid::-webkit-scrollbar{display:block;height:6px}.projectGrid::-webkit-scrollbar-track{background:transparent}.projectGrid::-webkit-scrollbar-thumb{background:#12121233;border-radius:3px}.projectGrid::-webkit-scrollbar-thumb:hover{background:#12121266}}@media (min-width: 421px) and (max-width: 768px){.projectSection{padding:48px 60px}.projectGrid{gap:20px;scroll-snap-type:x mandatory}.projectGrid>*{scroll-snap-align:start;flex-shrink:0}}@media (max-width: 420px){.projectSection{padding:48px 24px}.projectGrid{gap:16px;scroll-snap-type:x mandatory;scroll-padding-left:24px}.projectGrid>*{scroll-snap-align:start;flex-shrink:0}.projectGrid:after{content:"";padding-right:24px;flex-shrink:0}}.indonesia-text[data-astro-cid-wvdybf5w]{color:#121212;font-family:Plus Jakarta Sans;font-size:14px;line-height:20px}footer[data-astro-cid-wvdybf5w]{padding:24px;text-align:center;background:#fff;position:relative;display:flex;justify-content:center;flex-direction:column}footer[data-astro-cid-wvdybf5w] p[data-astro-cid-wvdybf5w]:not(.note){color:#121212!important;font-family:Plus Jakarta Sans!important;font-size:14px!important;line-height:20px!important}.location-tooltip[data-astro-cid-wvdybf5w]{position:relative;display:inline-block;color:#2563eb;font-weight:600;border-bottom:1px dotted #2563eb;transition:all .2s ease;cursor:url(/pointer.png),auto}.location-tooltip[data-astro-cid-wvdybf5w]:hover{color:#1d4ed8}.tooltip-content[data-astro-cid-wvdybf5w]{visibility:hidden;opacity:0;position:absolute;top:-8px;left:50%;transform:translate(-50%) translateY(-100%);background:#fff;border:1px solid rgba(18,18,18,.08);border-radius:12px;padding:16px;width:280px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;transition:all .3s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(10px);pointer-events:none}.location-tooltip[data-astro-cid-wvdybf5w]:hover .tooltip-content[data-astro-cid-wvdybf5w],.tooltip-content[data-astro-cid-wvdybf5w].show{visibility:visible;opacity:1;transform:translate(-50%) translateY(-100%) translateY(-8px);pointer-events:auto}.tooltip-content[data-astro-cid-wvdybf5w]:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}.tooltip-header[data-astro-cid-wvdybf5w]{margin-bottom:12px;text-align:left}.tooltip-header[data-astro-cid-wvdybf5w] h4[data-astro-cid-wvdybf5w]{font-family:Plus Jakarta Sans;font-size:14px;font-weight:700;color:#121212;margin-bottom:4px;line-height:1.3}.tooltip-header[data-astro-cid-wvdybf5w] p[data-astro-cid-wvdybf5w]{font-size:12px;color:#6b7280;margin:0}.tooltip-image[data-astro-cid-wvdybf5w]{margin-bottom:12px;border-radius:8px;overflow:hidden}.tooltip-image[data-astro-cid-wvdybf5w] img[data-astro-cid-wvdybf5w]{width:100%;height:120px;object-fit:cover;display:block}.tooltip-footer[data-astro-cid-wvdybf5w]{text-align:left}.maps-link[data-astro-cid-wvdybf5w]{display:inline-block;background:#2563eb;color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;transition:background-color .2s ease;margin-bottom:8px;cursor:url(/pointer.png),auto;font-family:Plus Jakarta Sans}.maps-link[data-astro-cid-wvdybf5w]:hover{background:#1d4ed8}.note[data-astro-cid-wvdybf5w]{font-size:11px;color:gray;font-style:italic;margin:0;font-family:Plus Jakarta Sans}@media (max-width: 768px){.tooltip-content[data-astro-cid-wvdybf5w]{width:260px}.location-tooltip[data-astro-cid-wvdybf5w]:hover .tooltip-content[data-astro-cid-wvdybf5w],.tooltip-content[data-astro-cid-wvdybf5w].show{transform:translate(-50%) translateY(-100%) translateY(-8px)}}@media (max-width: 420px){.tooltip-content[data-astro-cid-wvdybf5w]{width:240px;padding:12px}.tooltip-image[data-astro-cid-wvdybf5w] img[data-astro-cid-wvdybf5w]{height:100px}}