.canvas-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;clip-path:circle(0% at 50% 50%);transition:clip-path .75s var(--ease-out)}.canvas-layer.is-revealed{clip-path:circle(110% at 50% 50%)}.cosmic-canvas{width:100%;height:100%}.static-universe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 60% 50% at 66% 50%,rgba(42,29,6,.75),transparent 70%),radial-gradient(circle at 20% 80%,rgba(212,175,55,.08),transparent 40%),var(--black)}.static-universe__core{position:absolute;right:18%;top:50%;width:min(34vw,340px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#302611,#0c0a06 60%);box-shadow:0 0 0 1px #ffd70040,0 0 80px #d4af3773,inset -20px -30px 60px #d4af3759}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--black);display:grid;place-items:center;transition:opacity 1.1s var(--ease-out),visibility 0s linear 1.1s}.preloader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.preloader__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.preloader.is-leaving .preloader__canvas{transform:scale(1.8)}.preloader__label{position:absolute;bottom:14vh;left:0;right:0;text-align:center;color:var(--star-dim);margin:0;animation:breathe 2.4s ease-in-out infinite}.preloader__skip{position:absolute;right:var(--gutter);bottom:var(--gutter);background:none;border:1px solid var(--line);padding:10px 14px;color:var(--star-dim);cursor:pointer}.preloader__skip:hover{color:var(--star);border-color:var(--star-faint)}@keyframes breathe{50%{opacity:.45}}.site-header{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:.32em;font-size:.82rem}.logo-mark{color:var(--star)}.site-nav ul{display:flex;gap:clamp(18px,2.4vw,36px);list-style:none;margin:0;padding:0}.site-nav a{position:relative;text-decoration:none;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--star-dim);padding:6px 0;transition:color .3s}.site-nav__index{color:var(--star-faint);margin-right:6px}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--plasma),var(--ion));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.site-nav a:hover,.site-nav a[aria-current]{color:var(--star)}.site-nav a[aria-current]:after,.site-nav a:hover:after{transform:scaleX(1)}.menu-toggle{display:none}@media (max-width: 760px){.menu-toggle{display:grid;gap:6px;width:44px;height:44px;place-content:center;background:none;border:1px solid var(--line);cursor:pointer;z-index:2}.menu-toggle__bar{display:block;width:18px;height:1px;background:var(--star);transition:transform .4s var(--ease-out)}.is-open .menu-toggle__bar:first-of-type{transform:translateY(3.5px) rotate(45deg)}.is-open .menu-toggle__bar:last-of-type{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:#060503f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;padding:var(--gutter);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}.is-open .site-nav{opacity:1;visibility:visible;transition:opacity .4s}.site-nav ul{flex-direction:column;gap:22px}.site-nav a{font-family:var(--font-display);font-size:2rem;letter-spacing:-.01em;text-transform:none}.site-nav__index{font-family:var(--font-mono);font-size:.7rem;vertical-align:super}}.chapter-rail{position:fixed;right:calc(var(--gutter) - 6px);top:50%;height:42vh;transform:translateY(-50%);z-index:20;width:12px}.in-footer .chapter-rail{opacity:0;pointer-events:none}.chapter-rail{transition:opacity .4s}.chapter-rail__track{position:absolute;left:5px;top:0;bottom:0;width:1px;background:var(--line)}.chapter-rail__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--plasma),var(--ion));transform-origin:top;transform:scaleY(var(--journey))}.chapter-rail ol{list-style:none;margin:0;padding:0}.chapter-rail li{position:absolute;left:0}.chapter-rail button{width:11px;height:11px;padding:0;border-radius:50%;border:1px solid var(--star-faint);background:var(--black);cursor:pointer;transform:translateY(-50%);position:relative;transition:border-color .3s,background .3s}.chapter-rail button[aria-current]{border-color:var(--ion);background:var(--plasma);box-shadow:0 0 12px var(--plasma)}.chapter-rail__label{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--star-dim);opacity:0;transition:opacity .3s;pointer-events:none}.chapter-rail button:hover .chapter-rail__label,.chapter-rail button:focus-visible .chapter-rail__label,.chapter-rail button[aria-current] .chapter-rail__label{opacity:1}@media (max-width: 900px){.chapter-rail{display:none}}.journey{position:relative;z-index:1;pointer-events:none;outline:none}.chapter{position:relative;height:calc(var(--journey-h) * var(--span) + 100vh);margin-bottom:-100vh}.chapter--horizon{margin-bottom:0}.chapter__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.chapter__inner{position:relative;height:100%;padding:0 var(--gutter);opacity:var(--vis, 0);transform:translateY(calc((1 - var(--vis, 0)) * 18px));visibility:hidden}.chapter.is-active .chapter__inner,.chapter:focus-within .chapter__inner{visibility:visible}.chapter:focus-within .chapter__inner{opacity:1}.chapter.is-active :is(a,button){pointer-events:auto}.eyebrow{color:var(--star-dim);margin:0 0 18px}.eyebrow span{color:var(--ion)}.display{font-weight:500;font-size:clamp(2.6rem,7.2vw,7.4rem);line-height:.94;letter-spacing:-.04em;margin:0}.display .line{display:block}.display em,.title em{font-style:normal;color:var(--plasma-soft)}.line--accent{color:var(--plasma-soft)}.title{font-weight:500;font-size:clamp(1.9rem,3.6vw,3.4rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 18px}.lede{font-size:clamp(1rem,1.3vw,1.2rem);color:var(--star-dim);max-width:34ch;margin:24px 0 0}.display,.title,.hero .display,.manifest__line{text-shadow:0 2px 24px rgba(6,5,3,.95),0 0 12px rgba(6,5,3,.85)}.chapter p,.chapter li,.chapter h3{text-shadow:0 1px 16px rgba(6,5,3,.95)}.hero .line,.hero .eyebrow,.hero .lede{opacity:0;transform:translateY(22px);transition:opacity .55s var(--ease-out),transform .65s var(--ease-out)}.journey.is-revealed .hero :is(.line,.eyebrow,.lede){opacity:1;transform:none}.journey.is-revealed .hero .eyebrow{transition-delay:.05s}.journey.is-revealed .hero .line:nth-child(1){transition-delay:.12s}.journey.is-revealed .hero .line:nth-child(2){transition-delay:.2s}.journey.is-revealed .hero .line:nth-child(3){transition-delay:.28s}.journey.is-revealed .hero .lede{transition-delay:.36s}.hero{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);margin-top:14px;max-width:min(44rem,48vw)}.hero .display{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.12;letter-spacing:-.035em;margin:0}.hero .lede{font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.65;max-width:44ch;margin:22px 0 0}.scroll-cue{position:absolute;left:var(--gutter);bottom:5vh;display:inline-flex;align-items:center;gap:14px;color:var(--star-dim);text-decoration:none}.scroll-cue__line{width:48px;height:1px;background:var(--star-faint);position:relative;overflow:hidden}.scroll-cue__line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ion);animation:cue 2.4s var(--ease-out) infinite}@keyframes cue{0%{transform:translate(-100%)}to{transform:translate(100%)}}.manifest{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;padding:0 var(--gutter)}.manifest__line{grid-area:1 / 1;font-size:clamp(2.2rem,5.4vw,5.6rem);max-width:13ch;opacity:min(clamp(0,calc((var(--lp) - var(--a)) * 9),1),clamp(0,calc((var(--b) - var(--lp)) * 9),1));transform:translateY(calc((1 - min(clamp(0,calc((var(--lp) - var(--a)) * 9),1),1))*30px))}.manifest__line:nth-child(2){justify-self:end;text-align:right}.panel--left{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);max-width:min(34rem,42vw);padding:26px 28px;background:#080704a6;border:1px solid rgba(212,175,55,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:6px;box-shadow:0 8px 32px #00000073}.panel p{color:var(--star-dim)}.about__desc{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.about__desc p{font-size:clamp(.96rem,1.12vw,1.08rem);line-height:1.7;color:var(--star-dim);margin:0}.about__desc strong{color:var(--star);font-weight:600}.principles{list-style:none;padding:24px 0 0;margin:28px 0 0;display:grid;gap:18px;border-top:1px solid var(--line)}.principles li{display:grid;grid-template-columns:28px 1fr}.principles .mono{color:var(--ion);padding-top:4px}.principles h3{margin:0;font-weight:500;font-size:1.02rem}.principles p{margin:4px 0 0;font-size:.92rem}.caps__head{position:absolute;top:15vh;left:var(--gutter);max-width:30rem}.caps__tabs{position:absolute;left:var(--gutter);bottom:8vh;display:flex;gap:8px;flex-wrap:wrap;max-width:44vw}.caps__tab{display:grid;gap:8px;text-align:left;min-width:12rem;padding:14px 16px;background:#0c0a0673;border:1px solid var(--line);cursor:pointer;font-size:.98rem;transition:border-color .3s,background .3s}.caps__tab-meta{display:flex;align-items:center;justify-content:space-between;width:100%}.caps__tab .mono{color:var(--star-faint)}.caps-icon{width:20px;height:20px;stroke:var(--star-faint);transition:stroke .3s,transform .3s;flex-shrink:0}.caps__tab:hover{border-color:var(--star-faint)}.caps__tab:hover .caps-icon{stroke:var(--plasma-soft);transform:scale(1.08)}.caps__tab[aria-selected=true]{border-color:var(--plasma);background:#2a1d066b;box-shadow:inset 0 -2px 0 var(--ion)}.caps__tab[aria-selected=true] .mono{color:var(--ion)}.caps__tab[aria-selected=true] .caps-icon{stroke:var(--ion);transform:scale(1.12)}.caps__tab-title{font-weight:500;line-height:1.3}.caps__panel{position:absolute;right:calc(var(--gutter) + 28px);bottom:8vh;width:min(28rem,36vw);padding:20px 22px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panelIn .6s var(--ease-out);max-height:80vh;overflow-y:auto}.caps__panel-content{margin-top:10px}.service-vector{width:100%;border-radius:6px;background:linear-gradient(180deg,#1c140880,#0c0904bf);border:1px solid rgba(212,175,55,.28);padding:8px 10px;margin-bottom:12px;box-shadow:0 8px 24px #00000073,inset 0 0 16px #d4af370a}.service-vector__svg{width:100%;height:auto;display:block}@keyframes erpBlink{0%,to{opacity:.35}50%{opacity:1}}.erp-blink{animation:erpBlink 2.2s ease-in-out infinite}.erp-blink-fast{animation:erpBlink .9s ease-in-out infinite}@keyframes erpRotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.erp-rotate-slow{animation:erpRotateSlow 16s linear infinite;transform-origin:40px 4px}@keyframes erpPacket1{0%{cx:142px;cy:34px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:196px;cy:24px;opacity:0}}.erp-packet--1{animation:erpPacket1 2.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes erpPacket2{0%{cx:142px;cy:55px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:200px;cy:55px;opacity:0}}.erp-packet--2{animation:erpPacket2 1.8s cubic-bezier(.4,0,.2,1) infinite .6s}@keyframes erpPacket3{0%{cx:142px;cy:76px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:196px;cy:86px;opacity:0}}.erp-packet--3{animation:erpPacket3 2.5s cubic-bezier(.4,0,.2,1) infinite 1s}@keyframes erpBarPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}.erp-bar--1{animation:erpBarPulse 2.8s ease-in-out infinite;transform-origin:bottom}.erp-bar--2{animation:erpBarPulse 2.8s ease-in-out infinite .5s;transform-origin:bottom}.erp-bar--3{animation:erpBarPulse 2.8s ease-in-out infinite 1s;transform-origin:bottom}.erp-bar--4{animation:erpBarPulse 2.8s ease-in-out infinite 1.5s;transform-origin:bottom}@keyframes devDash{to{stroke-dashoffset:-40}}.dev-sync-stream{animation:devDash 1.2s linear infinite}.dev-sync-stream-rev{animation:devDash 1.2s linear infinite reverse}@keyframes devSyncDot{0%{cx:198px;cy:34px;opacity:0}25%{opacity:1}50%{cx:238px;cy:36px;opacity:.9}75%{cx:238px;cy:58px;opacity:.9}to{cx:198px;cy:62px;opacity:0}}.dev-sync-dot{animation:devSyncDot 3.2s ease-in-out infinite}@keyframes devPulseLine{0%,to{opacity:.65}50%{opacity:1;stroke-width:1.6}}.dev-pulse-line{animation:devPulseLine 2.5s ease-in-out infinite}@keyframes devCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.dev-phone-card{animation:devCardFloat 3s ease-in-out infinite}@keyframes iotWavePing{0%{r:18px;opacity:.8;stroke-width:1.5}to{r:64px;opacity:0;stroke-width:.4}}.iot-wave--1{animation:iotWavePing 2.6s cubic-bezier(.1,.7,.1,1) infinite}.iot-wave--2{animation:iotWavePing 2.6s cubic-bezier(.1,.7,.1,1) infinite .85s}.iot-wave--3{animation:iotWavePing 2.6s cubic-bezier(.1,.7,.1,1) infinite 1.7s}@keyframes iotCorePulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.iot-core-pulse{animation:iotCorePulse 2.4s ease-in-out infinite;transform-origin:24px 24px}@keyframes iotPulse1{0%{cx:146px;cy:38px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:52px;cy:22px;opacity:0}}.iot-pulse--1{animation:iotPulse1 2.4s ease-in-out infinite}@keyframes iotPulse2{0%{cx:146px;cy:66px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:52px;cy:82px;opacity:0}}.iot-pulse--2{animation:iotPulse2 2.4s ease-in-out infinite .6s}@keyframes iotPulse3{0%{cx:194px;cy:38px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:288px;cy:22px;opacity:0}}.iot-pulse--3{animation:iotPulse3 2.4s ease-in-out infinite 1.2s}@keyframes iotPulse4{0%{cx:194px;cy:66px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:288px;cy:82px;opacity:0}}.iot-pulse--4{animation:iotPulse4 2.4s ease-in-out infinite 1.8s}.project-vector{width:100%;border-radius:6px;background:linear-gradient(180deg,#140f0699,#0a0803d9);border:1px solid rgba(212,175,55,.28);padding:8px 10px;box-shadow:0 8px 24px #00000073,inset 0 0 16px #d4af370a}.project-vector__svg{width:100%;height:auto;display:block}.project__preview .project-vector{width:100%;height:100%;padding:12px 16px;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center}.project__preview .project-vector__svg{max-height:100%;width:100%;object-fit:contain}@keyframes pvErpPacket1{0%{cx:144px;cy:45px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:215px;cy:35px;opacity:0}}.pv-erp-packet-1{animation:pvErpPacket1 2.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes pvErpPacket2{0%{cx:144px;cy:70px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:215px;cy:70px;opacity:0}}.pv-erp-packet-2{animation:pvErpPacket2 1.8s cubic-bezier(.4,0,.2,1) infinite .6s}@keyframes pvErpPacket3{0%{cx:144px;cy:95px;opacity:0}20%{opacity:1}80%{opacity:1}to{cx:215px;cy:105px;opacity:0}}.pv-erp-packet-3{animation:pvErpPacket3 2.5s cubic-bezier(.4,0,.2,1) infinite 1s}@keyframes pvScannerPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.35);opacity:1}}.pv-scanner-pulse{animation:pvScannerPulse 2s ease-in-out infinite;transform-origin:11px 23px}@keyframes pvNfcWave{0%{r:12px;opacity:.9;stroke-width:1.2}to{r:36px;opacity:0;stroke-width:.3}}.pv-nfc-wave-1{animation:pvNfcWave 2.4s cubic-bezier(.1,.7,.1,1) infinite}.pv-nfc-wave-2{animation:pvNfcWave 2.4s cubic-bezier(.1,.7,.1,1) infinite 1.2s}@keyframes pvGateSwing{0%,to{transform:rotate(0)}50%{transform:rotate(-25deg)}}.pv-gate-arm1{animation:pvGateSwing 3.5s ease-in-out infinite;transform-origin:0px 0px}@keyframes pvHrScan{0%{transform:translateY(-16px);opacity:.3}50%{opacity:1}to{transform:translateY(16px);opacity:.3}}.pv-hr-scanline{animation:pvHrScan 2.4s ease-in-out infinite alternate}.typewriter{display:inline-block;vertical-align:baseline;position:relative}.typewriter__cursor{display:inline-block;width:2px;height:.85em;background-color:var(--plasma);box-shadow:0 0 8px var(--plasma),0 0 14px var(--ion);margin-left:4px;vertical-align:-.05em;animation:typewriterBlink .75s steps(2,start) infinite}@keyframes typewriterBlink{0%,to{opacity:1}50%{opacity:0}}.caps__panel h3{margin:8px 0;font-weight:500;font-size:1.5rem;letter-spacing:-.02em}.caps__panel p{color:var(--star-dim);margin:0;line-height:1.62}.caps__panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:.88rem}.caps__panel li:before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;background:var(--ion);vertical-align:middle}.caps__form{color:var(--ion);margin:0}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)}}.work__head{position:absolute;top:15vh;left:var(--gutter)}.note{color:var(--star-faint);margin:0}.work__active{position:absolute;left:var(--gutter);bottom:8vh;width:min(34rem,48vw);padding:22px 24px;background:#080704b8;border:1px solid rgba(212,175,55,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:6px;box-shadow:0 8px 32px #00000073}.work__active .project-vector{margin-bottom:14px}.work__active>.mono{color:var(--ion);margin:0}.work__active h3{font-weight:500;font-size:clamp(1.15rem,1.7vw,1.55rem);letter-spacing:-.02em;margin:8px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.work__active p{color:var(--star-dim);margin:0 0 16px}.badge{display:inline-block;vertical-align:middle;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;padding:4px 7px;border:1px solid var(--plasma);color:var(--plasma-soft)}.link-arrow{display:inline-flex;gap:8px;align-items:center;background:none;border:0;padding:6px 0;border-bottom:1px solid var(--ion);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer}.link-arrow:hover{color:var(--ion)}.work__list-container{position:absolute;right:calc(var(--gutter) + 28px);bottom:8vh;width:min(22rem,30vw);height:min(420px,54vh);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 4%,rgba(0,0,0,.5) 12%,rgba(0,0,0,.9) 20%,black 26%,black 74%,rgba(0,0,0,.9) 80%,rgba(0,0,0,.5) 88%,rgba(0,0,0,.1) 96%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 4%,rgba(0,0,0,.5) 12%,rgba(0,0,0,.9) 20%,black 26%,black 74%,rgba(0,0,0,.9) 80%,rgba(0,0,0,.5) 88%,rgba(0,0,0,.1) 96%,transparent 100%)}.work__list{list-style:none;margin:0;padding:38px 0;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.work__list::-webkit-scrollbar{display:none}.work__list a{display:grid;grid-template-columns:32px 1fr;gap:2px 8px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--star-faint);transition:color .3s,padding .4s var(--ease-out)}.work__list a>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.work__list .mono{font-size:.66rem;padding-top:4px}.work__cat{grid-column:2}.work__list .is-active a,.work__list a:hover{color:var(--star);padding-left:8px}.work__list .is-active .mono:first-child{color:var(--ion)}.process__head{position:absolute;top:clamp(68px,11vh,115px);left:var(--gutter)}.process__stages{position:absolute;left:var(--gutter);right:calc(var(--gutter) + 28px);bottom:clamp(14px,4vh,42px);list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,20px)}.process__stages li{border-top:1px solid var(--line);padding-top:clamp(8px,1.4vh,14px);opacity:.5;transition:opacity .6s,border-color .6s}.process__stages li.is-on{opacity:1;border-color:var(--plasma)}.process__stages li[aria-current]{border-color:var(--ion)}.process__stages .mono{color:var(--ion);font-size:.85rem}.process__stages h3{margin:4px 0 6px;font-weight:500;font-size:clamp(1.02rem,1.2vw,1.32rem);letter-spacing:-.02em;line-height:1.22}.process__stages p{margin:0;color:var(--star-dim);font-size:clamp(.78rem,.88vw,.9rem);line-height:1.45;display:block!important}.finale{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);max-width:min(46rem,56vw)}.display--finale{font-size:clamp(2.5rem,6.2vw,6.4rem)}.cta{display:inline-flex;align-items:center;gap:18px;margin-top:36px;padding:18px 22px 18px 26px;border:1px solid rgba(212,175,55,.7);background:#2a1d0659;text-decoration:none;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .4s,border-color .4s,box-shadow .4s}.cta:hover,.cta:focus-visible{background:#d4af374d;border-color:var(--ion);box-shadow:0 0 40px #d4af3759}.cta__orb{width:10px;height:10px;border-radius:50%;background:var(--ion);box-shadow:0 0 14px var(--ion),0 0 4px #fff8e7}.cta:disabled{opacity:.6;cursor:progress}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0605038c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:flex-end;animation:fade .4s ease}.dialog{position:relative;width:min(640px,100%);height:100%;overflow-y:auto;background:#0c0a06f5;border-left:1px solid var(--line);padding:88px clamp(20px,5vw,56px) 56px;outline:none;animation:slideIn .6s var(--ease-out)}.dialog__close{position:absolute;top:24px;right:clamp(20px,5vw,56px);background:none;border:1px solid var(--line);padding:10px 14px;cursor:pointer;color:var(--star-dim)}.dialog__close:hover{color:var(--star)}.dialog .title:focus{outline:none}@keyframes fade{0%{opacity:0}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}}.project__preview{aspect-ratio:16 / 10;margin-bottom:28px;border:1px solid var(--line);background-color:#0c0a06;position:relative;overflow:hidden}.project__preview:after{content:"Pratinjau Sistem";position:absolute;right:12px;bottom:10px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--star-faint)}.pattern-0{background-image:repeating-radial-gradient(ellipse 120% 40% at 40% 60%,transparent 0 14px,color-mix(in srgb,var(--accent) 55%,transparent) 15px 16px)}.pattern-1{background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,transparent) 1.5px,transparent 2.5px);background-size:22px 22px}.pattern-2{background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 26px,color-mix(in srgb,var(--accent) 60%,transparent) 27px 28px)}.pattern-3{background-image:repeating-radial-gradient(ellipse 90% 70% at 50% 50%,transparent 0 18px,color-mix(in srgb,var(--accent) 55%,transparent) 19px 20px)}.pattern-4{background-image:linear-gradient(transparent 55%,#0c0a06 55%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent) 0 26px,transparent 26px 40px)}.project header .mono{color:var(--ion);margin:0 0 10px}.project p{color:var(--star-dim)}.project__stack-title{margin:28px 0 10px;color:var(--star-faint);font-weight:400}.project__stack{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.project__stack li{border:1px solid var(--line);padding:6px 10px;font-size:.86rem}.project__nav{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.project__nav a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--star-dim)}.project__nav a:hover{color:var(--star)}.dialog--project{width:min(880px,100%)}.project__desc-paragraph{line-height:1.7;font-size:.96rem;margin-bottom:16px;color:var(--star-dim)}.project__apps-section{margin:36px 0 24px}.project__apps-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:24px;color:var(--star);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-bottom:32px}.app-card{background:#16120ca6;border:1px solid var(--line);padding:22px 20px;display:flex;flex-direction:column;transition:border-color .3s ease,background .3s ease,transform .3s ease}.app-card:hover{border-color:#d4af3780;background:#1a150ee6;transform:translateY(-2px)}.app-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.app-card__num{font-size:.72rem;color:var(--ion)}.app-card__tag{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--star-dim);background:#d4af3714;padding:3px 8px;border:1px solid rgba(212,175,55,.2)}.app-card__title{font-size:1.05rem;font-weight:500;color:var(--star);margin:0 0 10px;line-height:1.35}.app-card__desc{font-size:.88rem;line-height:1.6;color:var(--star-dim);margin:0 0 16px;flex-grow:1}.app-card__highlights{list-style:none;padding:12px 0 0;margin:0;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px}.app-card__highlights li{font-size:.8rem;line-height:1.5;color:var(--star-dim);display:flex;align-items:flex-start;gap:8px}.app-card__bullet{flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--ion);margin-top:7px}.project__consult{margin:36px 0;padding:24px;background:radial-gradient(circle at 10% 20%,#d4af371f,#0c0a0666),#14100abf;border:1px solid rgba(212,175,55,.35);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.project__consult-info{flex:1 1 300px}.project__consult-eyebrow{color:var(--ion);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}.project__consult-heading{font-size:1.15rem;color:var(--star);margin:0 0 8px;font-weight:500}.project__consult-desc{font-size:.88rem;color:var(--star-dim);margin:0;line-height:1.55}.cta--small{padding:12px 22px;font-size:.78rem;white-space:nowrap}.project__url-link{margin-top:20px}.field{display:grid;gap:6px;margin-bottom:18px}.field label{font-size:.92rem}.field label .mono{color:var(--star-faint);font-size:.62rem}.field input,.field textarea{font:inherit;color:var(--star);background:#f4f4fa0a;border:1px solid var(--line);padding:12px 14px;border-radius:0;resize:vertical;transition:border-color .3s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--ion)}.has-error input,.has-error textarea{border-color:#ff7a9c}.field__error{margin:0;color:#ff9db5;font-size:.85rem}.notice{border-left:2px solid var(--plasma);padding:10px 14px;background:#2a1d0640;color:var(--star-dim);line-height:1.6}.notice.mono{font-size:.66rem;letter-spacing:.08em}.notice--warn{border-color:#ffb86b;background:#ffb86b14}.notice--warn p{margin:0 0 6px}.notice--ok{border-color:var(--ion)}.notice code{font-family:var(--font-mono);font-size:.85em;color:var(--star)}.cta--submit{margin-top:12px}.site-footer{position:relative;z-index:2;background:linear-gradient(transparent,var(--black) 22%);padding:18vh var(--gutter) 40px;overflow:hidden}.site-footer__line{height:1px;background:linear-gradient(90deg,transparent,var(--plasma) 30%,var(--ion) 70%,transparent);opacity:.8}.site-footer__word{font-size:clamp(4rem,19vw,19rem);font-weight:600;letter-spacing:-.06em;line-height:.85;margin:6vh 0 6vh -.04em;color:transparent;-webkit-text-stroke:1px rgba(212,175,55,.35);background:linear-gradient(180deg,rgba(212,175,55,.3),transparent 70%);-webkit-background-clip:text;background-clip:text;white-space:nowrap}.site-footer__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding-top:32px}.site-footer h2{font-weight:400;color:var(--star-faint);margin:0 0 14px}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.site-footer a{text-decoration:none;color:var(--star-dim)}.site-footer a:hover{color:var(--star)}.site-footer__meta{grid-column:-2;text-align:right;display:grid;gap:8px;align-content:start}.site-footer__meta p{margin:0;color:var(--star-dim)}@media (max-width: 1100px){.caps__tab{min-width:0}.process__stages{grid-template-columns:repeat(2,1fr);gap:14px 22px}.process__stages p{font-size:.84rem}}@media (max-width: 760px),(max-aspect-ratio: 9/10){.hero{top:auto;bottom:13vh;transform:none;margin-top:0;max-width:none;right:var(--gutter)}.hero .display,.display{font-size:clamp(2.2rem,10vw,3.8rem);line-height:1.05}.panel--left{left:var(--gutter);right:var(--gutter);top:auto;bottom:3.5vh;transform:none;max-width:none;padding:20px 18px;background:#080704b8;border:1px solid rgba(212,175,55,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:6px;box-shadow:0 8px 32px #00000073}.panel--left .title{margin:6px 0 10px;font-size:clamp(1.3rem,5.6vw,1.75rem);line-height:1.15}.principles{gap:10px;margin-top:16px;padding-top:14px}.principles p{display:block;font-size:.82rem;line-height:1.45;margin-top:3px;color:var(--star-dim)}.about__desc{margin-top:14px;padding-top:12px}.about__desc p{font-size:.88rem;line-height:1.52}.caps__head,.work__head,.process__head{top:11vh;right:var(--gutter)}.caps__tabs{bottom:auto;top:calc(11vh + 7.4rem);max-width:none;right:var(--gutter);flex-wrap:nowrap}.caps__tab{flex:1;padding:10px;font-size:.8rem}.caps__panel{left:var(--gutter);right:var(--gutter);width:auto;bottom:4vh;padding:16px 18px}.caps__panel h3{font-size:1.2rem}.work__active{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:3.5vh;padding:14px 16px}.work__active .project-vector{margin-bottom:8px;padding:6px 8px;max-height:96px;display:flex;align-items:center;justify-content:center}.work__active .project-vector__svg{max-height:84px;width:auto;max-width:100%}.work__active>.mono{font-size:.65rem}.work__active h3{font-size:clamp(1.02rem,4vw,1.28rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 6px}.work__active p{font-size:.83rem;line-height:1.42;margin:0 0 8px}.work__active .link-arrow{font-size:.78rem;padding:2px 0}.work__list-container{display:none}.process__stages{right:var(--gutter);bottom:4vh;gap:10px 14px}.process__stages h3{font-size:1.05rem}.process__stages p{font-size:.76rem;line-height:1.4}.finale{top:auto;bottom:8vh;transform:none;right:var(--gutter);max-width:none}.display--finale{font-size:clamp(2.3rem,10.5vw,4.2rem)}.manifest__line{font-size:clamp(2rem,10vw,3.6rem);align-self:end;margin-bottom:14vh}.manifest__line:nth-child(2){justify-self:start;text-align:left}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__meta{grid-column:1 / -1;text-align:left}}@media (max-height: 720px) and (min-width: 761px){.process__head{top:clamp(55px,8.5vh,80px)}.process__stages{bottom:clamp(10px,2.5vh,22px);gap:12px}.process__stages li{padding-top:8px}.process__stages h3{font-size:1.02rem;margin:2px 0 4px}.process__stages p{font-size:.78rem;line-height:1.35}}@media (max-height: 560px) and (min-width: 761px){.principles p{display:none}.process__stages p{font-size:.72rem;line-height:1.28}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}.reduced-motion .chapter__inner,.reduced-motion .manifest__line{transform:none}.autoscroll-control{position:fixed;left:var(--gutter);bottom:24px;z-index:28;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none;animation:fade .6s var(--ease-out)}.autoscroll-control>*{pointer-events:auto}.in-footer .autoscroll-control{opacity:.45;transition:opacity .4s}.in-footer .autoscroll-control:hover{opacity:1}.autoscroll-control__pill{display:inline-flex;align-items:center;gap:10px;background:#0c0a06d1;border:1px solid rgba(212,175,55,.38);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:6px 12px 6px 10px;border-radius:28px;box-shadow:0 4px 20px #0000008c,0 0 16px #d4af371f;transition:border-color .3s,box-shadow .3s,transform .2s}.autoscroll-control__pill:hover{border-color:var(--plasma);box-shadow:0 4px 24px #000000a6,0 0 24px #d4af3740}.autoscroll-control__toggle{display:inline-flex;align-items:center;gap:9px;background:none;border:none;color:var(--star);padding:4px 6px;cursor:pointer;border-radius:20px;transition:color .3s}.autoscroll-control__toggle:hover{color:var(--ion)}.autoscroll-control__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#d4af372e;color:var(--ion);transition:background .3s,transform .2s}.autoscroll-control__toggle:hover .autoscroll-control__icon{background:#d4af3759;transform:scale(1.08)}.autoscroll-control__status-dot{width:7px;height:7px;border-radius:50%;background:#ffb86b;box-shadow:0 0 8px #ffb86b;transition:background .3s,box-shadow .3s}.autoscroll-control__toggle.is-active .autoscroll-control__status-dot{background:#50e3c2;box-shadow:0 0 10px #50e3c2,0 0 4px #50e3c2;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.75}}.autoscroll-control__text{font-size:.65rem;letter-spacing:.14em;color:var(--star);font-weight:500}.autoscroll-control__speed-selector{display:inline-flex;align-items:center;background:#f4f4fa0f;border:1px solid var(--line);border-radius:14px;padding:2px;gap:2px}.autoscroll-control__speed-btn{background:none;border:none;padding:3px 8px;font-size:.62rem;letter-spacing:.08em;color:var(--star-dim);border-radius:12px;cursor:pointer;transition:background .2s,color .2s}.autoscroll-control__speed-btn:hover{color:var(--star)}.autoscroll-control__speed-btn.is-selected{background:#d4af3740;color:var(--ion);font-weight:500}.autoscroll-control__hint{font-size:.62rem;letter-spacing:.06em;color:var(--star-faint);padding-left:10px;text-shadow:0 1px 8px rgba(0,0,0,.95);max-width:280px;line-height:1.4;opacity:.85}@media (max-width: 760px){.autoscroll-control{bottom:16px;left:var(--gutter);gap:4px}.autoscroll-control__pill{padding:5px 10px 5px 8px}.autoscroll-control__hint{display:none}}:root{--black: #060503;--nebula: #1c1404;--plasma: #d4af37;--plasma-soft: #e8cf78;--ion: #ffd700;--star: #fff8e7;--star-dim: rgba(255, 248, 231, .72);--star-faint: rgba(255, 235, 175, .38);--line: rgba(212, 175, 55, .2);--glass: rgba(12, 10, 6, .65);--font-display: "Space Grotesk", "Sora", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--gutter: clamp(16px, 4vw, 56px);--ease-out: cubic-bezier(.16, 1, .3, 1);--journey-h: 1750vh;--journey: 0;color-scheme:dark}@media (max-width: 760px){:root{--journey-h: 1450vh}}*,*:before,*:after{box-sizing:border-box}html{background:var(--black);-webkit-text-size-adjust:100%}body{margin:0;background:var(--black);color:var(--star);font-family:var(--font-display);font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}html.has-dialog body{overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:1.5px solid var(--ion);outline-offset:4px;border-radius:2px}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;background:var(--star);color:var(--black);font-family:var(--font-mono);font-size:.75rem;text-decoration:none}.skip-link:focus{top:16px}