:root{--bg:#09090b;--ink:#f5f4f1;--muted:#a4a1aa;--line:rgba(255,255,255,.16);--violet:#7747ff;--pink:#e54ca2;--acid:#c7ff42;--display:"Unbounded",sans-serif;--body:"Manrope",sans-serif;--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:#000;padding:12px}.skip-link:focus{top:16px}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.3;z-index:-1}.site-header{height:92px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.1;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ink);font-weight:700}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a,.text-link{position:relative}.site-header nav a:after,.text-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after,.text-link:hover:after{transform:scaleX(1);transform-origin:left}.header-contact{justify-self:end;font-size:13px;display:flex;gap:14px;align-items:center}.header-contact span,.action span{transition:transform .3s}.header-contact:hover span{transform:translate(3px,-3px)}
.hero{min-height:calc(100svh - 92px);padding:clamp(48px,7vh,88px) var(--pad) 26px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:3vw;position:relative}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;z-index:2}.hero h1{font-family:var(--display);font-size:clamp(42px,5.65vw,91px);line-height:.98;letter-spacing:-.035em;margin:0;max-width:12ch;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--violet)}.hero-bottom{display:grid;grid-template-columns:minmax(260px,520px) auto;align-items:end;gap:34px;margin-top:60px}.hero-bottom p{font-size:clamp(16px,1.35vw,21px);line-height:1.55;margin:0;color:#d1ced6;max-width:48ch}.action{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:220px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:18px 0;font-weight:700}.action:hover span{transform:translateY(4px)}.hero-machine{position:relative;display:grid;place-items:center;min-height:520px}.orb{width:min(30vw,420px);aspect-ratio:1;border-radius:44% 56% 62% 38%/41% 46% 54% 59%;background:radial-gradient(circle at 35% 30%,#bc9cff 0,transparent 24%),radial-gradient(circle at 66% 68%,#df3f9a 0,transparent 32%),linear-gradient(135deg,#35148a,#7b3cff 48%,#141017 78%);filter:saturate(1.2);box-shadow:34px 42px 100px rgba(119,71,255,.2);animation:morph 9s ease-in-out infinite alternate;position:relative}.orb:after{content:"";position:absolute;inset:12%;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.42),rgba(255,255,255,0) 36%);mix-blend-mode:overlay}.orbit{position:absolute;width:min(39vw,560px);overflow:visible;animation:spin 30s linear infinite}.orbit circle,.orbit path{fill:none;stroke:rgba(255,255,255,.26);stroke-width:1}.node{position:absolute;border:1px solid rgba(255,255,255,.42);background:#09090b;padding:9px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.node-a{left:2%;top:31%}.node-b{right:0;top:23%}.node-c{right:4%;bottom:29%}.node-d{left:0;bottom:20%}.machine-caption{position:absolute;right:0;bottom:1%;max-width:260px;display:flex;flex-direction:column;gap:6px}.machine-caption strong{text-transform:uppercase;font-family:var(--display);font-size:16px}.machine-caption span{font-size:12px;color:var(--muted)}.scroll-note{position:absolute;right:var(--pad);bottom:26px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.manifesto{padding:clamp(110px,16vw,240px) var(--pad);border-top:1px solid var(--line)}.manifesto p{font-size:14px;color:var(--violet);font-weight:700;margin:0 0 26px}.manifesto h2{font-family:var(--display);font-size:clamp(31px,4.4vw,71px);line-height:1.08;letter-spacing:-.035em;margin:0;max-width:18ch}.section-head{display:grid;grid-template-columns:1fr minmax(280px,440px);align-items:end;gap:40px;padding:0 var(--pad) 56px}.section-head h2{font-family:var(--display);font-size:clamp(34px,4.1vw,66px);line-height:1.02;letter-spacing:-.035em;margin:0;text-transform:uppercase}.section-head p{font-size:17px;line-height:1.55;color:var(--muted);margin:0}.cases{padding:120px 0}.case{margin:0 var(--pad) 22px;border-top:1px solid var(--line);position:relative}.case-featured{min-height:700px;background:#f1efe9;color:#111;padding:clamp(28px,4vw,62px);display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr auto auto;overflow:hidden}.case-title span,.case-lines span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.case-title h3{font-family:var(--display);font-size:clamp(45px,6vw,96px);line-height:.95;letter-spacing:-.04em;margin:20px 0 28px}.case-title p{font-size:18px;line-height:1.55;max-width:56ch}.case-pulse{position:relative;display:grid;place-items:center}.pulse-ring{width:min(30vw,380px);aspect-ratio:1;border:1px solid #111;border-radius:50%;animation:pulse 3.4s ease-out infinite}.pulse-ring:before,.pulse-ring:after{content:"";position:absolute;inset:16%;border:1px solid #111;border-radius:50%}.pulse-ring:after{inset:32%;background:var(--violet);border:0}.pulse-label{position:absolute;z-index:2;color:white;text-transform:uppercase;text-align:center;font-family:var(--display);font-size:14px}.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa49b;margin-top:50px}.metrics div{padding:32px 24px 12px 0;border-right:1px solid #aaa49b}.metrics div:not(:first-child){padding-left:24px}.metrics div:last-child{border-right:0}.metrics strong{display:block;font-family:var(--display);font-size:clamp(32px,3vw,53px);letter-spacing:-.035em}.metrics span{display:block;font-size:12px;line-height:1.45;margin-top:10px;text-transform:uppercase}.source-note{grid-column:1/-1;font-size:11px;color:#625e58;margin:22px 0 0}.case-split{min-height:600px;display:grid;grid-template-columns:.55fr 1.2fr .75fr;background:#161619;padding:clamp(28px,4vw,60px);gap:4vw;overflow:hidden}.case-index{font-family:var(--display);font-size:12px;line-height:1.4;color:var(--violet)}.case-copy h3,.case-lines h3{font-family:var(--display);font-size:clamp(36px,4.2vw,68px);line-height:1.02;letter-spacing:-.035em;margin:0 0 30px}.case-copy p{color:#c2bec8;line-height:1.6;max-width:54ch}.case-copy ul{list-style:none;margin:50px 0 0;padding:0;border-top:1px solid var(--line)}.case-copy li{padding:16px 0;border-bottom:1px solid var(--line);color:#c2bec8}.case-copy li strong{color:white;margin-right:10px}.case-graphic{align-self:stretch;display:flex;flex-direction:column;justify-content:space-around;position:relative}.case-graphic:before{content:"";position:absolute;inset:4% 26%;background:linear-gradient(var(--violet),var(--pink));border-radius:50%;filter:blur(2px);transform:rotate(18deg)}.case-graphic span{position:relative;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:8px;text-transform:uppercase;font-size:11px}.case-lines{padding:clamp(48px,7vw,110px) 0;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw}.case-lines>p{font-size:18px;line-height:1.65;color:var(--muted);margin-top:30px}.line-flow{grid-column:1/-1;display:flex;align-items:center;margin-top:70px;overflow:hidden}.line-flow i{height:1px;background:var(--line);flex:1;min-width:30px}.line-flow b{padding:0 16px;font-size:11px;text-transform:uppercase;white-space:nowrap}
.system{padding:140px 0;background:#ebe9e4;color:#111}.system .section-head p{color:#5c5954}.system-track{display:grid;grid-template-columns:repeat(3,1fr);padding:0 var(--pad)}.system-step{padding:48px 3vw 120px 0;border-top:1px solid #9b9790;border-right:1px solid #9b9790}.system-step:not(:first-child){padding-left:3vw}.system-step:last-child{border-right:0}.system-step>span{font-size:12px;text-transform:uppercase;color:#5e36db}.system-step h3{font-family:var(--display);font-size:clamp(23px,2.2vw,35px);line-height:1.15;letter-spacing:-.025em;margin:90px 0 24px}.system-step p{line-height:1.65;color:#5c5954}.lab{padding:150px 0}.lab-grid{margin:0 var(--pad);border-top:1px solid var(--line)}.lab-item{display:grid;grid-template-columns:80px .75fr 1fr;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid var(--line);transition:background .3s,padding .3s}.lab-item:hover{background:#151419;padding-left:20px;padding-right:20px}.lab-item span{font-size:11px;color:var(--violet)}.lab-item h3{font-family:var(--display);font-size:clamp(24px,3vw,46px);margin:0}.lab-item p{color:var(--muted);max-width:55ch;line-height:1.55}.contact{margin:40px var(--pad) 24px;background:var(--violet);padding:clamp(44px,7vw,110px)}.contact p{margin:0 0 24px;font-weight:700}.contact h2{font-family:var(--display);font-size:clamp(40px,7.2vw,112px);line-height:.96;letter-spacing:-.04em;margin:0;max-width:11ch}.contact-actions{margin-top:90px;display:flex;align-items:center;gap:50px}.action-light{min-width:280px}footer{padding:36px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;gap:30px;font-size:11px;text-transform:uppercase;color:var(--muted)}footer a{justify-self:end;color:white}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes morph{0%{border-radius:44% 56% 62% 38%/41% 46% 54% 59%;transform:rotate(-4deg) scale(.96)}100%{border-radius:62% 38% 43% 57%/58% 36% 64% 42%;transform:rotate(5deg) scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.72);opacity:.9}100%{transform:scale(1.1);opacity:0}}
:focus-visible{outline:2px solid var(--acid);outline-offset:6px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:42px}.hero h1{font-size:clamp(39px,10.3vw,72px)}.hero-bottom{grid-template-columns:1fr}.hero-machine{min-height:470px}.orb{width:min(76vw,390px)}.orbit{width:min(92vw,520px)}.scroll-note{display:none}.section-head{grid-template-columns:1fr}.case-featured,.case-split,.case-lines{grid-template-columns:1fr}.case-pulse{min-height:340px}.metrics{grid-template-columns:1fr 1fr}.metrics div:nth-child(2){border-right:0}.case-index{margin-bottom:10px}.case-graphic{min-height:300px}.case-lines>p{margin:0}.line-flow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.line-flow i{display:none}.line-flow b{padding:12px 0;border-top:1px solid var(--line)}.system-track{grid-template-columns:1fr}.system-step{border-right:0;padding:38px 0 60px}.system-step:not(:first-child){padding-left:0}.system-step h3{margin-top:52px}.lab-item{grid-template-columns:50px 1fr}.lab-item p{grid-column:2}.contact-actions{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}footer a{justify-self:start}}
@media(max-width:560px){:root{--pad:18px}.site-header{height:76px}.brand{font-size:10px}.brand-mark{width:32px;height:32px}.header-contact{font-size:0}.header-contact span{font-size:22px}.hero{min-height:auto;padding-bottom:80px}.hero h1{font-size:clamp(34px,10.6vw,55px);line-height:1.02}.hero-bottom{margin-top:40px}.hero-machine{min-height:390px}.node{font-size:9px}.machine-caption{bottom:-2%}.manifesto{padding:100px var(--pad)}.manifesto h2{font-size:29px}.cases,.lab{padding:100px 0}.case-featured{margin-left:0;margin-right:0}.case-title h3{font-size:40px}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid #aaa49b;padding-left:0!important}.case-split{margin-left:0;margin-right:0}.case-copy h3,.case-lines h3{font-size:34px}.section-head{padding-bottom:38px}.section-head h2{font-size:34px}.lab-item{grid-template-columns:38px 1fr;gap:14px}.contact{margin:20px 0 0}.contact h2{font-size:42px}.contact-actions{margin-top:60px}.action-light{min-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.scroll-note{display:none}
@media(max-width:560px){.hero h1{font-size:clamp(33px,9.7vw,52px);max-width:100%}}
.lab-item{transition:background .3s,transform .3s}
.lab-item:hover{padding-left:0;padding-right:0;transform:translateX(10px)}

/* Motion system: the interface comes online as one connected machine. */
.hero-line{display:block;overflow:hidden;padding-bottom:.04em;margin-bottom:-.04em}
.hero-line>span{display:block}
.motion .hero-line>span{animation:line-online .82s cubic-bezier(.16,1,.3,1) both}
.motion .hero-line:nth-child(2)>span{animation-delay:.09s}
.motion .hero-line:nth-child(3)>span{animation-delay:.18s}
.motion .hero-bottom{animation:control-online .7s .28s cubic-bezier(.16,1,.3,1) both}
.motion .hero-machine{animation:machine-online 1.05s .08s cubic-bezier(.16,1,.3,1) both}
.orb{--px:0px;--py:0px;transform:translate3d(var(--px),var(--py),0)}
.orbit{--orbit-shift:0px;transform:translate3d(0,var(--orbit-shift),0)}
.system-step{isolation:isolate;overflow:hidden}
.system-step::after{content:attr(data-letter);position:absolute;right:-.08em;bottom:-.28em;z-index:-1;font-family:var(--display);font-size:clamp(170px,18vw,310px);font-weight:800;line-height:1;color:rgba(119,71,255,.09);transform:translate3d(0,var(--scene-drift,0px),0);transition:color .35s ease}
.system-step:hover::after{color:rgba(119,71,255,.18)}
.section-head h2,.manifesto h2,.case-copy h3,.case-lines h3{clip-path:inset(0 0 0 0)}
.motion .reveal:not(.is-visible) .section-head h2{clip-path:inset(0 0 100% 0)}
@keyframes line-online{from{transform:translateY(112%);filter:blur(8px)}to{transform:translateY(0);filter:blur(0)}}
@keyframes control-online{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes machine-online{from{opacity:0;transform:scale(.82) rotate(-7deg);filter:blur(18px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:900px){.system-step::after{font-size:210px;bottom:-.34em}}
@media(prefers-reduced-motion:reduce){.motion .hero-line>span,.motion .hero-bottom,.motion .hero-machine{animation:none!important}.system-step::after{transform:none!important}}
.orb{animation:morph-depth 9s ease-in-out infinite alternate}
.orbit{animation:orbit-depth 30s linear infinite}
@keyframes morph-depth{0%{border-radius:44% 56% 62% 38%/41% 46% 54% 59%;transform:translate3d(var(--px),var(--py),0) rotate(-4deg) scale(.96)}100%{border-radius:62% 38% 43% 57%/58% 36% 64% 42%;transform:translate3d(var(--px),var(--py),0) rotate(5deg) scale(1.04)}}
@keyframes orbit-depth{to{transform:translate3d(0,var(--orbit-shift),0) rotate(360deg)}}
.hero{overflow:hidden}