:root{--primary:#879679;--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}body{overflow:hidden}*{box-sizing:border-box;padding:0}*,p{margin:0}p{font-size:1.05vw}main{color:#fff;margin-top:62px}body,html,main{background:#000}body,html{color:var(--primary);max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}.navbar{padding-left:50px;padding-right:50px;z-index:5;background:#000;border-bottom:2px solid var(--primary);opacity:0}.navbar.sticky{position:fixed;top:0;left:0;right:0;display:flex;transition:transform .6s}a{color:var(--primary)}.btn-round{border-radius:100px;background:var(--primary);color:#000;padding:4px 20px}.btn-round:hover{color:var(--primary);border:1px solid var(--primary)}.scroll-down .navbar.sticky{transform:translate3d(0,-100%,0)}.scroll-up .navbar.sticky{transform:none}a.active{color:var(--primary)}.footer-brand{font-weight:800}.footer-brand,.footer-link{font-size:36px;color:var(--primary)}.footer-link{font-weight:600;opacity:.5}.footer{margin-top:5vw;padding:0 5vw 5vw;opacity:0}.footer p{font-size:larger}.landing{height:91svh;width:100%;position:relative}.video1{position:absolute;width:100%;height:90svh;z-index:0;transform:scale(1.05);opacity:0}.heading-wrapper{width:45vw;height:23vh;position:relative}.pa{background:url(/images/pa.png) no-repeat;background-size:contain;width:29vw}.pa,.pi{z-index:1;opacity:0}.pi{background:url(/images/pi.png) no-repeat;background-size:contain;width:18.3vw}.lars{background:url(/images/lars.png) no-repeat;background-size:contain;width:59vw;z-index:1;margin-top:-.7%;margin-left:.5vw;opacity:0}.path{background:url(/images/path.png) no-repeat;background-size:contain;height:2829px;width:100%;top:-63px;position:absolute;opacity:0;display:none}.logo{height:32px;width:125px}.content,.main-content{position:relative}.content{z-index:2}spline-viewer{opacity:1;z-index:0}.gradient-overlay,spline-viewer{top:96px;width:100%;height:980px;position:absolute}.gradient-overlay{background:linear-gradient(180deg,#000,transparent 35.94%,transparent 71.87%,#000);pointer-events:none;z-index:1;display:none}.about{padding-left:40px;padding-top:95px;width:48vw;transform:rotate(-3.747deg)}.about p{font-size:1.7vw}.about h2{margin-left:-43px}h2{font-size:4.7vw;position:relative}h3{font-size:36px}h4{font-size:1.6vw}.tentang-kami{position:relative}.tagline{text-align:center;opacity:0}.heading{margin:auto}.sub-heading{position:absolute;opacity:0;right:5%;top:37%}.accessories-1{right:83px;top:-52px;position:absolute;transform:scale(.7)}.animation-1{position:absolute;right:75px;top:15px}.w-85{width:29vw!important}.color-green{color:#879679!important}.section-break-small{margin-top:48px}.section-break{margin-top:56px}.section-break-2{margin-top:128px}.services{padding-right:120px;padding-left:120px}.services-title{margin-right:128px}.services-headline{transform:rotate(4.73deg)}.accessories-2{right:-82px;top:51px;position:absolute;transform:scale(.7)}.service-1,.service-2{margin-top:-64px}.service-3,.service-4{margin-top:-16px}.service-icon-1{background:url(/images/icons-smm.png) no-repeat;background-size:contain;width:100%;height:17vw}.service-icon-2{background:url(/images/icons-creative.png) no-repeat;background-size:contain;width:100%;height:21.5vw;margin-left:32px}.service-icon-3{background:url(/images/icons-website.png) no-repeat;background-size:contain;width:100%;height:22vw}.service-icon-4{background:url(/images/icons-ads.png) no-repeat;background-size:contain;width:100%;height:24.2vw}.service-text-1{margin-top:-24px;transform:rotate(-1.92deg);margin-left:24px}.service-text-2{margin-top:-96px;transform:rotate(8.199deg);margin-left:0}.service-text-3{margin-top:-120px;transform:rotate(4.698deg);margin-left:0}.service-text-4{margin-top:-140px;transform:rotate(-6.81deg);margin-left:42px}.portofolios{padding:0 70px}.portofolio-grid{display:grid;grid-template-areas:"satu satu dua dua dua tiga" "satu satu empat empat blank blank" "lima lima lima lima blank blank" "enam enam enam enam blank blank";grid-gap:30px;gap:30px;height:1435px}.portofolio-grid p{font-size:24px}.portofolio-grid>div{pointer-events:all;border:1px solid var(--primary);text-align:start;padding:20px;font-size:30px;display:flex;align-items:flex-start;flex-direction:column-reverse;transition:.5s;cursor:pointer}.portofolio-grid>div:hover{box-shadow:0 0 12px 6px hsla(91,12%,53%,.5);transform:scale(1.025)}.porto-1{grid-area:satu;background:url(/images/porto1.png) no-repeat;background-position:50%;background-size:cover}.porto-2{grid-area:dua;background:url(/images/porto2.png) no-repeat;background-position:50%;background-size:cover;padding-top:140px!important}.porto-3{grid-area:tiga;background:url(/images/porto3.png) no-repeat;background-position:50%;background-size:cover}.porto-4{grid-area:empat;background:url(/images/porto4.png) no-repeat;background-position:50%;background-size:cover}.porto-5{grid-area:lima;background:url(/images/porto5.png) no-repeat;background-position:50%;background-size:cover}.porto-6{grid-area:enam;background:url(/images/porto6.png) no-repeat;background-position:50%;background-size:cover}.contact{grid-area:blank}#contact{position:relative;flex-direction:column;border:unset;cursor:default}#contact:hover{box-shadow:0 0 0 0 hsla(91,12%,53%,.5)!important;transform:scale(1)}.animation-2{position:absolute;width:30vw;top:-10%;transform:scale(2);right:18%}.contact-title{margin-top:50vw;width:40vw}.btn-action{font-size:1.25rem;padding:16px 62px}.btn-action,.btn-action2{text-transform:uppercase;letter-spacing:1px;border-radius:2rem;color:var(--primary);border:1px solid var(--primary)}.btn-action2{font-size:1.1rem;padding:16px 32px}.btn-action:not(.btn-link).btn-outline-green:hover{background:transparent;border-color:var(--primary)}.btn-action.btn-outline-green:focus,.btn.btn-outline-green:hover{color:#000}.btn-action.btn-outline-green:focus,.btn.btn-outline-green:hover,.btn.btn-white:focus,.btn.btn-white:hover{background-color:var(--primary);border-color:var(--primary)}.hover-blockRight.btn-outline-green:hover{background:transparent;border-color:var(--primary)}.btn-action:not(:disabled):not(.disabled){cursor:pointer}.btn-action.btn-outline-green{overflow:hidden;z-index:1;border-color:var(--primary)}.btn-action:not(.btn-link){position:relative;transition:all .2s cubic-bezier(.55,.085,.68,.53)}.btn-outline-green:hover{color:#191919;background-color:var(--primary);border-color:var(--primary)}.btn-action:hover{color:#000;text-decoration:none}.btn-action:not(.btn-link):hover:not(:disabled) .el-block{transform:scaleX(1);transform-origin:0 50%;transition-timing-function:ease}.btn-action:not(.btn-link).btn-outline-green .el-block{background:var(--primary);width:calc(100% + 1px)}.hover-blockRight:hover:not(:disabled) .el-block{transform:scaleX(1);transform-origin:0 50%;transition-timing-function:ease}.btn-action.btn-outline-green .el-block{z-index:-1;border-radius:2rem}.btn-action:not(.btn-link) .el-block{position:absolute;top:0;left:0;width:100%;height:100%;bottom:0;will-change:transform,background-color;transform:scaleX(0);transform-origin:100% 50%;transition:transform .35s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.btn-action .el-loader,.inside-content{display:none}#menuToggle{display:flex;flex-direction:column;position:fixed;top:25px;left:25px;z-index:3;-webkit-user-select:none;-moz-user-select:none;user-select:none}#menuToggle input{display:flex;width:40px;height:32px;position:absolute;cursor:pointer;opacity:0;z-index:4}#menuToggle span{display:flex;width:29px;height:3px;margin-bottom:5px;position:relative;background:var(--primary);border-radius:3px;z-index:3;transform-origin:5px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#36383f}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(1px,-1px)}#menu{z-index:2;position:fixed;width:80%;height:100%;box-shadow:0 0 10px rgba(0,0,0,.25);margin:-50px 0 0 -50px;padding:75px 50px 50px;background-color:#f5f6fa;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu div{font-size:larger;padding:10px 0;transition-delay:2s}#menuToggle input:checked~ul{transform:none}.navbar-mobile{z-index:99;width:100%;height:65px;position:fixed;background-color:#000;border-bottom:1px solid var(--primary)}.mobile-content{padding:14px 20px}@media screen and (max-width:500px){.btn-action{padding:8px 36px}.video1{height:28svh}.landing{height:30svh}.heading-wrapper{height:40px}h3{font-size:18px}h2{font-size:24px;margin:0}p{font-size:11px}h4{font-size:14px}.lars{margin-top:-.38vw}.footer p{font-size:small}.footer-brand,.footer-link{font-size:24px}.about{transform:rotate(0deg);padding-top:12px;padding-left:0;width:100%}.about p{font-size:14px}.about h2{font-size:24px;margin-left:0}.accessories-1{left:63px;top:-51px;position:absolute;transform:scale(.3)}.services{padding-right:0;padding-left:0}.services-title{margin-right:0}.services-headline{transform:rotate(0deg)}.accessories-2{left:-115px;top:-13px;position:absolute;transform:scale(.2) rotate(355deg)}.service-1,.service-2,.service-3,.service-4{display:flex;margin-top:0}.section-break{margin-top:24px}.service-icon-1{height:35vw}.service-icon-2{height:35vw;margin-left:0}.service-icon-3,.service-icon-4{height:35vw}.service-text-1,.service-text-2,.service-text-3,.service-text-4{margin-top:0;transform:rotate(0deg);margin-left:0}.porto-1{height:40vw;width:40vw}.porto-1 .text{padding-left:12px;padding-top:110px}.porto-2{height:40vw;width:40vw;padding-top:0!important}.porto-2 .text{padding-left:12px;padding-top:110px}.porto-3{height:40vw;width:40vw}.porto-3 .text{padding-left:12px;padding-top:110px}.porto-4{height:40vw;width:40vw}.porto-4 .text{padding-left:12px;padding-top:110px}.porto-5{height:40vw;width:40vw}.porto-5 .text{padding-left:12px;padding-top:110px}.porto-6{height:40vw;width:40vw}.porto-6 .text{padding-left:12px;padding-top:110px}.contact-title{margin-top:50vw;width:auto}.animation-2{width:40vw;top:-120%;transform:scale(2);right:30%}.footer{opacity:1}}@font-face{font-family:__futura_34ab4e;src:url(/_next/static/media/02ef3e2cdeb4160b-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:__futura_Fallback_34ab4e;src:local("Arial");ascent-override:103.38%;descent-override:25.32%;line-gap-override:0.00%;size-adjust:93.14%}.__className_34ab4e{font-family:__futura_34ab4e,__futura_Fallback_34ab4e}@font-face{font-family:__futuraMD_e7ec79;src:url(/_next/static/media/8390de8616ea399b-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:__futuraMD_Fallback_e7ec79;src:local("Arial");ascent-override:93.49%;descent-override:22.90%;line-gap-override:0.00%;size-adjust:103.00%}.__className_e7ec79{font-family:__futuraMD_e7ec79,__futuraMD_Fallback_e7ec79}