@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080911;--ink:#f0f0f5;--muted:#a2a5b7;--line:#ffffff20;--accent:#af9fff;--font:'Space Grotesk',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif;overflow-x:hidden}body:after{content:'';pointer-events:none;position:fixed;inset:0;z-index:9;opacity:.027;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d0ffab;outline-offset:7px}button{border:1px solid var(--line);background:transparent}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font);font-weight:500;line-height:1.04;letter-spacing:-.06em}h1{font-size:clamp(54px,7vw,115px)}h2{font-size:clamp(40px,5.2vw,80px)}h3{font-size:30px;letter-spacing:-.04em}em{font-style:normal;color:var(--muted)}p{color:var(--muted)}small,.eyebrow,.status,.coordinates,.hero-bottom,.case-meta,.back,.footerline,.filters,.motion,.flow small,.experience>article>span{font-family:var(--font);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:block;margin-bottom:26px;color:#c4c8dc;font-size:11px}.skip{position:fixed;top:-100px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{top:0}.nav{position:absolute;top:0;left:0;width:100%;height:108px;z-index:20;padding:0 5%;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:14px;font:9px/1.3 var(--font);letter-spacing:.16em}.brandmark{font:44px/.9 var(--font);letter-spacing:-.22em;display:block;padding-right:8px}.brandmark span{color:#c0b1ff}.nav nav{margin-left:auto;display:flex;align-items:center;gap:35px;font-size:12px}.nav nav a{transition:color .2s}.nav nav a:hover{color:#b9a2ff}.navcontact{border-bottom:1px solid #ffffff60;padding:7px 0}.navcontact span{margin-left:20px}.motion{font-size:8px;border-radius:30px;padding:8px 12px;letter-spacing:.08em}.motion span{color:#b7f59b;margin-left:5px}.hero{height:max(820px,100svh);max-height:1200px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 45%,#221a49 0,transparent 58%),#070911}.hero canvas{width:100%;height:100%;position:absolute;inset:0;z-index:-2;touch-action:pan-y}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080911b0,transparent 65%),linear-gradient(0deg,#080911,transparent 20%);pointer-events:none}.hero-top{position:absolute;left:5%;right:5%;top:145px;display:flex;justify-content:space-between}.hero-top .eyebrow{font-size:8px}.coordinates{font-size:8px;line-height:1.8;text-align:right;color:#8a8da8}.live-dot{display:inline-block;width:5px;height:5px;background:#c2b3ff;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #a887ff}.hero-copy{position:absolute;left:8%;top:31%;width:55%;transition:opacity .5s,transform .7s;pointer-events:none}.hero-copy .eyebrow{font-size:9px}.hero-copy h1{font-size:clamp(72px,8.8vw,145px);letter-spacing:-.075em;line-height:.98}.hero-copy h1 em{color:#d0c6fb}.intro{max-width:390px;font-size:14px;margin:28px 0 26px;line-height:1.8;color:#c0c0d3}.pill{display:inline-flex;align-items:center;gap:40px;border:1px solid #ffffff50;border-radius:40px;padding:15px 24px;font-size:12px;pointer-events:auto;transition:background .25s,transform .25s}.pill:hover{background:#ede9ff;color:#13101d;transform:translateY(-3px)}.hero-bottom{position:absolute;bottom:45px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px}.hero-bottom a span{margin-left:20px}.hero-bottom button{font-size:11px;border:1px solid #ffffff30;padding:12px 22px;border-radius:30px;background:#14132080;backdrop-filter:blur(15px)}.scene-hint{color:#898da6;font-size:8px}.universe-nodes{position:absolute;inset:0;pointer-events:none}.node{position:absolute;display:flex;align-items:center;gap:16px;pointer-events:auto}.node i{width:9px;height:9px;border-radius:50%;background:#c4afff;box-shadow:0 0 25px 7px #885cff80;position:relative}.node i:after{content:'';position:absolute;inset:-8px;border:1px solid #cabdff50;border-radius:50%;transition:transform .3s}.node:hover i:after{transform:scale(1.8)}.node span{font:8px/1.8 var(--font);letter-spacing:.12em;color:#c7bddf;text-shadow:0 2px 10px #000}.node b{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#fff}.n1{left:67%;top:29%}.n2{left:79%;top:57%}.n3{left:64%;top:76%}.exploring .hero-copy{opacity:0;transform:translateX(-40px);visibility:hidden}.exploring canvas{touch-action:none}.exploring .hero-bottom{opacity:0;pointer-events:none}.explore-hint{position:absolute;bottom:40px;left:5%;right:5%;font-size:12px;display:flex;justify-content:space-between;align-items:center}.explore-hint[hidden]{display:none}.explore-hint button{padding:10px 20px;border-radius:30px;background:#080911aa}.statement{padding:135px 10%;border-bottom:1px solid var(--line)}.statement h2{max-width:1000px}.statement-bottom{display:flex;gap:70px;align-items:end;justify-content:space-between;margin-top:40px}.statement p{max-width:610px;font-size:17px}.textlink{font-size:12px;border-bottom:1px solid #ffffff60;padding-bottom:8px;white-space:nowrap}.section{padding:110px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:60px}.section-heading>p{font-size:13px;line-height:1.8}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px 35px}.project-card{display:block;position:relative;min-width:0}.project-card:nth-child(even){margin-top:90px}.product-visual{height:490px;position:relative;overflow:hidden;border:1px solid #ffffff12;background:#13151f;isolation:isolate;transition:border-radius .5s}.project-card:hover .product-visual{border-radius:45px 4px 45px 4px}.card-bottom{display:flex;gap:20px;justify-content:space-between;padding:23px 0 15px}.card-bottom small{font-size:9px;color:#989bab}.card-bottom h3{margin:8px 0 12px}.card-bottom p{font-size:13px;line-height:1.7;max-width:420px}.arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:18px;transition:background .2s}.project-card:hover .arrow{background:var(--accent);color:#111}.status{font-size:8px;color:var(--accent);display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:20px}.phones{background:#c3ac91;display:flex;align-items:center;justify-content:center;gap:6%;color:#211b17}.phone{height:86%;width:auto;aspect-ratio:600/1304;border:5px solid #211f1b;border-radius:32px;overflow:hidden;box-shadow:20px 30px 50px #30261f55;transform:rotate(-8deg) translateY(25px);transition:transform .7s}.phone img{width:100%;height:100%;object-fit:cover}.project-card:hover .phone{transform:rotate(0) translateY(0)}.phone-copy{font:clamp(25px,3vw,46px)/1.06 Georgia,serif;letter-spacing:-.04em}.phone-copy small{display:block;font:7px/1.8 var(--font);letter-spacing:.16em;margin-top:28px}.gravis-art{background:radial-gradient(circle,#382454,transparent 65%),#101018;display:grid;place-items:center}.wire-orb{width:60%;aspect-ratio:1;border-radius:50%;border:1px solid #b395ff;box-shadow:0 0 50px #774de833,inset 0 0 70px #9652e844;background:repeating-radial-gradient(ellipse at center,transparent 0 10px,#ad88ff35 11px 12px,transparent 13px 21px);transform:rotate(-30deg);animation:turn 36s linear infinite}.wire-orb:after,.wire-orb:before{content:'';position:absolute;inset:-20%;border:1px solid #a986ff66;border-radius:50%;transform:rotateX(65deg)}.wire-orb:after{transform:rotateY(65deg)}.center-g{position:absolute;font:100px/1 var(--font);color:#e6ddff;text-align:center;letter-spacing:-.1em}.center-g span{display:block;font-size:10px;letter-spacing:.5em;margin-top:12px}.orbit-label{position:absolute;font:8px var(--font);letter-spacing:.14em;background:#0f1019;padding:8px 12px;border:1px solid #ffffff25}.one{top:17%;left:20%}.two{right:8%;top:42%}.three{bottom:19%;left:40%}.four{left:7%;top:62%}.astra-art{background:radial-gradient(circle at 75% 45%,#537f76,transparent 70%),#12252b}.astra-disc{position:absolute;width:420px;height:420px;right:-100px;top:40px;border:1px solid #97eedf66;border-radius:50%;background:repeating-radial-gradient(ellipse at 60% 35%,#9eeacf22 0 1px,transparent 2px 8px);box-shadow:inset 20px -25px 70px #69efd759;animation:turn 55s linear infinite}.astra-text{position:absolute;left:12%;top:20%;font:80px/.9 var(--font);letter-spacing:-.08em}.astra-text i{font:italic 85px/1 Georgia,serif}.astra-text small{display:block;font:8px/1.8 var(--font);margin-top:35px;letter-spacing:.12em;color:#9ac4bc}.made-art{background:#aec58b;display:grid;place-items:center;color:#23301c}.job-paper{background:#eff0d8;width:65%;padding:32px;transform:rotate(-7deg);box-shadow:12px 20px 45px #27341740;transition:transform .6s}.project-card:hover .job-paper{transform:rotate(0)}.job-paper h3{font-size:38px;margin:20px 0}.job-paper div{display:flex;justify-content:space-between;border-top:1px solid #34422530;padding:10px 0;font-size:10px}.job-paper strong{display:block;background:#273d22;color:#effbd6;font:10px var(--font);padding:14px;margin-top:15px}.fortrua-art{background:radial-gradient(ellipse at 20% 90%,#856185,transparent),#25202c;display:grid;place-items:center}.f-orbit{position:absolute;width:400px;height:400px;border:1px solid #e3aadd70;border-radius:50%;box-shadow:0 0 0 30px #e3aadd0a,0 0 0 60px #e3aadd09,0 0 0 90px #e3aadd05;transform:rotateX(40deg)}.evidence-card{z-index:1;width:70%;padding:32px;background:#dac9e0;color:#34243d;transform:rotate(6deg);box-shadow:0 30px 60px #0006;transition:transform .6s}.evidence-card p{font:44px/1.05 var(--font);letter-spacing:-.06em;color:inherit;margin:35px 0}.evidence-card>div{font:7px var(--font);border-top:1px solid #34243d55;padding-top:20px}.project-card:hover .evidence-card{transform:rotate(0)}.line-art{background:#c6cbd0;color:#303945;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.line-art>span{font:10px var(--font);letter-spacing:.25em}.line-art p{font:64px/1.06 Georgia,serif;color:inherit;letter-spacing:-.05em}.line-art small{font-size:7px}.systems-teaser{padding:120px 10%;position:relative;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(ellipse at 90% 100%,#21213d,transparent)}.systems-teaser p{margin:28px 0}.teaser-lines{position:absolute;right:-25%;top:-60%;width:75%;height:160%;border-radius:50%;border:1px solid #a888ff50;box-shadow:0 0 0 40px #a888ff07,0 0 0 80px #a888ff07,0 0 0 120px #a888ff07,0 0 0 160px #a888ff07;transform:rotate(40deg);pointer-events:none}.page{padding:160px 8% 80px}.page-heading{padding:30px 0 80px}.page-heading p,.case-heading>p{max-width:640px;font-size:18px;margin-top:30px}.filters{display:flex;gap:12px;margin-bottom:55px}.filters button{font-size:11px;border-radius:30px;padding:10px 20px}.filters .active{background:#ece7ff;color:#15111e}.project-card[hidden]{display:none}.page .project-grid.filtered .project-card{margin-top:0}.case-heading{padding:40px 0 65px}.case-heading h1{font-size:clamp(50px,6.5vw,100px)}.back{color:#a6a7bd}.case-meta{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;margin-top:45px;font-size:9px;color:#aaa8bf}.case>.product-visual{height:650px;max-height:80vh}.case .phone-copy{font-size:70px}.case .phone{height:90%;transform:rotate(-7deg)}.case .job-paper{width:360px}.case .wire-orb{width:400px}.case .astra-disc{width:650px;height:650px;right:10%;top:10%}.case .astra-text{font-size:120px}.case .astra-text i{font-size:130px}.case .evidence-card{width:430px}.case .line-art{padding:70px}.case .line-art p{font-size:100px}.case-intro{padding:100px 0;max-width:850px}.case-intro p{font-size:22px;line-height:1.65;margin-top:30px}.decisions{border-top:1px solid var(--line)}.decision{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:35px;padding:45px 0;border-bottom:1px solid var(--line)}.decision>span{font:11px var(--font);color:var(--accent)}.decision h3{font-size:29px}.decision p{font-size:15px;line-height:1.85}.architecture,.system-map{padding:75px 0}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.flow>div{background:#10111b;padding:28px 25px;position:relative}.flow>div:not(:last-child):after{content:'→';position:absolute;right:-8px;top:48%;z-index:1;color:#bca9ff}.flow small{color:#9a85df;display:block;margin-bottom:28px}.flow strong{font:18px/1.4 var(--font)}.flow p{font-size:12px;margin-top:10px}.note{margin:70px 0;padding:35px;border-left:1px solid var(--accent);background:#11121c}.note h2,.note h3{font-size:26px;margin-bottom:15px}.note p{font-size:14px;max-width:850px}.note .small{font-size:11px;margin-top:15px}.next-work{display:block;padding:55px 0}.next-work small{display:block;margin-bottom:18px}.next-work strong{font:clamp(32px,5vw,65px)/1.1 var(--font);letter-spacing:-.05em}.interactive{padding:45px;background:#151723;border:1px solid #ffffff22}.interactive h2{font-size:36px}.interactive p{margin:20px 0;font-size:14px}.checks{display:flex;gap:30px;flex-wrap:wrap;margin:30px 0}.checks label{font-size:13px}.checks input{accent-color:#c2e486}output{display:block;padding:22px;background:#080911;font:14px/1.6 var(--font);border-left:2px solid var(--accent)}.lab-controls{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.lab-controls button{padding:10px 16px;font-size:11px}.about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;align-items:center;margin:30px 0 120px}.about-grid h2{font-size:48px;margin-bottom:25px}.about-grid p{margin-bottom:25px;font-size:15px}.monogram{aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#3b2b59,transparent 65%),#171925;display:grid;place-content:center;font:clamp(100px,17vw,240px)/1 var(--font);letter-spacing:-.14em;color:#b2a4d1;border:1px solid var(--line)}.monogram span{font:8px var(--font);letter-spacing:.2em;text-align:center;margin-top:25px}.experience article{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid var(--line);padding:35px 0}.experience article>span{color:#a49bb8}.experience h4{font-weight:400;font-size:14px;color:#d7d2e2;margin:12px 0}.experience p{font-size:14px;max-width:700px}.experience small{display:block;font-size:8px;margin-top:15px;color:#858797}.contact-page{min-height:90vh;padding-top:210px}.contact-page>p{font-size:18px;max-width:650px;margin:35px 0 50px}.email-link{display:block;font:clamp(24px,4.2vw,62px)/1.1 var(--font);letter-spacing:-.05em}.copy-email{padding:10px 20px;border-radius:30px;margin-top:25px;font-size:11px}.contact-links{display:flex;gap:40px;margin-top:60px;font-size:13px}#copy-status{font-size:12px;margin-left:20px;color:#bae690}footer{padding:90px 6% 30px;background:#0d0e17;border-top:1px solid var(--line)}.footer-title{font:clamp(55px,8vw,120px)/.95 var(--font);letter-spacing:-.07em;display:block}.footer-title span{color:#b3a1ea}.footerline{display:flex;justify-content:space-between;gap:25px;margin-top:85px;padding-top:25px;border-top:1px solid var(--line);font-size:8px;color:#aaa7bc}.footerline>div{display:flex;gap:25px}.cursor{display:none}.js-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.js-ready .reveal.visible{opacity:1;transform:translateY(0)}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .phone,.motion-paused .job-paper,.motion-paused .evidence-card{transition:none}@keyframes turn{to{transform:rotate(330deg)}}@media(min-width:1500px){.section,.page{max-width:1600px;margin:auto}}@media(max-width:1000px){.nav{gap:20px}.nav nav{gap:22px}.hero-copy{left:6%;width:65%}.hero-copy h1{font-size:90px}.n1{left:70%;top:26%}.n2{left:73%;top:63%}.n3{left:59%;top:79%}.product-visual{height:370px}.phone-copy{font-size:25px}.job-paper{padding:20px;width:78%}.job-paper h3{font-size:30px}.astra-text{font-size:65px}.astra-text i{font-size:68px}.evidence-card{width:80%;padding:25px}.evidence-card p{font-size:35px}.line-art p{font-size:50px}.decision{grid-template-columns:30px 1fr 1.2fr;gap:25px}.footerline>span:last-child{display:none}.scene-hint{display:none}}
@media(max-width:700px){.nav{height:85px;padding:0 6%;gap:10px}.brand>span:last-child{display:none}.nav nav{gap:17px;font-size:10px}.nav nav a:nth-child(2){display:none}.navcontact span{margin-left:4px}.motion{font-size:7px;padding:6px 8px}.hero{height:890px;max-height:none}.hero-top{top:115px;left:6%}.hero-top .eyebrow{font-size:7px;max-width:220px;line-height:1.9}.coordinates{display:none}.hero-copy{top:21%;left:6%;width:89%}.hero-copy h1{font-size:clamp(56px,12vw,84px)}.hero-copy .eyebrow{font-size:7px}.intro{font-size:13px;max-width:280px;margin:24px 0}.hero-shade{background:linear-gradient(180deg,#080911aa 5%,transparent 80%),linear-gradient(0deg,#080911,transparent 30%)}.node span{font-size:7px}.node b{font-size:10px}.n1{left:12%;top:64%}.n2{left:54%;top:72%}.n3{left:14%;top:81%}.hero-bottom{bottom:24px;font-size:7px;gap:15px}.hero-bottom button{font-size:9px;padding:10px 13px}.hero-bottom a span{margin-left:5px}.statement{padding:80px 7%}.statement h2{font-size:39px}.statement-bottom{display:block;margin-top:30px}.statement p{font-size:14px;margin-bottom:25px}.section{padding:75px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading p{margin-top:25px}.project-grid{grid-template-columns:1fr;gap:50px}.project-card:nth-child(even){margin-top:0}.product-visual{height:420px}.card-bottom p{font-size:13px}.phone-copy{font-size:35px}.phone{height:85%}.job-paper{width:65%}.systems-teaser{padding:80px 7%}.systems-teaser h2{font-size:40px}.systems-teaser p{font-size:14px}.page{padding:125px 6% 40px}.page-heading{padding:20px 0 55px}.page-heading h1{font-size:48px}.page-heading p{font-size:15px}.filters{gap:8px}.filters button{font-size:10px;padding:8px 14px}.case-heading{padding:30px 0 40px}.case-heading h1{font-size:48px}.case-heading>p{font-size:16px}.case-meta{display:block;line-height:1.9}.case-meta span{display:block;margin-bottom:10px}.case>.product-visual{height:440px}.case .phone-copy{font-size:32px}.case .wire-orb{width:65%}.case .job-paper{width:70%}.case .evidence-card{width:75%}.case .astra-text{font-size:75px}.case .astra-text i{font-size:80px}.case .line-art{padding:40px}.case .line-art p{font-size:64px}.case-intro{padding:65px 0}.case-intro p{font-size:18px}.decision{grid-template-columns:25px 1fr;gap:15px;padding:30px 0}.decision h3{font-size:27px}.decision p{grid-column:2;font-size:14px}.flow{grid-template-columns:1fr 1fr}.flow>div{padding:22px 16px;min-height:130px}.flow>div:after{display:none}.flow strong{font-size:15px}.note{margin:45px 0;padding:24px}.interactive{padding:25px}.interactive h2{font-size:30px}.checks{display:grid;gap:15px}.about-grid{grid-template-columns:1fr;gap:40px;margin-bottom:65px}.monogram{max-height:350px;font-size:170px;aspect-ratio:auto;height:350px}.about-grid h2{font-size:40px}.experience article{grid-template-columns:1fr;gap:18px}.contact-page{padding-top:150px;min-height:75vh}.contact-page>h1{font-size:55px}.contact-page>p{font-size:16px}.contact-links{gap:25px}.footer-title{font-size:60px}.footerline{display:block;margin-top:60px;line-height:2}.footerline>div{margin-top:20px}footer{padding:65px 6% 25px}.explore-hint{font-size:10px;gap:20px}.explore-hint button{font-size:10px}.eyebrow{font-size:9px}.scene-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}