body:has(.studio-design){background:var(--studio-light);overflow-x:clip}:root{--studio-blue:#19a7ce;--studio-light:color-mix(in srgb, var(--studio-blue) 5%, white);--studio-dark:#282828;--studio-cream:var(--studio-light);--studio-ivory:var(--studio-light);--studio-sand:var(--studio-light);--studio-charcoal:var(--studio-dark);--studio-espresso:var(--studio-charcoal);--studio-taupe:color-mix(in srgb, var(--studio-dark) 78%, var(--studio-light));--studio-bronze:var(--studio-blue);--studio-bronze-light:var(--studio-blue);--studio-border-light:color-mix(in srgb, var(--studio-blue) 28%, var(--studio-light));--studio-border-dark:color-mix(in srgb, var(--studio-blue) 35%, var(--studio-dark));--studio-surface-dark:color-mix(in srgb, var(--studio-light) 5%, var(--studio-dark));--studio-muted-dark:color-mix(in srgb, var(--studio-light) 82%, var(--studio-dark))}.studio-design{--studio-ink:var(--studio-espresso);--studio-muted:var(--studio-taupe);--studio-accent:var(--studio-bronze);--studio-accent-ink:var(--studio-dark);--studio-line:var(--studio-border-light);--studio-card:var(--studio-ivory);--studio-gutter:max(24px, calc((100vw - 1120px) / 2));background:var(--studio-cream);color:var(--studio-ink);font-family:var(--font-studio), Arial, Helvetica, sans-serif}.studio-design ::selection{background:var(--studio-blue);color:var(--studio-dark)}html:has(.studio-design)::-webkit-scrollbar-track{background:var(--studio-light)}html:has(.studio-design)::-webkit-scrollbar-thumb{background:var(--studio-blue)}.studio-design .font-mono{font-family:inherit}.studio-design h1,.studio-design h2,.studio-design h3{letter-spacing:-.035em;text-wrap:balance;font-weight:400}.studio-design p{text-wrap:pretty}.studio-design main>section:not(.studio-hero),.studio-design>footer{padding:clamp(72px, 9vw, 132px) var(--studio-gutter);border:0;scroll-margin-top:100px}.studio-design main>section>.max-w-7xl,.studio-design>footer>.max-w-7xl{max-width:1120px}.studio-design main>section h2{font-size:clamp(32px,4vw,52px);line-height:1.12}.studio-design main>section h3{line-height:1.2}.studio-design .eyebrow-text{letter-spacing:.06em;font-size:11px;font-weight:500}.studio-design :is([data-purpose=featured-projects-section],[data-purpose=process-steps-section],[data-purpose=footer-and-contact],[data-purpose=consultation-intro],[data-purpose=principal-statement],[data-purpose=project-modal],[data-purpose=inquiry-modal]){--studio-ink:var(--studio-ivory);--studio-muted:var(--studio-muted-dark);--studio-accent:var(--studio-bronze-light);--studio-accent-ink:var(--studio-blue);--studio-line:var(--studio-border-dark);--studio-card:var(--studio-surface-dark);color:var(--studio-ink)}.studio-design :is([data-purpose=featured-projects-section],[data-purpose=process-steps-section],[data-purpose=footer-and-contact],[data-purpose=consultation-intro]){background:var(--studio-espresso)}.studio-design [data-purpose=testimonials-section]{background:var(--studio-ivory)}.studio-design [data-purpose=about-studio],.studio-design [data-purpose=education-teaser]{background:var(--studio-sand)}.studio-design [data-purpose=studio-services]{background:var(--studio-cream)}.studio-design [data-purpose=consultation-intro]{text-align:left}.studio-design :is([class*="text-[#1E1714]"],[class*="text-[#1C1815]"],[class*="text-[#2E241E]"]){color:var(--studio-ink)}.studio-design :is([class*="text-[#66584E]"],[class*="text-[#5C4D42]"],[class*="text-[#8A796D]"],[class*="text-[#A8988B]"],[class*="text-[#D4C8BC]"],[class*="text-[#D5CBC1]"],[class*="text-[#D8C7B5]"],[class*="text-[#EAE2D8]"],[class*="text-[#C4B5A5]"]){color:var(--studio-muted)}.studio-design :is(.text-white,[class*="text-[#FAF6F0]"],[class*="text-[#FAF7F2]"],[class*="text-[#EADBCE]"]){color:var(--studio-ivory)}.studio-design :is([class*="text-[#C89B5C]"],[class*="text-[#E0BE5B]"],[class*="text-[#B08038]"]){color:var(--studio-accent-ink)}.studio-design :is([class*="border-[#E8E2D6]"],[class*="border-[#DCD5C9]"],[class*="border-[#382C24]"],[class*="border-[#2D231D]"],[class*="border-[#3A2D25]"],[class*="border-[#2A201A]"],[class*="border-[#2C211B]"],[class*="border-[#C89B5C]"]),.studio-design :is([class*="border-[#45362C]"],[class*="border-[#EFEAE1]"],[class*="border-[#4A392F]"],[class*="border-[#3D3028]"]){border-color:var(--studio-line)}.studio-design :is([class*="bg-[#FFFDF9]"],[class*="bg-[#FAF7F2]"],[class*="bg-[#FAF6F0]"],[class*="bg-[#241C17]"],[class*="bg-[#221B17]"],[class*="bg-[#221B16]"]),.studio-design [class*="bg-[#32251D]"],.studio-design :is([class~="bg-[#2A1F19]"],[class~="bg-[#EAE3D6]"]){background-color:var(--studio-card)}.studio-design [class~="bg-[#191412]/85"]{background:color-mix(in srgb, var(--studio-charcoal) 85%, transparent)}.studio-design [class~="bg-[#191412]/80"]{background:color-mix(in srgb, var(--studio-dark) 80%, transparent)}.studio-design [class~="bg-[#140F0D]/75"]{background:color-mix(in srgb, var(--studio-charcoal) 75%, transparent)}.studio-design [class~=bg-black\/40]{background:color-mix(in srgb, var(--studio-dark) 40%, transparent)}.studio-design [class~="bg-[#1C1613]/95"]{background:color-mix(in srgb, var(--studio-dark) 95%, transparent)}.studio-design [class*="bg-[#C89B5C]"]{background:color-mix(in srgb, var(--studio-accent) 16%, transparent)}.studio-design :is(button,a,span):is([class~="bg-[#C89B5C]"],[class~="bg-[#1F7A3E]"],[class~="bg-[#25D366]"]){background:var(--studio-blue);color:var(--studio-dark)}.studio-design :is(button,a):is([class~="bg-[#C89B5C]"],[class~="bg-[#1F7A3E]"],[class~="bg-[#25D366]"]):hover{background:var(--studio-espresso);color:var(--studio-ivory)}.studio-design :is([class*=rounded-2xl],[class*=rounded-3xl],[class*=rounded-xl]),.studio-design :is(a,button)[class*=rounded-full]:not(.project-indicator){box-shadow:none;border-radius:4px}.studio-design :is(a,button):focus-visible,.studio-header :focus-visible,.studio-menu :focus-visible{outline:2px solid var(--studio-accent-ink,var(--studio-dark));outline-offset:5px}.studio-design a,.studio-design button{transition-property:color,background-color,border-color,opacity,transform}.studio-design a[href*=wa\.me]:hover{filter:brightness(.93)}.studio-design [data-floating-wa=true]>a{background:var(--studio-espresso);color:var(--studio-ivory);border-color:var(--studio-bronze-light)}.studio-header{z-index:45;border:1px solid var(--studio-border-light);background:color-mix(in srgb, var(--studio-cream) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--studio-espresso);font-family:var(--font-studio), Arial, sans-serif;box-shadow:0 4px 20px color-mix(in srgb, var(--studio-dark) 3%, transparent);border-radius:5px;align-items:center;gap:24px;padding:10px 12px 10px 18px;display:flex;position:fixed;top:28px;left:50%;transform:translate(-50%)}.studio-brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.studio-brand__logo{object-fit:contain;flex-shrink:0;width:200px;max-width:200px;height:34px;transition:opacity .2s,transform .2s;display:block}.studio-brand:hover .studio-brand__logo{opacity:.9}.studio-brand__mark{letter-spacing:-.12em;padding-right:3px;font-size:34px;font-weight:600;line-height:1}.studio-brand strong{letter-spacing:-.025em;font-size:14px;font-weight:500;line-height:1.3;display:block}.studio-brand small{color:var(--studio-taupe);font-size:10px;display:block}.studio-header__cta{background:var(--studio-espresso);color:var(--studio-ivory);white-space:nowrap;border-radius:3px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:inline-flex}.studio-menu-toggle{justify-content:center;align-items:center;width:40px;height:40px;display:none}.studio-skip{z-index:100;background:var(--studio-ivory);color:var(--studio-espresso);padding:12px 20px;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.studio-skip:focus{transform:none}.studio-rail{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#606060;width:40px;font:12px var(--font-studio), Arial, sans-serif;background:#ffffffde;border:1px solid #dedede;border-radius:4px;flex-direction:column;gap:6px;padding:16px 12px;transition:width .25s;display:flex;position:fixed;top:50%;left:24px;overflow:hidden;transform:translateY(-50%)}.studio-rail:hover,.studio-rail:focus-within{width:154px}.studio-rail a{white-space:nowrap;align-items:center;gap:12px;height:30px;display:flex}.studio-rail__dot{border:1px solid #999;border-radius:50%;flex-shrink:0;width:8px;height:8px}.studio-rail__label{opacity:0;transition:opacity .2s}.studio-rail:hover .studio-rail__label,.studio-rail:focus-within .studio-rail__label{opacity:1}.studio-menu{z-index:60;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--studio-espresso);font-family:var(--font-studio), Arial, sans-serif;background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0}.studio-menu::backdrop{background:color-mix(in srgb, var(--studio-dark) 40%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-menu__panel{background:var(--studio-cream);border-radius:5px;max-width:520px;max-height:100%;margin-left:auto;padding:24px;overflow-y:auto}.studio-menu__top{justify-content:space-between;align-items:center;padding-bottom:24px;font-weight:500;display:flex}.studio-menu__top button{padding:8px}.studio-menu nav{flex-direction:column;display:flex}.studio-menu nav a{letter-spacing:-.035em;border-bottom:1px solid var(--studio-border-light);justify-content:space-between;align-items:center;padding:12px 0;font-size:24px;display:flex}.studio-menu__contact{flex-direction:column;align-items:flex-start;gap:16px;padding-top:32px;font-size:14px;display:flex}.studio-menu__contact p{color:var(--studio-taupe);font-size:12px}.studio-hero{--hero-inset:clamp(28px, 5vw, 64px);--parallax-travel:36;isolation:isolate;width:calc(100% - 24px);height:auto;min-height:clamp(560px,88vh,880px);padding:clamp(120px, 16vh, 160px) var(--hero-inset) clamp(52px, 8vh, 76px);background:var(--studio-sand);color:var(--studio-ivory);border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;margin:12px;display:flex;position:relative;overflow:hidden}.studio-hero__image{transform:translate3d(0, var(--parallax-y,0px), 0);position:absolute;inset:-36px 0;overflow:hidden}.studio-hero__image img{object-fit:cover;object-position:54% 45%}.studio-hero__scrim{pointer-events:none;background:linear-gradient(90deg,#0a0807b8 0%,#0a080785 30%,#0a08072e 55%,#0000 72%),linear-gradient(#0a080773 0%,#0000 24% 64%,#0a080780 100%);position:absolute;inset:0}.studio-hero__body{z-index:2;width:100%;max-width:680px;position:relative}.studio-hero__content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.studio-hero__eyebrow{font-family:var(--font-studio), Arial, sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#f7f4eed6;margin-bottom:14px;font-size:clamp(11px,.88vw,13px);font-weight:500;display:inline-block}.studio-hero__title{font-family:var(--font-studio), Arial, sans-serif;letter-spacing:-.035em;color:var(--studio-ivory);text-shadow:0 2px 16px #0006;margin:0;font-size:clamp(38px,4.4vw,62px);font-weight:500;line-height:1.12}.studio-hero__title>span{display:block}.studio-hero__action{margin-top:24px}.studio-hero__btn{letter-spacing:-.01em;white-space:nowrap;background:var(--studio-ivory,#f7f4ee);min-height:46px;color:var(--studio-dark,#140f0d);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:500;transition:all .22s;display:inline-flex;box-shadow:0 4px 18px #00000047}.studio-hero__btn:hover{color:var(--studio-dark,#140f0d);background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000061}.studio-button{border-radius:3px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 18px;font-size:13px;font-weight:400;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.studio-button--ink{color:var(--studio-ivory);background:var(--studio-espresso)}.studio-button--ink:hover{background:var(--studio-blue);color:var(--studio-dark)}.studio-button--text{color:var(--studio-espresso);background:0 0}.studio-button--text:hover{background:var(--studio-sand)}.studio-button--blue{background:var(--studio-blue);color:var(--studio-dark)}.studio-design #projects h2{max-width:680px}.studio-design #projects .portfolio-morph-slider{padding:0}.studio-design #projects .max-w-5xl{max-width:100%}.studio-design #projects .shadow-2xl{box-shadow:none;border:0;border-radius:5px}.studio-design #projects .indicator-fill{background:var(--studio-bronze-light)}.studio-design #projects .project-indicator.is-active{background:var(--studio-bronze)}.studio-design #about h2{max-width:700px}.studio-design #about .ring-1,.studio-design #about .ring-2{--tw-ring-shadow:0 0 transparent}.studio-design #about button[aria-expanded=true]{background:var(--studio-ivory)}.studio-design #about button[aria-selected=true]{border-color:var(--studio-bronze)}.studio-design #about h4{white-space:normal;letter-spacing:-.02em;font-weight:500}.studio-design #about [class*="bg-[#FAF6F0]"]{background:var(--studio-cream)}.studio-service-details{border:1px solid var(--studio-line);background:var(--studio-ivory);border-radius:9px;padding:clamp(20px,3vw,36px)}.studio-design #testimonials .grid>div{box-shadow:none;background:0 0;border:0;padding:0}.studio-design #testimonials blockquote{color:var(--studio-ink);font-size:18px;font-style:normal;line-height:1.6}.studio-design #testimonials svg{fill:none;width:22px;height:22px}.studio-design [data-purpose=principal-statement]{justify-content:flex-end;min-height:560px}.studio-design [data-purpose=principal-statement] .studio-parallax-media img{filter:brightness(.78)}.studio-design [data-purpose=principal-statement]>.absolute{background:linear-gradient(90deg, transparent 15%, color-mix(in srgb, var(--studio-dark) 90%, transparent) 90%)}.studio-design [data-purpose=principal-statement]>.relative{text-align:left;max-width:660px;margin:0;padding:0}.studio-design [data-purpose=principal-statement] blockquote{font-size:clamp(26px,3vw,38px);font-style:normal;line-height:1.35}.studio-design [data-purpose=principal-statement] .justify-center{justify-content:flex-start}.studio-design [data-purpose=cta-section]{background:var(--studio-cream);color:var(--studio-espresso);text-align:left;justify-content:flex-start}.studio-design [data-purpose=cta-section]>.absolute{display:none}.studio-design [data-purpose=cta-section]>.relative{width:100%;max-width:100%;margin:0}.studio-design [data-purpose=cta-section] h2{color:var(--studio-espresso);max-width:800px;font-size:clamp(42px,6vw,80px)}.studio-design [data-purpose=cta-section] h2 br{display:none}.studio-design [data-purpose=cta-section] h2 span{color:var(--studio-dark);text-decoration:underline;-webkit-text-decoration-color:var(--studio-blue);text-decoration-color:var(--studio-blue);text-underline-offset:.12em;text-decoration-thickness:.035em}.studio-design [data-purpose=cta-section]>.relative>p{color:var(--studio-taupe);margin-left:0}.studio-design [data-purpose=cta-section] .justify-center{justify-content:flex-start}.studio-design [data-purpose=cta-section] a{background:var(--studio-blue);color:var(--studio-dark)}.studio-design [data-purpose=cta-section] a:hover{background:var(--studio-dark);color:var(--studio-light)}.studio-design [data-purpose=cta-section]>div>span{color:var(--studio-taupe);background:0 0;border:0;padding:0}.studio-design [data-purpose=footer-and-contact]{padding-bottom:32px}.studio-design>.studio-footer{padding:clamp(48px, 6vw, 80px) var(--studio-gutter) 24px;scroll-margin-top:110px;position:relative}.studio-footer__anchor{scroll-margin-top:110px;position:absolute;top:0}.studio-footer__main{grid-template-columns:1.2fr 1fr .65fr;gap:clamp(32px,5vw,72px);padding-bottom:44px;display:grid}.studio-footer__brand{color:var(--studio-ink);display:inline-block}.studio-footer__logo{object-fit:contain;width:148px;max-width:100%;height:auto;transition:opacity .2s;display:block}.studio-footer__brand:hover .studio-footer__logo{opacity:.85}.studio-footer__brand>span:first-child{color:var(--studio-blue);letter-spacing:-.13em;padding-right:4px;font-size:68px;font-weight:500;line-height:.9}.studio-footer__brand>span:last-child{letter-spacing:-.04em;font-size:clamp(24px,2.4vw,34px);line-height:1.1}.studio-footer__brand small{color:var(--studio-muted);letter-spacing:.01em;margin-top:8px;font-size:11px;display:block}.studio-footer__identity>p{color:var(--studio-muted);margin:24px 0 22px;font-size:13px;line-height:1.6}.studio-footer__contacts{flex-wrap:wrap;gap:8px;display:flex}.studio-footer__contacts>a,.studio-footer__top{border:1px solid var(--studio-line);width:44px;height:44px;color:var(--studio-blue);border-radius:50%;place-items:center;transition:background-color .2s,color .2s,border-color .2s;display:grid;position:relative}.studio-footer__contacts>a:hover,.studio-footer__contacts>a:focus-visible,.studio-footer__top:hover{background:var(--studio-blue);color:var(--studio-dark);border-color:var(--studio-blue)}.studio-footer__tooltip{background:var(--studio-light);color:var(--studio-dark);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:2;border-radius:4px;padding:6px 9px;font-size:10px;line-height:1.4;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.studio-footer__contacts>a:hover .studio-footer__tooltip,.studio-footer__contacts>a:focus-visible .studio-footer__tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.studio-footer h2{letter-spacing:.1em;text-transform:uppercase;color:var(--studio-muted);margin:0 0 22px;font-size:11px;line-height:1.3}.studio-footer__office{align-items:flex-start;gap:12px;min-height:44px;margin-top:20px;display:flex}.studio-footer__office>svg{color:var(--studio-blue);flex:none;margin-top:3px}.studio-footer__office>span{min-width:0}.studio-footer__office strong{font-size:15px;font-weight:500;display:block}.studio-footer__office small{color:var(--studio-muted);margin:4px 0;font-size:10px;display:block}.studio-footer__office>span>span{max-width:29ch;color:var(--studio-muted);font-size:12px;line-height:1.6;display:block}.studio-footer__office:hover strong,.studio-footer__nav a:hover,.studio-footer__legal a:hover{color:var(--studio-blue)}.studio-footer__nav ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.studio-footer__nav a{min-height:36px;color:var(--studio-muted);align-items:center;font-size:12px;display:inline-flex}.studio-footer__bottom{border-top:1px solid var(--studio-line);color:var(--studio-muted);align-items:center;gap:24px;padding-top:24px;font-size:11px;display:flex}.studio-footer__bottom p{margin:0}.studio-footer__legal{flex-wrap:wrap;align-items:center;gap:20px;margin-left:auto;display:flex}.studio-footer__legal a{align-items:center;min-height:44px;display:inline-flex}.studio-footer__top{flex:none}@media (max-width:959px){.studio-footer__main{grid-template-columns:1.2fr 1fr}.studio-footer__identity{grid-column:1/-1}}@media (max-width:599px){.studio-footer__main{grid-template-columns:minmax(0,1fr);gap:36px;padding-bottom:32px}.studio-footer__identity{grid-column:1}.studio-footer__nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.studio-footer__bottom{grid-template-columns:1fr 44px;gap:8px 16px;display:grid}.studio-footer__legal{grid-column:1;gap:18px;margin-left:0}.studio-footer__top{grid-area:1/2/3}.studio-footer__contacts>a:first-child .studio-footer__tooltip{left:0;transform:translateY(4px)}.studio-footer__contacts>a:first-child:hover .studio-footer__tooltip,.studio-footer__contacts>a:first-child:focus-visible .studio-footer__tooltip{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.studio-footer__contacts>a,.studio-footer__tooltip,.studio-footer__top{transition:none}}.studio-design :is([data-purpose=project-modal],[data-purpose=inquiry-modal])>div{background:var(--studio-espresso)}.studio-design :is([data-purpose=project-modal],[data-purpose=inquiry-modal]){background:color-mix(in srgb, var(--studio-dark) 85%, transparent)}dialog:is([data-purpose=project-modal],[data-purpose=inquiry-modal]):not([open]){display:none}dialog:is([data-purpose=project-modal],[data-purpose=inquiry-modal])::backdrop{background:0 0}.scroll-reveal{opacity:0;transition:opacity .7s,transform .85s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.scroll-reveal.is-revealed{opacity:1;transform:none}.process-story{--story-top:120px;--story-stage-height:min(640px, calc(100svh - 160px))}.process-story__layout{align-items:start;gap:40px;display:grid}.process-story__intro .eyebrow-text{color:var(--studio-accent);margin-bottom:16px;display:block}.studio-design #tahapan h2{max-width:660px;margin:0;font-size:clamp(30px,3vw,42px)}.process-story__intro p{max-width:44ch;color:var(--studio-muted);margin-top:18px;font-size:14px;line-height:1.6}.process-story__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin-top:26px;display:grid}.process-story__nav a{border-bottom:1px solid var(--studio-line);min-height:44px;color:var(--studio-muted);align-items:center;gap:14px;padding:8px 0;font-size:12px;line-height:1.4;display:flex}.process-story__nav a>span:first-child{color:var(--studio-accent);font-variant-numeric:tabular-nums;flex:none}.process-story__nav a[aria-current=step]{color:var(--studio-ivory);border-color:var(--studio-accent)}.process-story__nav a[aria-current=step]>span:last-child{transform:translate(4px)}.process-story__nav a>span:last-child{transition:transform .25s}.process-story__progress{background:var(--studio-line);height:2px;margin-top:26px;overflow:hidden}.process-story__progress>span{background:var(--studio-accent);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--story-progress,0));display:block}.process-story__track{min-width:0;position:relative}.process-story__stage{gap:18px;margin:0;padding:0;list-style:none;display:grid}.process-story__chapter{min-width:0;scroll-margin-top:110px}.process-story__card{border:1px solid var(--studio-line);background:var(--studio-card);border-radius:14px;flex-direction:column;gap:22px;padding:clamp(24px,3vw,44px);display:flex}.process-story__chapter[data-active=true] .process-story__card{border-color:var(--studio-accent)}.process-story__card-top{min-height:25px;color:var(--studio-accent);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.process-story__badge{border:1px solid var(--studio-line);color:var(--studio-ivory);background:color-mix(in srgb, var(--studio-accent) 12%, transparent);border-radius:99px;padding:5px 12px;font-size:10px}.process-story__diagram{min-height:120px;color:var(--studio-accent);background-image:linear-gradient(color-mix(in srgb, var(--studio-light) 3%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--studio-light) 3%, transparent) 1px, transparent 1px);background-size:28px 28px;justify-content:space-between;align-items:center;padding:12px 4px;display:flex;position:relative}.process-story__diagram>span{letter-spacing:-.07em;color:color-mix(in srgb, var(--studio-accent) 35%, transparent);font-variant-numeric:tabular-nums;font-size:clamp(90px,9vw,142px);line-height:1}.studio-design #tahapan h3{margin:0;font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.12}.process-story__card>p{max-width:48ch;color:var(--studio-muted);margin:0;font-size:16px;line-height:1.75}.process-story__milestones{gap:6px;margin-top:auto;padding-top:8px;display:flex}.process-story__milestones>span{background:var(--studio-line);flex:1;height:2px}.process-story__milestones>span[data-complete=true]{background:var(--studio-accent)}.process-story__cta{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:24px;margin-top:56px;padding-top:28px;display:flex}.process-story__cta>p{color:var(--studio-muted);font-size:15px}.process-story__cta>a{background:var(--studio-blue);min-height:48px;color:var(--studio-dark);border-radius:4px;justify-content:center;align-items:center;gap:20px;padding:14px 22px;font-size:12px;display:inline-flex}.process-story__cta>a:hover{background:var(--studio-ivory);color:var(--studio-charcoal)}.process-story[data-story-mode=desktop] .process-story__layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,100px)}.process-story[data-story-mode=desktop] .process-story__sidebar{top:var(--story-top);position:sticky}.process-story[data-story-mode=desktop] .process-story__nav{grid-template-columns:1fr;gap:0}.process-story[data-story-mode=desktop] .process-story__track{height:calc(var(--story-stage-height) + 240svh)}.process-story[data-story-mode=desktop] .process-story__stage{top:var(--story-top);height:var(--story-stage-height);display:block;position:sticky}.process-story[data-story-mode=desktop] .process-story__chapter{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1),visibility .4s;position:absolute;inset:0;transform:translateY(24px)}.process-story[data-story-mode=desktop] .process-story__chapter[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.process-story[data-story-mode=desktop] .process-story__card{height:100%}.process-story[data-story-mode=desktop] .process-story__diagram{flex:1}.process-story[data-story-mode=mobile] .process-story__card{opacity:.7;transition:opacity .4s,transform .4s,border-color .4s;transform:translateY(10px)}.process-story[data-story-mode=mobile] .process-story__chapter[data-active=true] .process-story__card{opacity:1;transform:none}.process-story[data-story-mode=static] .process-story__progress>span{transform:none}@media (max-width:599px){.process-story__nav{gap:2px 16px}.process-story__nav a{gap:8px;font-size:11px}.process-story__stage{border-left:1px solid var(--studio-line);gap:20px;padding-left:14px}.process-story__card{gap:20px;padding:22px}.process-story__diagram{min-height:90px}.process-story__diagram>svg{width:54px;height:54px}.process-story__diagram>span{font-size:80px}.process-story__card>p{font-size:14px;line-height:1.7}.process-story__cta{flex-direction:column;align-items:stretch;gap:18px}}@media (prefers-reduced-motion:reduce){.process-story__nav a>span:last-child{transition:none;transform:none}.process-story__chapter,.process-story__card{transition:none!important}}@media (min-width:1440px){.studio-design{--studio-gutter:max(80px, calc((100vw - 1280px) / 2))}.studio-design main>section>.max-w-7xl,.studio-design>footer>.max-w-7xl{max-width:1280px}}@media (max-width:1199px){.studio-rail{display:none}.studio-menu-toggle{display:flex}.studio-design{--studio-gutter:48px}}@media (max-width:767px){.studio-design{--studio-gutter:24px}.studio-header{justify-content:space-between;gap:12px;width:calc(100% - 32px);padding:8px 10px 8px 14px;top:16px}.studio-header__cta{margin-left:auto;padding:9px 10px;font-size:11px}.studio-brand__mark{font-size:28px}.studio-brand{gap:10px}.studio-brand strong{font-size:13px}.studio-brand small{font-size:8px}.studio-menu-toggle{width:32px}.studio-button{padding:11px 14px;font-size:12px}.studio-design #testimonials .grid{scroll-snap-type:x mandatory;gap:28px;padding-bottom:12px;display:flex;overflow-x:auto}.studio-design #testimonials .grid>div{scroll-snap-align:start;flex:0 0 88%}.studio-design #testimonials blockquote{font-size:17px}.studio-design [data-purpose=principal-statement]{align-items:flex-end;min-height:600px}.studio-design [data-purpose=principal-statement]>.absolute{background:linear-gradient(0deg, color-mix(in srgb, var(--studio-dark) 94%, transparent), color-mix(in srgb, var(--studio-dark) 20%, transparent))}.studio-design #projects .mb-16{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.scroll-reveal{opacity:1;transform:none}.studio-hero__image,.studio-hero__image img,.studio-design [data-purpose=principal-statement]>img,.studio-hero h1,.studio-hero__stats{transform:none}}.studio-header--panoramic{--studio-accent:var(--studio-bronze-light);--studio-accent-ink:var(--studio-blue);background:color-mix(in srgb, var(--studio-dark) 68%, transparent);width:calc(100% - 88px);max-width:1500px;min-height:58px;color:var(--studio-ivory);border-color:color-mix(in srgb, var(--studio-light) 30%, transparent);-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);box-shadow:0 8px 28px color-mix(in srgb, var(--studio-dark) 8%, transparent);border-radius:99px;gap:24px;padding:8px 12px 8px 24px;transition:color .2s,background-color .2s,border-color .2s;top:30px}.studio-header--panoramic .studio-brand{flex-shrink:0}.studio-header--panoramic .studio-brand__logo{flex-shrink:0;width:200px;max-width:200px;height:34px}.studio-header--panoramic .studio-brand small{color:var(--studio-ivory)}.studio-header--panoramic .studio-brand__mark{font-size:30px}.studio-header--panoramic .studio-brand strong{font-size:12px}.studio-header--panoramic .studio-brand small{font-size:8px}.studio-header__links{flex:1;justify-content:center;align-items:center;gap:clamp(14px,2.5vw,38px);min-width:0;display:flex}.studio-header__links a{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-underline-offset:6px;align-items:center;min-height:40px;font-size:10px;display:grid}.studio-header__links a:hover,.studio-header__links a[aria-current]{text-decoration:underline}.studio-header--panoramic .studio-header__cta{border:1px solid color-mix(in srgb, var(--studio-light) 40%, transparent);color:inherit;background:0 0;border-radius:99px;min-height:40px;font-size:10px}.studio-header--panoramic .studio-header__cta:hover{background:color-mix(in srgb, var(--studio-blue) 15%, transparent)}.studio-header--panoramic .studio-menu-toggle{display:none}@media (max-width:1199px){.studio-header--panoramic{gap:14px;padding:6px 12px 6px 20px}.studio-header__links{gap:clamp(8px,1.6vw,16px);min-width:0}.studio-header__links a{font-size:9px}.studio-header--panoramic .studio-brand{flex-shrink:0}.studio-header--panoramic .studio-brand__logo{flex-shrink:0;width:auto;max-width:190px;height:32px}.studio-header--panoramic .studio-brand small{display:none}}@media (max-width:959px){.studio-header__links{display:none}.studio-header--panoramic .studio-brand{flex-shrink:0}.studio-header--panoramic .studio-brand__logo{flex-shrink:0;width:auto;max-width:190px;height:32px}.studio-header--panoramic .studio-header__cta{margin-left:auto}.studio-header--panoramic .studio-menu-toggle{width:40px;height:40px;display:flex}.studio-hero{min-height:80svh;padding-top:110px;padding-bottom:48px}}@media (max-width:599px){.studio-header--panoramic{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:auto;max-width:none;min-height:48px;padding:6px 10px 6px 14px;display:flex;top:14px;left:12px;right:12px;transform:none}.studio-header--panoramic .studio-brand{flex-shrink:0;gap:6px}.studio-header--panoramic .studio-brand__logo{flex-shrink:0;width:auto;max-width:155px;height:26px}.studio-header--panoramic .studio-header__cta{flex-shrink:0;gap:4px;min-height:32px;margin-left:auto;padding:6px 9px;font-size:10px}.studio-header--panoramic .studio-header__cta svg{width:12px;height:12px}.studio-header--panoramic .studio-menu-toggle{width:32px;height:32px;color:var(--studio-ivory);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex!important}.studio-header--panoramic .studio-menu-toggle svg{width:18px;height:18px}.studio-hero{--hero-inset:16px;width:calc(100% - 16px);height:auto;min-height:75svh;padding:96px var(--hero-inset) 36px;box-sizing:border-box;border-radius:16px;justify-content:flex-end;margin:8px}.studio-hero__image img{object-position:54% 40%}.studio-hero__scrim{background:linear-gradient(#0a080761 0%,#0000 22%,#0a08078c 55%,#0a0807d9 100%)}.studio-hero__eyebrow{letter-spacing:.14em;margin-bottom:10px;font-size:10.5px}.studio-hero__title{letter-spacing:-.03em;font-size:clamp(28px,7.5vw,36px);line-height:1.14}.studio-hero__action{margin-top:20px}.studio-hero__btn{min-height:44px;padding:11px 22px;font-size:12.5px}}@media (max-width:359px){.studio-header--panoramic .studio-brand__logo{flex-shrink:0;width:auto;max-width:136px;height:23px}.studio-header--panoramic .studio-brand strong{display:none}.studio-hero{--hero-inset:14px;padding:88px var(--hero-inset) 32px;min-height:70svh}.studio-hero__title{font-size:25px}.studio-brand__mark{display:none}.studio-header{gap:8px;padding-left:12px}.studio-header__cta{gap:6px;padding:9px 10px;font-size:10px}}[data-parallax=image]{--parallax-travel:34;--parallax-bleed:40px}.studio-parallax-media{inset:calc(var(--parallax-bleed,40px) * -1) 0;transform:translate3d(0, var(--parallax-y,0px), 0);position:absolute}.studio-parallax-media img{object-fit:cover}.portfolio-parallax{--parallax-travel:16}.portfolio-parallax>.portfolio-morph-slider{transform:translate3d(0, var(--parallax-y,0px), 0)}[data-parallax-active]>.studio-parallax-media,[data-parallax-active]>.studio-hero__image,[data-parallax-active]>.portfolio-morph-slider{will-change:transform}@media (max-width:767px){[data-parallax=hero]{--parallax-travel:14;--hero-title-travel:10px;--hero-stat-travel:4px}[data-parallax=image]{--parallax-travel:12;--parallax-bleed:18px}.portfolio-parallax{--parallax-travel:5}}@media (prefers-reduced-motion:reduce){.studio-hero__image,.studio-parallax-media{inset:0}.studio-parallax-media,.portfolio-parallax>.portfolio-morph-slider,.studio-hero__image,.studio-hero h1,.studio-hero__stats{will-change:auto;transform:none}.scroll-reveal{transition:none}}.portfolio-detail{background-color:var(--studio-cream,#f8fafb)!important;color:#202725!important}.portfolio-detail h1,.portfolio-detail .portfolio-title{letter-spacing:-.025em;color:#202725!important;font-size:clamp(2rem,5vw,3.75rem)!important;font-weight:700!important;line-height:1.15!important}.portfolio-detail main>section:not(.studio-hero){max-width:100%!important;padding:0!important}.portfolio-detail .portfolio-heading-charcoal{color:#202725!important}.portfolio-detail .portfolio-text-supporting{color:#56605b!important}.portfolio-detail .badge-dark-scope{color:#fff!important;background-color:#202725!important;border-color:#3a4441!important}.portfolio-detail .badge-dark-scope *{color:#fff!important}.portfolio-detail .badge-light-category,.portfolio-detail .badge-light-grade{color:#202725!important;background-color:#fff!important;border-color:#cad4d0!important}.portfolio-detail .portfolio-breadcrumb-link{color:#56605b!important}.portfolio-detail .portfolio-breadcrumb-link:hover{color:#202725!important}.portfolio-detail .portfolio-breadcrumb-current{color:#202725!important;font-weight:600!important}.portfolio-detail .portfolio-spec-item{color:#56605b!important}.portfolio-detail .portfolio-spec-icon{color:#202725!important}.portfolio-detail .portfolio-spec-border{border-color:#d8e0dc!important}.portfolio-detail .case-study-card{background-color:#202725!important;border-color:#3a4441!important}.portfolio-detail .case-study-card h3,.portfolio-detail .case-study-card .case-study-label,.portfolio-detail .case-study-card .case-study-label span{color:#fff!important}.portfolio-detail .case-study-card p{color:#e2e8e5!important}.portfolio-detail .section-eyebrow-dark{letter-spacing:.1em!important;color:#202725!important;margin-bottom:.75rem!important;font-family:monospace,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas!important;font-size:.75rem!important;font-weight:600!important;line-height:1.5!important}.portfolio-detail .related-card{background-color:#fff!important;border-color:#d8e0dc!important}.portfolio-detail .related-card:hover{border-color:#20272566!important}.portfolio-detail .related-card h3{color:#202725!important}.portfolio-detail .related-card p{color:#56605b!important}.portfolio-detail .related-card-link{color:#202725!important}