*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px;scrollbar-width:none}html::-webkit-scrollbar{display:none}:root{--green:#35f28b;--violet:#8b4dff;--white:#f5f5f3;--muted:#aaa8b3;--line:#ffffff25;--bg:#030304}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.55 Arial,Helvetica,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #bc96ff;outline-offset:6px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.04;font-weight:400;letter-spacing:-.055em}em{font-style:normal}button{color:inherit}button:hover .arrow{transform:translate(2px,-2px)}.wrap{max-width:1600px;margin:auto;padding-left:64px;padding-right:64px}.brand-lockup{letter-spacing:-.045em;align-items:center;gap:9px;font-size:18px;display:inline-flex}.brand-lockup>span:last-child>span{color:var(--green)}.brand-mark{border:1px solid #ffffffb3;border-radius:8px 2px;place-items:center;width:25px;height:25px;display:grid;transform:rotate(-8deg)}.brand-mark i{font-size:12px;font-style:normal;font-weight:800;transform:rotate(8deg)}.skip{position:fixed;left:20px;top:-90px;padding:14px;background:var(--green);color:#071009;z-index:100}.skip:focus{top:12px}.header{height:100px;margin:auto;padding:0 64px;max-width:1600px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:10}.header nav{display:flex;gap:30px;font-size:14px;color:#b5b2bc}.header nav a{padding:12px 0}.header nav a:hover{color:var(--white)}.header-cta{font-size:13px;border-bottom:1px solid var(--green);padding:12px 0}.menu-toggle{display:none}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 90% 40%,#8b4dff13,transparent 55%)}.hero{min-height:800px;position:relative;padding-top:74px;padding-bottom:80px;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.hero-copy{position:relative;z-index:3}.eyebrow{font-size:11px;letter-spacing:.13em;color:#aaa8b3;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-size:clamp(42px,4.7vw,72px);margin:28px 0 24px}h1 em{display:block;color:var(--green);margin-top:14px}.intro{max-width:500px;font-size:17px;line-height:1.65;color:#b5b2be}.cta{background:var(--green);color:#07180d;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 20px;margin-top:26px;min-height:58px;border:1px solid transparent;font-size:14px;position:relative;overflow:hidden;text-align:left;transition:border-color .3s,box-shadow .3s}.cta b{font-size:24px;font-weight:400}.cta:after{content:'';position:absolute;width:50px;height:200%;top:-50%;left:-80px;background:#ffffff55;transform:rotate(25deg);transition:left .7s}.cta:hover:after{left:120%}.cta:hover{box-shadow:0 0 28px #35f28b20;border-color:#a8ffc7}.micro{font-size:12px;color:#95919f;margin-top:15px;line-height:1.65;max-width:480px}.hero-stage{position:relative;min-height:560px;perspective:1200px;margin-top:20px;transform:translate3d(calc(var(--mx,0)*3px),calc(var(--my,0)*3px),0)}.stage-site{position:absolute;width:370px;left:10%;top:155px;transform:rotateY(-15deg) rotateZ(5deg);z-index:2;filter:brightness(.78)}.website-surface{background:#e3ded3;color:#292b25;box-shadow:0 40px 80px #0008;border:1px solid #e0d6c1;border-right:5px solid #7b766c;border-bottom:5px solid #928b7c;border-radius:5px;overflow:hidden}.browser-bar{height:30px;background:#d6d0c5;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;color:#7c776e}.browser-bar small{font-size:8px}.mini-nav{padding:18px;display:flex;justify-content:space-between;align-items:center}.mini-nav>b{font-size:18px;letter-spacing:-.06em}.mini-nav>b span{color:#8e8271}.mini-nav>span{font-size:7px}.mini-body{display:grid;grid-template-columns:1fr 1fr;min-height:230px}.mini-body>div{padding:12px 0 18px 20px;position:relative;z-index:1}.mini-body small{font-size:7px;letter-spacing:.06em}.mini-body h3{font:30px/.99 Georgia,serif;letter-spacing:-.065em;margin:16px 0}.mini-body h3 em{font-style:italic}.mini-body img{width:100%;height:100%;max-height:250px}.mini-button{display:inline-block;background:#2d3829;color:#f2eddf;padding:10px;font-size:7px;white-space:nowrap}.mini-foot{display:flex;justify-content:space-around;border-top:1px solid #b4ad9f;padding:13px 0;font-size:7px}.shard{position:absolute;background:linear-gradient(135deg,#29272edd,#0c0b10ef);border:1px solid #ffffff32;border-right:4px solid #39353e;border-bottom:4px solid #27242d;box-shadow:0 25px 55px #0008;backdrop-filter:blur(8px);border-radius:5px;z-index:3}.social{width:220px;left:-10px;top:15px;transform:rotateY(20deg) rotateZ(-12deg);animation:drift 12s ease-in-out infinite}.shard-head{display:flex;gap:9px;align-items:center;padding:14px;font-size:10px}.shard-head small{display:block;font-size:7px;color:#9994a5}.platform{font:bold 23px Arial;color:#eee;background:#24232c;width:28px;height:28px;display:grid;place-items:center}.dots{margin-left:auto;color:#777}.social-image{height:108px;margin:0 10px;overflow:hidden}.social-image img{width:100%;height:100%;filter:brightness(.7)}.social-foot{padding:12px;font-size:10px}.social-foot>span{display:block;font-size:8px;border-top:1px solid var(--line);padding-top:9px;margin-top:10px;color:#9791a1}.search{width:235px;right:-15px;top:70px;padding:17px;transform:rotateY(-20deg) rotateZ(9deg);animation:drift 14s ease-in-out -3s infinite}.search-field{display:flex;justify-content:space-between;border:1px solid #ffffff26;border-radius:30px;padding:9px;margin-bottom:17px;font-size:9px}.search>small{font-size:8px;color:#9c96a9}.search>b{display:block;font-size:13px;color:#c4b5e6;font-weight:400;margin:7px 0}.search>p{font-size:10px;color:#9a94a3}.contact-fragment{left:40px;bottom:22px;padding:17px 20px;display:flex;gap:15px;align-items:center;transform:rotateY(15deg) rotateZ(-5deg)}.contact-icon{border:1px solid #35f28b50;color:var(--green);width:35px;height:35px;display:grid;place-items:center}.contact-fragment>div{font-size:12px}.contact-fragment small{display:block;font-size:9px;color:#8f899c}.orbit-line{position:absolute;width:480px;height:480px;border:1px solid #8b4dff30;border-radius:50%;top:30px;left:0;transform:rotateX(60deg) rotate(-20deg)}.scene-caption{position:absolute;bottom:-25px;right:0;font-size:9px;letter-spacing:.09em;color:#736d81}.scene-caption i{font-style:normal;color:var(--green);margin:0 8px}.hero-baseline{position:absolute;left:64px;right:64px;bottom:22px;display:flex;justify-content:space-between;font-size:11px;color:#77717f;border-top:1px solid var(--line);padding-top:22px}.hero-baseline b{color:var(--green);margin-left:20px}.section-label{font-size:11px;letter-spacing:.12em;color:#9b94aa}.transformation{padding-top:95px;padding-bottom:90px;--progress:0}.transformation-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;margin-top:35px;align-items:end}h2{font-size:clamp(36px,4.5vw,68px)}h2 em{color:#a9a1b6}.transformation-copy p{font-size:18px;color:#b1aabb;max-width:430px}.assembly{height:590px;position:relative;perspective:1200px;margin-top:20px}.assembly-site{width:500px;position:absolute;left:50%;top:95px;transform:translateX(-50%) rotateX(calc((1 - var(--progress))*18deg)) rotateY(calc((1 - var(--progress))*-14deg)) scale(calc(.8 + var(--progress)*.2));z-index:2}.assembly .mini-body{min-height:270px}.assembly .mini-body h3{font-size:40px}.satellite{position:absolute;display:flex;gap:12px;align-items:center;padding:17px 20px;background:#14121b;border:1px solid #ffffff25;box-shadow:0 20px 40px #0005;font-size:14px;z-index:3}.satellite>b{font-size:25px;font-weight:400;color:#c5b2ef}.satellite i{font-style:normal;color:var(--green);margin-left:15px}.sat-one{left:6%;top:100px;transform:translateX(calc(var(--progress)*70px)) rotate(calc(-12deg + var(--progress)*6deg))}.sat-two{right:3%;top:180px;transform:translateX(calc(var(--progress)*-60px)) rotate(calc(10deg - var(--progress)*5deg))}.sat-three{left:17%;bottom:45px;transform:translateY(calc(var(--progress)*-40px)) rotate(-4deg)}.assembly-ring{position:absolute;inset:30px 12%;border:1px solid #8b4dff33;border-radius:50%;transform:rotateX(60deg);z-index:0}.journey{display:flex;list-style:none;padding:0;margin:0;justify-content:space-between;border-top:1px solid var(--line)}.journey li{padding-top:24px;font-size:18px}.journey span{color:var(--green);font-size:11px;display:block;margin-bottom:10px}.portfolio{padding-top:70px;padding-bottom:100px}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:32px 0 45px}.portfolio-heading p{max-width:350px;color:#aaa3b5;font-size:17px}.project-live{background:#e3ded3;color:#282b25;box-shadow:0 45px 100px #0007;overflow:hidden}.project-toolbar{display:flex;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #c3bdaf;font-size:10px;letter-spacing:.09em}.project-content{display:grid;grid-template-columns:1fr 1.1fr}.project-text{padding:45px}.project-kicker{font-size:10px;letter-spacing:.1em}.project-text h3{font:clamp(48px,5.8vw,88px)/.95 Georgia,serif;letter-spacing:-.07em;margin:30px 0}.project-text h3 em{font-style:italic;color:#77765f}.project-text>p:not(.project-kicker){font-size:16px;max-width:310px;color:#68685c}.project-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#2b392b;color:#f2ecdf;border:0;padding:18px 22px;margin-top:25px;font-size:14px;min-height:48px}.project-content>img{width:100%;height:100%;max-height:690px;transition:object-position 1.5s;object-position:50% 50%}.project-live:hover .project-content>img{object-position:57% 50%}.project-services{display:flex;justify-content:space-between;padding:25px 40px;border-top:1px solid #c0bbae;font-size:12px}.project-rationale{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:35px}.project-rationale small{font-size:10px;color:#bca1ed;letter-spacing:.1em}.project-rationale p{font-size:15px;color:#b0a8ba;margin-top:10px}.concept{padding-top:80px;padding-bottom:100px;border-top:1px solid var(--line)}.concept h2{margin-top:35px;font-size:clamp(42px,6.4vw,98px)}.concept h2 em{color:var(--green)}.concept-bottom{display:flex;gap:70px;align-items:center;justify-content:space-between;margin-top:30px}.concept-bottom p{max-width:520px;color:#aaa3b5;font-size:17px}.concept-bottom .cta{margin:0;flex-shrink:0}footer{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:30px;padding-bottom:40px;font-size:11px;color:#8f889a}footer p{max-width:200px}footer .brand-lockup{color:var(--white)}dialog{background:#14121b;color:#f5f5f3;border:1px solid #6b5b7e;padding:48px;width:min(90vw,560px);max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:48px;margin:30px 0}dialog ul{padding-left:20px;line-height:2;color:#c8c1d1}dialog p{font-size:15px}.demo-notice{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;color:#a69caf}.dialog-close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:28px;width:44px;height:44px}.dialog-done{width:100%}.dialog-open{overflow:hidden}
body.a h1{font-size:clamp(44px,5.2vw,78px);letter-spacing:-.06em}body.a h1 em{color:#f5f5f3}body.a .hero{grid-template-columns:1.25fr .8fr}body.a .hero-stage{margin-top:75px;min-height:490px}body.a .stage-site{width:340px;left:0;top:90px;transform:rotateY(-18deg) rotateZ(-4deg);filter:none}body.a .social,body.a .search,body.a .contact-fragment,body.a .orbit-line{display:none}body.a .hero-copy h1 em:after{content:'';display:block;width:100px;height:3px;background:var(--violet);margin-top:25px}body.a .scene-caption{right:20px;bottom:-15px}body.a .assembly-ring{display:none}body.a .satellite{background:#0e0d12}body.a .ambient{background:linear-gradient(90deg,transparent 65%,#ffffff03 65%)}
body.b{--bg:#100e0d}body.b .ambient{background:radial-gradient(ellipse at 80% 30%,#73574322,transparent 65%)}body.b h1,body.b h2{font-family:Georgia,serif;letter-spacing:-.055em}body.b h1 em,body.b h2 em{color:#d9c2a5;font-style:italic}body.b .hero{grid-template-columns:1.15fr 1fr}body.b .hero-stage{margin-top:40px}body.b .stage-site{top:10px;left:8%;width:410px;transform:rotate(3deg);filter:none}body.b .stage-site .mini-body{display:flex;flex-direction:column-reverse}body.b .stage-site .mini-body img{height:240px;max-height:240px;width:100%}body.b .stage-site .mini-body>div{padding:20px}body.b .stage-site h3{font-size:35px;margin:10px 0}body.b .stage-site h3 br{display:none}body.b .social{top:220px;left:-30px;width:185px;transform:rotate(-9deg);z-index:4}body.b .social-image{height:95px}body.b .search,body.b .contact-fragment,body.b .orbit-line{display:none}body.b .scene-caption{bottom:-30px}body.b .satellite{background:#211b17}body.b .assembly-ring{border-color:#c1a98a33}body.b .project-live{background:#e1d6c5}
@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(min-width:1600px){.hero{min-height:880px}.hero-stage{scale:1.1;transform-origin:left top}.hero-copy{padding-top:20px}}
@media(max-width:1100px) and (min-width:701px){.wrap{padding-left:36px;padding-right:36px}.header{padding:0 36px}.header-cta{display:none}.hero{grid-template-columns:1fr 1fr;padding-top:60px}.hero-stage{scale:.8;transform-origin:left center;width:450px}.hero-baseline{left:36px;right:36px}h1,body.a h1{font-size:48px}.transformation-copy{gap:30px}.assembly-site{width:430px}.sat-one{left:0}.sat-two{right:0}.project-text{padding:28px}.concept-bottom{gap:30px}.concept-bottom p{font-size:16px}.cta{font-size:12px}.header nav{gap:20px;font-size:12px}.hero-stage .search{right:0}.hero-stage .stage-site{left:0}.hero{overflow:clip}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.header{height:76px;padding:0 22px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#151219;border-bottom:1px solid #ffffff40;padding:20px;flex-direction:column;gap:2px}.header nav.open{display:flex}.header nav a{min-height:44px;padding:12px}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:14px;background:transparent;border:0;padding:10px 0 10px 12px;font-size:12px;min-height:44px}.hero,body.a .hero,body.b .hero{display:block;padding-top:31px;padding-bottom:75px;min-height:0}.eyebrow{font-size:9px;letter-spacing:.08em;gap:7px}h1,body.a h1,body.b h1{font-size:clamp(31px,9.2vw,51px);line-height:1.06;letter-spacing:-.055em;margin:22px 0}h1 em{margin-top:9px}h1 em br{display:none}.intro{font-size:16px;line-height:1.5;max-width:460px}.cta{width:100%;font-size:13px;min-height:58px;padding:16px;margin-top:21px;gap:15px}.cta b{font-size:22px}.micro{font-size:11px;line-height:1.5;margin-top:12px}.hero-stage,body.a .hero-stage,body.b .hero-stage{width:100%;min-height:0;height:315px;margin:32px 0 5px;transform:none;perspective:800px}.stage-site,body.a .stage-site,body.b .stage-site{width:245px;top:44px;left:50%;transform:translateX(-45%) rotateY(-10deg) rotateZ(4deg)}.browser-bar{height:20px;font-size:6px}.browser-bar small{font-size:6px}.mini-nav{padding:12px}.mini-nav>b{font-size:15px}.mini-nav>span{font-size:5px}.mini-body{min-height:170px}.mini-body>div{padding:7px 0 10px 12px}.mini-body small{font-size:5px}.mini-body h3{font-size:23px;margin:13px 0}.mini-body img{max-height:185px}.mini-button{font-size:5px;padding:7px}.mini-foot{font-size:5px;padding:10px 0}.social{width:132px;top:0;left:-2px;transform:rotate(-9deg);animation:none}.shard-head{padding:8px;gap:6px;font-size:8px}.platform{font-size:18px;width:22px;height:22px}.shard-head small{font-size:5px}.dots{display:none}.social-image{height:63px;margin:0 6px}.social-foot{padding:7px;font-size:7px}.social-foot>span{font-size:6px;margin-top:5px;padding-top:5px}.search{width:145px;right:-3px;top:170px;padding:10px;transform:rotate(7deg);animation:none}.search-field{font-size:6px;padding:6px;margin-bottom:9px}.search>small{font-size:6px}.search>b{font-size:10px;line-height:1.2}.search>p{font-size:8px}.contact-fragment{display:none}.orbit-line{width:100%;height:270px;left:0;top:10px}.scene-caption{font-size:7px;bottom:0;left:0;text-align:center}.hero-baseline{bottom:15px;left:22px;right:22px;padding-top:17px;font-size:10px}.hero-baseline>span{display:none}.hero-baseline a{width:100%;display:flex;justify-content:space-between}.transformation{padding-top:60px;padding-bottom:50px}.section-label{font-size:9px}.transformation-copy{display:block;margin-top:25px}h2{font-size:36px}.transformation-copy p{font-size:16px;line-height:1.6;margin-top:25px}.assembly{height:360px;margin-top:30px;overflow:visible}.assembly-site{width:255px;left:50%;top:68px;transform:translateX(-50%) rotateY(calc((1 - var(--progress))*-12deg))}.assembly .mini-body{min-height:170px}.assembly .mini-body h3{font-size:23px}.satellite{padding:9px 11px;font-size:10px;gap:7px}.satellite>b{font-size:16px}.satellite i{margin-left:4px}.sat-one{top:5px;left:0;transform:rotate(-5deg)}.sat-two{right:0;top:280px;transform:rotate(5deg)}.sat-three{display:none}.assembly-ring{inset:20px 0}.journey{display:grid;grid-template-columns:1fr 1fr;gap:20px}.journey li{font-size:15px;padding-top:12px}.journey span{margin-bottom:5px}.portfolio{padding-top:50px;padding-bottom:60px}.portfolio-heading{display:block;margin:25px 0 30px}.portfolio-heading p{font-size:16px;margin-top:25px}.project-live{margin:0 -22px}.project-toolbar{padding:16px 22px;font-size:8px;gap:15px}.project-content{display:flex;flex-direction:column}.project-text{padding:32px 22px}.project-text h3{font-size:65px;margin:25px 0}.project-text>p:not(.project-kicker){font-size:16px}.project-content>img{height:300px;width:100%}.project-cta{width:100%;min-height:50px}.project-services{padding:20px 22px;flex-direction:column;gap:12px;font-size:12px}.project-rationale{grid-template-columns:1fr;gap:25px}.project-rationale p{font-size:16px}.project-rationale small{font-size:10px}.concept{padding-top:55px;padding-bottom:60px}.concept h2{font-size:40px;margin-top:25px}.concept-bottom{display:block;margin-top:25px}.concept-bottom p{font-size:16px}.concept-bottom .cta{margin-top:25px}footer{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:25px;padding-top:30px;padding-bottom:calc(30px + env(safe-area-inset-bottom))}footer p{font-size:11px}footer>span{font-size:9px}dialog{padding:35px 22px;width:calc(100% - 32px)}dialog h2{font-size:38px}body.a .hero-copy h1 em:after{margin-top:17px;width:65px;height:2px}body.a .hero-stage{height:280px}body.a .stage-site{top:10px;width:280px;left:50%;transform:translateX(-50%) rotateY(-10deg) rotateZ(-3deg)}body.a .scene-caption{bottom:0;right:0}body.b .hero-stage{height:340px}body.b .stage-site{top:5px;width:240px;left:auto;right:0;transform:rotate(3deg)}body.b .stage-site .mini-body img{height:150px;max-height:150px}body.b .stage-site .mini-body>div{padding:12px}body.b .stage-site h3{font-size:22px}body.b .stage-site .mini-body{min-height:0}body.b .social{top:120px;left:0;width:125px}body.b .social-image{height:65px}body.b .scene-caption{bottom:0}body.b .stage-site .mini-foot{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-stage,.assembly-site,.satellite{translate:none!important}.assembly-site{transform:translateX(-50%)!important}}
.hero-copy{min-width:0}.hero{overflow:clip}@media(min-width:701px) and (max-width:1100px){.hero,body.a .hero,body.b .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-stage,body.a .hero-stage,body.b .hero-stage{width:100%;scale:.72;transform-origin:left top}.stage-site,body.b .stage-site{left:0}.hero{min-height:780px}body.a h1,h1{font-size:44px}.hero-copy .cta{font-size:12px}.transformation-copy{grid-template-columns:1.1fr 1fr}}@media(max-width:700px){.orbit-line{width:80%;left:10%}}