@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-width:1px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg: #050608;--soft: #090b0f;--surface: #0d1015;--surface-light: #13171e;--text: #f5f5f2;--muted: #8d929c;--accent: #c7ff2f;--purple: #8e5cff;--border: rgba(255, 255, 255, .09);--grid: rgba(255, 255, 255, .025);--container: 1440px;--space: clamp(72px, 7.5vw, 120px);--side: 82px;--ease: cubic-bezier(.22, 1, .36, 1);--font-prose: "Space Grotesk", Inter, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 86%);mask-image:linear-gradient(to bottom,#000,transparent 86%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:101;opacity:.025;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' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.skip-link{position:fixed;left:16px;top:10px;z-index:1000;padding:12px 18px;background:var(--accent);color:#050608;transform:translateY(-150%)}.skip-link:focus{transform:none}.section-shell{max-width:calc(var(--container) + var(--side));margin:auto;padding-left:calc(var(--side) + clamp(24px,4vw,64px));padding-right:clamp(24px,4vw,64px)}.content-section{position:relative;padding-top:var(--space);padding-bottom:var(--space);border-top:1px solid var(--border)}.content-section:before{content:"";position:absolute;width:40vw;height:40vw;top:10%;right:-25%;background:radial-gradient(circle,rgba(199,255,47,.045),transparent 67%);pointer-events:none}.eyebrow,.section-kicker{font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px}.eyebrow i{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.eyebrow span{color:#5e626b;margin-left:auto}.section-heading{margin-bottom:clamp(44px,5vw,72px)}.section-kicker:after{content:"";height:1px;flex:1;background:var(--border)}.section-kicker span:first-child{color:#656a74}.section-heading-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;margin-top:28px;align-items:end}.section-heading h2,.contact-top h2{font:700 clamp(48px,6.5vw,104px)/.87 Space Grotesk,sans-serif;letter-spacing:-.065em;text-transform:uppercase;margin:0}.section-heading p{color:var(--muted);max-width:430px;font-size:clamp(15px,1.2vw,18px);margin:0 0 8px}.button{min-height:50px;padding:0 21px;border-radius:2px;border:1px solid var(--accent);font:500 11px JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;transition:color .25s,background .25s,box-shadow .25s}.button-solid{background:var(--accent);color:#080a06}.button-solid:hover{background:#dcff7a;box-shadow:0 0 30px #c7ff2f29}.button-outline{background:transparent;color:var(--text);border-color:var(--border)}.button-outline:hover{border-color:var(--accent);color:var(--accent)}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.header{position:fixed;z-index:90;top:0;left:0;width:100%;height:78px;padding:0 clamp(24px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:.35s}.header-scrolled{height:66px;background:#050608cc;backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.logo{width:52px;display:flex;align-items:center;font:700 23px Space Grotesk;letter-spacing:-.12em;position:relative}.logo span:nth-child(2){color:var(--accent)}.logo i{width:5px;height:5px;background:var(--accent);border-radius:50%;position:absolute;right:0}.desktop-nav{display:flex;gap:clamp(20px,2.7vw,42px)}.desktop-nav a{position:relative;padding:12px 0;color:#a2a6ad;font:500 10px JetBrains Mono;text-transform:uppercase;letter-spacing:.12em}.desktop-nav a:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1);transform-origin:left}.header-cta{justify-self:end;border:1px solid var(--border);padding:11px 16px;font:500 10px JetBrains Mono;text-transform:uppercase;letter-spacing:.1em}.header-cta span{color:var(--accent);margin-left:12px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;justify-self:end}.header-actions .header-cta{display:flex;justify-content:center;justify-self:auto}.header-settings{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);background:transparent;color:#8c939c;cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),background-color .2s var(--ease)}.header-settings:hover{border-color:var(--accent);background:#c7ff2f14;color:var(--accent);transform:rotate(8deg)}.header-settings:active{transform:scale(.96)}.header-settings:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mobile-settings{display:none}.language-switcher{display:flex;width:100%;align-items:center;gap:2px;padding:2px;border:1px solid var(--border);background:#0506088f}.language-switcher button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:4px 6px;background:transparent;color:#69707a;font:500 8px/1 var(--font-mono);letter-spacing:.09em;cursor:pointer;transition:color .18s ease,background-color .18s ease}.language-switcher button:hover:not(.active){color:var(--text)}.language-switcher button.active{background:var(--accent);color:#050608}.mobile-menu .language-switcher{width:144px;align-self:flex-start;margin-top:24px}.header-scrolled .header-actions{transform:none}.header-scrolled .language-switcher{display:none}.theme-toggle{position:absolute;top:21px;left:clamp(96px,8vw,136px);width:40px;height:20px;padding:0;display:flex;align-items:center;justify-content:space-around;border:1px solid var(--border);background:#0506086b;color:#838a93;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.theme-toggle i{position:absolute;left:3px;width:12px;height:12px;background:var(--accent);border-radius:50%;transition:transform .22s var(--ease),background-color .22s ease}.theme-toggle svg{position:relative;z-index:1;width:10px}.theme-toggle:has(svg:first-child){color:#5d636b}html[data-theme=light] .theme-toggle i{transform:translate(20px)}.theme-toggle:hover{border-color:var(--accent);color:var(--text)}.menu-toggle{display:none;background:none;border:0}.mobile-menu{display:none}.side-nav{position:fixed;left:0;top:78px;bottom:0;width:var(--side);z-index:80;border-right:1px solid var(--border);background:#0506088c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.side-progress{position:absolute;right:-1px;top:0;width:1px;height:100%;background:transparent}.side-progress i{display:block;width:1px;background:var(--accent);transition:height .5s}.side-nav a{position:relative;width:100%;height:28px;display:flex;align-items:center;justify-content:center;font:500 9px JetBrains Mono;color:#666b74}.side-nav a:before{content:"";position:absolute;right:-4px;width:7px;height:7px;border:1px solid #575b63;background:var(--bg);border-radius:50%;transition:.25s}.side-nav a b{font-weight:400}.side-nav a span{position:absolute;left:55px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);opacity:0;transform:translate(-5px);pointer-events:none;text-transform:uppercase;letter-spacing:.12em;transition:.25s}.side-nav a:hover span{opacity:1;transform:none}.side-nav a.active{color:var(--accent)}.side-nav a.active:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent)}.side-nav{--rail-pad-top: clamp(88px, 12vh, 140px);--rail-pad-bottom: clamp(40px, 7vh, 80px);padding:var(--rail-pad-top) 0 var(--rail-pad-bottom);justify-content:space-between;gap:0}.side-progress{top:calc(var(--rail-pad-top) + 14px);bottom:calc(var(--rail-pad-bottom) + 14px);height:auto}.side-progress i{transition:height .45s var(--ease)}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;padding-top:110px;padding-bottom:120px;overflow:hidden}.hero:before{content:"";position:absolute;width:60vw;height:60vw;right:-10%;top:-10%;background:radial-gradient(circle,rgba(142,92,255,.09),transparent 58%);pointer-events:none}.hero-copy{position:relative;z-index:5}.hero h1{font:700 clamp(74px,9.3vw,158px)/.73 Space Grotesk,sans-serif;letter-spacing:-.085em;text-transform:uppercase;margin:32px 0 42px;display:flex;flex-direction:column}.hero h1 span:last-child{color:transparent;-webkit-text-stroke:1px var(--text);margin-left:clamp(16px,3vw,44px)}.hero-intro{max-width:480px;margin:0 0 34px;font-family:var(--font-prose);font-size:clamp(16px,1.5vw,21px);font-weight:400;line-height:1.5;letter-spacing:-.02em;color:#b6b9bf}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.reel-button{background:transparent;border:0;font:500 10px JetBrains Mono;text-transform:uppercase;letter-spacing:.12em;display:flex;gap:10px;align-items:center;cursor:pointer;margin-left:8px}.reel-button svg{color:var(--accent)}.tech-list{display:flex;gap:18px;flex-wrap:wrap;margin-top:50px}.tech-list span{font:400 9px JetBrains Mono;text-transform:uppercase;letter-spacing:.1em;color:#71767e}.hero-visual{position:relative;height:min(70vh,740px);min-height:520px}.hero-visual canvas{position:relative;z-index:2}.visual-hud{position:absolute;inset:7% 4% auto;display:flex;justify-content:space-between;font:400 8px JetBrains Mono;color:#555b64;letter-spacing:.15em}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 18px var(--purple);top:18%;left:7%}.orbit-a{width:82%;height:46%}.orbit-b{width:60%;height:72%;transform:translate(-50%,-50%) rotate(52deg)}.scene-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:180px;height:180px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);box-shadow:0 0 80px #c7ff2f14}.callout{position:absolute;z-index:4;font:400 8px JetBrains Mono;text-transform:uppercase;letter-spacing:.1em;color:#8e939b;display:flex;align-items:center;gap:9px;white-space:nowrap}.callout i{width:5px;height:5px;border-radius:50%;border:1px solid var(--accent);box-shadow:0 0 8px var(--accent)}.callout-one{top:20%;left:9%}.callout-two{top:27%;right:0}.callout-three{bottom:19%;left:3%}.callout-four{bottom:25%;right:3%}.scroll-cue{position:absolute;left:calc(var(--side) + clamp(24px,4vw,64px));bottom:88px;font:400 8px JetBrains Mono;text-transform:uppercase;letter-spacing:.15em;color:#777d86;display:flex;align-items:center;gap:10px}.building-bar{position:absolute;left:var(--side);right:0;bottom:0;height:66px;border-top:1px solid var(--border);display:grid;grid-template-columns:1.2fr repeat(4,1fr);background:#090b0fe0;backdrop-filter:blur(12px)}.building-title,.building-item{padding:0 22px;display:flex;align-items:center;border-right:1px solid var(--border)}.building-title{font:500 9px JetBrains Mono;text-transform:uppercase;letter-spacing:.13em;gap:10px}.building-title i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 2s infinite}.building-item{position:relative;flex-direction:column;align-items:flex-start;justify-content:center;transition:.25s}.building-item:hover{background:#c7ff2f08}.building-item span{font-size:11px;font-weight:500}.building-item small{font:400 8px JetBrains Mono;color:#686d75;text-transform:uppercase;margin-top:3px}.building-item b{position:absolute;right:14px;color:var(--accent);font-weight:400}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 2px var(--accent)}}.project-list{display:flex;flex-direction:column}.project-card{--project-color: var(--accent);min-height:280px;border-top:1px solid var(--border);display:grid;grid-template-columns:65px 1fr minmax(320px,43%) 65px;align-items:center;gap:28px;padding:28px 0;position:relative;transition:.4s var(--ease)}.project-card:last-child{border-bottom:1px solid var(--border)}.project-card:hover{padding-left:14px;padding-right:14px;background:#ffffff04}.project-card:before{content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:var(--project-color);transition:width .5s}.project-card:hover:before{width:100%}.project-number{align-self:start;padding-top:10px;font:400 11px JetBrains Mono;color:#747981}.project-number i{display:block;width:6px;height:6px;border-radius:50%;background:var(--project-color);margin-top:18px;opacity:.4}.project-content>p{font:400 9px JetBrains Mono;color:var(--project-color);text-transform:uppercase;letter-spacing:.12em}.project-content h3{font:600 clamp(30px,3.7vw,58px)/1 Space Grotesk;margin:12px 0 30px;letter-spacing:-.05em}.project-stack{display:flex;gap:6px;flex-wrap:wrap}.project-stack span{padding:6px 8px;border:1px solid var(--border);font:400 8px JetBrains Mono;color:#858a92;text-transform:uppercase}.project-art,.case-art{position:relative;overflow:hidden;border-radius:10px;height:220px;background:#101319;border:1px solid var(--border);transform:perspective(900px) rotateY(-2deg);transition:.6s var(--ease)}.project-card:hover .project-art{transform:perspective(900px) rotateY(0) scale(1.018);border-color:color-mix(in srgb,var(--project-color) 55%,transparent)}.project-art:before,.case-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--project-color) 24%,transparent),transparent 35%),linear-gradient(135deg,transparent 40%,rgba(255,255,255,.04))}.project-art strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 65px Space Grotesk;color:transparent;-webkit-text-stroke:1px var(--project-color);opacity:.8}.project-art i{position:absolute;width:34%;height:1px;background:var(--project-color);opacity:.28;left:10%;top:30%;transform:rotate(-20deg)}.project-art i:nth-of-type(2){left:54%;top:66%;width:50%;transform:rotate(22deg)}.project-art i:nth-of-type(3){width:80px;height:80px;border:1px solid var(--project-color);border-radius:50%;background:none;left:65%;top:25%}.screen-bar{position:absolute;top:12px;left:12px;right:12px;height:12px;border:1px solid var(--border)}.project-arrow{width:46px;height:46px;border:1px solid var(--border);display:grid;place-items:center;transition:.3s}.project-card:hover .project-arrow{background:var(--project-color);color:#050608;transform:rotate(6deg)}.section-end{display:flex;justify-content:space-between;margin-top:20px;font:400 8px JetBrains Mono;color:#555a62;text-transform:uppercase;letter-spacing:.1em}.work-more{width:100%;margin-top:22px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--border);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 34%),var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:border-color .22s var(--ease),background-color .22s var(--ease),transform .22s var(--ease)}.work-more span{font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.work-more i{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font-style:normal;transition:transform .22s var(--ease),background-color .22s var(--ease),color .22s var(--ease)}.work-more:hover{border-color:var(--accent);transform:translateY(-2px)}.work-more:hover i{background:var(--accent);color:#050608;transform:rotate(-45deg)}.work-more.is-open i{transform:rotate(180deg)}.project-art:has(>img):before{z-index:1;background:linear-gradient(135deg,rgba(5,6,8,.04),transparent 48%,rgba(5,6,8,.2))}.project-art>img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:saturate(.92) contrast(1.03);transition:transform .7s var(--ease),filter .5s var(--ease)}.project-card:hover .project-art>img{transform:scale(1.045);filter:saturate(1.04) contrast(1.04)}.constellation-section{background:radial-gradient(circle at 50% 70%,rgba(142,92,255,.06),transparent 35%)}.constellation{height:680px;position:relative;max-width:1100px;margin:auto}.constellation-orbit{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-12deg);border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}.constellation-orbit:after{content:"";position:absolute;top:20%;left:6%;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.orbit-1{width:38%;height:27%}.orbit-2{width:68%;height:45%;transform:translate(-50%,-50%) rotate(10deg)}.orbit-3{width:95%;height:64%;transform:translate(-50%,-50%) rotate(-7deg)}.skill-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#1c2324,#090b0e 68%);border:1px solid rgba(199,255,47,.32);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 80px #c7ff2f0f}.skill-core small{font:400 8px JetBrains Mono;text-transform:uppercase;color:#70767f}.skill-core strong{font:600 19px/1.05 Space Grotesk;margin-top:7px}.skill-core i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);bottom:18px;box-shadow:0 0 12px var(--accent)}.skill-node{position:absolute;background:#0c0f13;border:1px solid var(--border);padding:10px 13px;color:#bbbfc5;font:500 10px JetBrains Mono;cursor:pointer;z-index:3;transition:.3s}.skill-node i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#545962;margin-right:9px}.skill-node:hover,.skill-node.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 24px #c7ff2f14}.skill-node.active i{background:var(--accent);box-shadow:0 0 10px var(--accent)}.node-1{left:27%;top:27%}.node-2{right:23%;top:27%}.node-3{left:15%;top:51%}.node-4{right:12%;top:50%}.node-5{left:27%;bottom:20%}.node-6{right:26%;bottom:18%}.node-7{left:3%;top:27%}.node-8{right:2%;top:27%}.skill-details{position:absolute;right:0;bottom:0;width:260px;padding:20px;background:#0d1015e0;border:1px solid var(--border);backdrop-filter:blur(12px)}.skill-details>span{font:400 8px JetBrains Mono;color:var(--accent)}.skill-details h3{font:600 24px Space Grotesk;margin:10px 0}.skill-details p{font-size:12px;color:#92969e;margin:0 0 18px}.skill-meter{height:2px;background:#242830}.skill-meter i{display:block;height:100%;width:82%;background:var(--accent)}.skill-details small{display:block;margin-top:8px;font:400 7px JetBrains Mono;color:#5f646d;text-transform:uppercase}.process-section{background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:2px}.process-line{position:absolute;left:0;right:0;top:22px;height:1px;background:var(--border)}.process-line i{display:block;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #c7ff2f66}.process-card{position:relative;padding:68px 28px 30px 0;min-height:300px;border-right:1px solid var(--border)}.process-card:not(:nth-child(2)){padding-left:28px}.process-dot{position:absolute;width:9px;height:9px;border-radius:50%;top:18px;left:0;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 14px #c7ff2f99}.process-card:not(:nth-child(2)) .process-dot{left:28px}.process-card>span{font:400 10px JetBrains Mono;color:#747982}.process-card svg{display:block;color:var(--accent);margin:28px 0 40px}.process-card h3{font:600 27px Space Grotesk;text-transform:uppercase;margin:0 0 14px}.process-card p{font-size:13px;line-height:1.7;color:#838891;max-width:230px}.process-card small{position:absolute;bottom:0;font:400 8px JetBrains Mono;text-transform:uppercase;color:#5d626a}.lab-section{background:radial-gradient(circle at 80% 40%,rgba(142,92,255,.08),transparent 34%)}.lab-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.experiment-card{grid-column:span 4;background:#0d1015cc;border:1px solid var(--border);padding:16px;min-height:380px;transition:border-color .3s,transform .3s}.experiment-card:hover{border-color:#8e5cff73;transform:translateY(-3px)}.experiment-1,.experiment-2{grid-column:span 6}.experiment-meta,.experiment-title{display:flex;justify-content:space-between;align-items:center}.experiment-meta{font:400 8px JetBrains Mono;text-transform:uppercase;letter-spacing:.12em;color:#626770}.experiment-meta span:first-child{color:var(--purple)}.demo{height:250px;margin:14px 0 18px;background:#080a0d;border:1px solid rgba(255,255,255,.045);position:relative;overflow:hidden;display:grid;place-items:center}.magnetic-demo button{width:130px;height:130px;border-radius:50%;border:1px solid var(--accent);background:#c7ff2f0d;font:500 9px JetBrains Mono;text-transform:uppercase;transition:transform .2s ease-out;display:flex;align-items:center;justify-content:center;gap:8px}.parallax-demo i{position:absolute;width:120px;height:160px;border:1px solid var(--border);background:linear-gradient(145deg,#171b22,#0b0d10);transition:transform .15s ease-out}.parallax-demo i:nth-child(1){margin-left:-80px}.parallax-demo i:nth-child(3){margin-left:80px}.parallax-demo svg{position:relative;color:var(--accent);z-index:3}.particle-demo{background:radial-gradient(circle at 50% 50%,rgba(199,255,47,.06),transparent 46%),radial-gradient(circle at 58% 44%,rgba(142,92,255,.1),transparent 64%),#080a0d}.particle-demo canvas{width:100%;height:100%;display:block;align-self:stretch;justify-self:stretch;cursor:crosshair}.tilt-demo{perspective:1000px;background:radial-gradient(circle at 50% 54%,rgba(199,255,47,.09),transparent 46%),linear-gradient(135deg,#090d10,#07080b)}.tilt-card{--tilt-x: 0deg;--tilt-y: 0deg;--tilt-pointer-x: 50%;--tilt-pointer-y: 50%;position:relative;width:min(76%,460px);height:min(70%,300px);padding:clamp(18px,3vw,30px);overflow:hidden;border:1px solid color-mix(in srgb,var(--tilt-accent, var(--accent)) 50%,transparent);background:linear-gradient(125deg,color-mix(in srgb,var(--tilt-accent, var(--accent)) 10%,transparent),transparent 32%),linear-gradient(145deg,#1a2325,#0c1015 48%,#07090c);box-shadow:0 24px 70px #0000007a,inset 0 1px #ffffff14;display:flex;flex-direction:column;justify-content:space-between;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transition:transform .13s ease-out;transform-style:preserve-3d}.tilt-card:before,.tilt-card:after{content:"";position:absolute;pointer-events:none}.tilt-card:before{inset:10px;border:1px solid rgba(255,255,255,.08);transform:translateZ(18px)}.tilt-card:after{width:110%;height:1px;left:-5%;top:63%;background:linear-gradient(90deg,transparent,rgba(199,255,47,.55),transparent);box-shadow:0 0 20px #c7ff2f59;transform:translateZ(34px) rotate(-7deg)}.tilt-card__light{position:absolute;inset:-35%;background:radial-gradient(circle at var(--tilt-pointer-x) var(--tilt-pointer-y),rgba(239,255,188,.36),transparent 20%);mix-blend-mode:screen;transform:translateZ(40px);pointer-events:none}.tilt-card__scan{position:absolute;inset:0;opacity:.32;background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(255,255,255,.045) 5px);transform:translateZ(8px)}.tilt-card__orb,.tilt-card__axis{position:relative;z-index:1;position:absolute;border:1px solid color-mix(in srgb,var(--tilt-accent, var(--accent)) 52%,transparent);border-radius:50%;transform-style:preserve-3d}.tilt-card__orb--one{width:66%;height:38%;left:17%;top:31%;transform:translateZ(58px) rotate(-18deg);box-shadow:0 0 30px color-mix(in srgb,var(--tilt-accent, var(--accent)) 16%,transparent)}.tilt-card__orb--two{width:43%;height:62%;left:29%;top:19%;border-color:#8e5cff7a;transform:translateZ(78px) rotate(31deg)}.tilt-card__axis{width:118%;height:1px;left:-9%;top:51%;border:0;border-radius:0;background:linear-gradient(90deg,transparent,var(--tilt-accent, var(--accent)),transparent);box-shadow:0 0 24px color-mix(in srgb,var(--tilt-accent, var(--accent)) 42%,transparent);transform:translateZ(94px) rotate(-7deg)}.tilt-demo:hover .tilt-card{box-shadow:0 35px 90px #000000a6,0 0 46px #c7ff2f24,inset 0 1px #ffffff1a}.sphere-demo i{width:130px;height:130px;border-radius:42% 58% 62% 38%/44% 40% 60% 56%;background:radial-gradient(circle at 30% 25%,#e0ff8d,var(--sphere-primary, var(--accent)) 22%,var(--sphere-secondary, var(--purple)) 60%,#120d22);filter:blur(.3px);box-shadow:0 0 60px #8e5cff4d;transform:scale(var(--sphere-scale, 1));animation:morph var(--sphere-duration, 6s) ease-in-out infinite}.sphere-demo div,.sphere-demo span{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:190px;height:110px;transform:rotate(18deg)}.sphere-demo span{transform:rotate(78deg);width:165px;height:90px}@keyframes morph{50%{border-radius:60% 40% 38% 62%/38% 55% 45% 62%;transform:rotate(8deg) scale(calc(1.07 * var(--sphere-scale, 1)))}}.experiment-title h3{font:600 20px Space Grotesk;margin:0 0 4px}.experiment-title p{font-size:10px;color:#656a72;margin:0}.experiment-title button{width:42px;height:42px;background:transparent;border:1px solid var(--border);display:grid;place-items:center;cursor:pointer}.experiment-title button:hover{border-color:var(--purple);color:#b895ff}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:center}.about-copy>p{font-size:clamp(16px,1.4vw,21px);line-height:1.7;color:#a7abb2;max-width:580px}.about-copy ul{padding:0;margin:44px 0;list-style:none;border-top:1px solid var(--border)}.about-copy li{padding:15px 0;border-bottom:1px solid var(--border);font:500 12px JetBrains Mono;text-transform:uppercase}.about-copy li span{color:var(--accent);margin-right:28px;font-size:9px}.profile-visual{height:560px;position:relative;display:grid;place-items:center}.profile-placeholder{position:relative;width:330px;height:430px;background:radial-gradient(circle at 50% 30%,#252c2d,#0a0c0f 67%);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#495052}.profile-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(199,255,47,.08) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(199,255,47,.08) 50%,transparent 50.2%)}.profile-placeholder span{font:700 92px Space Grotesk;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(199,255,47,.28)}.profile-placeholder small{position:absolute;bottom:16px;font:400 7px JetBrains Mono;text-transform:uppercase;color:#50555d}.profile-ring{position:absolute;border:1px solid rgba(199,255,47,.2);border-radius:50%;width:500px;height:250px;transform:rotate(62deg)}.ring-two{transform:rotate(-24deg);border-color:#8e5cff33;width:520px;height:280px}.profile-tag{position:absolute;right:0;bottom:12%;padding:12px 15px;background:var(--surface);border:1px solid var(--border);font:400 8px JetBrains Mono;text-transform:uppercase}.profile-tag i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px}.stats-grid{margin-top:100px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:28px;border-right:1px solid var(--border);display:flex;flex-direction:column}.stats-grid>div:last-child{border:0}.stats-grid strong{font:600 clamp(30px,3vw,48px) Space Grotesk;color:var(--accent)}.stats-grid span{font:400 8px JetBrains Mono;text-transform:uppercase;color:#6a6f77;margin-top:4px}.contact-section{min-height:900px;padding-top:var(--space);padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center;border-top:1px solid var(--border);overflow:hidden}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(199,255,47,.06),transparent 26%),radial-gradient(circle at 60% 56%,rgba(142,92,255,.06),transparent 30%)}.contact-top{position:relative;z-index:2}.contact-top h2{margin:32px 0}.contact-top h2 span{color:transparent;-webkit-text-stroke:1px #f5f5f2}.contact-top>p:not(.eyebrow){max-width:420px;color:#90949c;margin:0 0 32px}.contact-orbit{height:520px;position:relative;display:grid;place-items:center}.contact-orbit>div{position:absolute;width:400px;height:220px;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-20deg)}.contact-orbit>div:nth-child(2){transform:rotate(63deg);width:360px;height:180px}.contact-orbit svg{width:72px;height:72px;padding:20px;border-radius:50%;background:var(--accent);color:#050608;transform:rotate(8deg);box-shadow:0 0 50px #c7ff2f2e}.contact-orbit>i{position:absolute;width:6px;height:6px;background:var(--purple);border-radius:50%;box-shadow:0 0 16px var(--purple)}.contact-orbit>i:nth-of-type(1){top:28%;left:25%}.contact-orbit>i:nth-of-type(2){top:68%;right:23%;background:var(--accent)}.contact-orbit>i:nth-of-type(3){top:22%;right:30%}.contact-links{grid-column:1/-1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}.contact-links>a,.contact-links>div{display:flex;align-items:center;gap:14px;padding:22px;border-right:1px solid var(--border)}.contact-links svg{color:var(--accent);width:17px}.contact-links span{font:500 9px JetBrains Mono;text-transform:uppercase}.contact-links small{display:block;margin-top:4px;color:#737780;text-transform:none}.form-overlay{position:fixed;inset:0;background:#030405d9;backdrop-filter:blur(14px);z-index:200;display:grid;place-items:center;padding:20px}.form-overlay form{width:min(620px,100%);background:#0b0e12;border:1px solid var(--border);padding:clamp(28px,5vw,60px);position:relative}.form-close{position:absolute;right:18px;top:18px;background:none;border:1px solid var(--border);width:40px;height:40px;display:grid;place-items:center}.form-overlay form>span{font:400 9px JetBrains Mono;color:var(--accent);text-transform:uppercase}.form-overlay h3{font:600 clamp(30px,4vw,52px)/1 Space Grotesk;margin:18px 0 34px}.form-overlay label{display:block;font:400 8px JetBrains Mono;text-transform:uppercase;color:#757a82;margin-top:18px}.form-overlay input,.form-overlay textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:12px 0;outline:0;text-transform:none}.form-overlay textarea{min-height:90px;resize:vertical}.form-overlay input:focus,.form-overlay textarea:focus{border-color:var(--accent)}.form-overlay .button{margin-top:25px}.form-message{font-size:12px}.form-message.error{color:#ff8279}.form-message.success{color:var(--accent)}.footer{margin-left:var(--side);padding:28px clamp(24px,4vw,64px);display:flex;align-items:center;gap:35px;border-top:1px solid var(--border);font:400 8px JetBrains Mono;text-transform:uppercase;color:#626770}.footer-links{display:flex;gap:24px;margin-left:auto}.footer a:hover{color:var(--accent)}.to-top{width:42px;height:42px;border:1px solid var(--border);display:grid;place-items:center}.case-study{--project-color: var(--accent);min-height:100vh}.case-header{height:75px;padding:0 clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font:400 9px JetBrains Mono;text-transform:uppercase;color:#777c84}.case-header a{display:flex;gap:10px;align-items:center}.case-hero{padding:clamp(90px,12vw,180px) clamp(24px,8vw,140px) 80px}.case-hero>p:first-child,.case-overview span,.case-challenge>span,.case-results>span{font:400 9px JetBrains Mono;text-transform:uppercase;color:var(--project-color);letter-spacing:.14em}.case-hero h1{font:700 clamp(72px,12vw,190px)/.8 Space Grotesk;letter-spacing:-.08em;margin:35px 0}.case-hero>p:nth-of-type(2){font-size:clamp(18px,2vw,27px);color:#9fa3aa;max-width:680px}.case-hero>div{display:flex;gap:8px;margin-top:35px;flex-wrap:wrap}.case-hero>div span{font:400 8px JetBrains Mono;padding:7px 10px;border:1px solid var(--border);text-transform:uppercase}.case-study>.case-art{height:min(68vw,850px);margin:0 clamp(24px,4vw,64px);display:grid;place-items:center}.case-art strong{position:relative;z-index:2;font:700 clamp(50px,10vw,160px) Space Grotesk;color:transparent;-webkit-text-stroke:1px var(--project-color)}.case-art i{position:absolute;border:1px solid var(--project-color);border-radius:50%;width:40%;height:40%;opacity:.25}.case-art i:nth-of-type(2){width:60%;height:25%;transform:rotate(40deg)}.case-art i:nth-of-type(3){width:20%;height:70%;transform:rotate(-45deg)}.case-overview{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:var(--space) clamp(24px,8vw,140px)}.case-overview h2,.case-challenge h2{font:600 clamp(40px,5vw,76px)/.95 Space Grotesk;letter-spacing:-.05em}.case-overview p,.case-challenge p{color:#9a9ea6;line-height:1.8}.case-overview dl{margin-top:50px}.case-overview dt{font:400 8px JetBrains Mono;text-transform:uppercase;color:#656a72;margin-top:20px}.case-overview dd{margin:5px 0;border-bottom:1px solid var(--border);padding-bottom:14px}.case-challenge{padding:var(--space) clamp(24px,15vw,250px);background:#090b0e;text-align:center}.case-challenge p{max-width:650px;margin:30px auto}.case-results{padding:var(--space) clamp(24px,8vw,140px)}.case-results div{padding:26px 0;border-bottom:1px solid var(--border);display:flex;gap:20px;font:500 clamp(18px,2vw,28px) Space Grotesk}.case-results svg{color:var(--project-color)}.case-next{padding:80px clamp(24px,8vw,140px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.case-next>span{font:400 9px JetBrains Mono;text-transform:uppercase;color:#737780}.case-next a{font:600 clamp(28px,4vw,62px) Space Grotesk;display:flex;gap:20px;align-items:center}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.not-found>span{font:400 12px JetBrains Mono;color:var(--accent)}.not-found h1{font:700 clamp(55px,10vw,140px) Space Grotesk;margin:18px}.not-found p{color:var(--muted)}.not-found a{margin-top:25px;color:var(--accent);font:500 10px JetBrains Mono;text-transform:uppercase}.case-media{margin:0 clamp(24px,4vw,64px);background:#080a0d;border:1px solid var(--border);box-shadow:0 35px 100px #00000059}.case-video-frame{position:relative;background:#050608;overflow:hidden}.case-video-frame:before{content:"";position:absolute;z-index:1;inset:0;border:1px solid color-mix(in srgb,var(--project-color) 18%,transparent);pointer-events:none}.case-video-frame video{display:block;width:100%;max-height:min(78vh,920px);-o-object-fit:contain;object-fit:contain;background:#050608}.case-image-frame{background:#050608}.case-image-frame img{display:block;width:100%;max-height:min(78vh,920px);-o-object-fit:contain;object-fit:contain;background:#050608}.case-media figcaption{height:48px;margin:0;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);font:400 8px JetBrains Mono;text-transform:uppercase;letter-spacing:.12em;color:#60666e}.case-media figcaption span:first-child{color:var(--project-color)}@media(max-width:1199px){:root{--side: 58px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(68px,9vw,110px)}.building-bar{grid-template-columns:1.1fr repeat(4,1fr)}.building-item{padding:0 12px}.building-item b{display:none}.project-card{grid-template-columns:45px 1fr minmax(280px,42%) 50px}.constellation{transform:scale(.9)}.contact-orbit{transform:scale(.85)}}@media(max-width:900px){:root{--side: 0}.section-shell{padding-left:clamp(24px,5vw,48px)}.side-nav,.desktop-nav,.header-actions{display:none}.header{grid-template-columns:1fr auto}.menu-toggle{display:block;padding:10px;cursor:pointer}.mobile-menu{display:flex;position:fixed;z-index:89;inset:0;background:#07090c;padding:120px clamp(28px,9vw,80px) 50px;flex-direction:column;justify-content:center}.mobile-settings{margin-top:28px;padding:13px 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:transparent;color:var(--accent);font:500 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.mobile-menu a{font:600 clamp(34px,7vw,60px)/1 Space Grotesk;text-transform:uppercase;padding:12px 0;border-bottom:1px solid var(--border)}.mobile-menu a span{font:400 9px JetBrains Mono;color:var(--accent);margin-right:24px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero-visual{height:580px;min-height:0}.building-bar{left:0;position:relative;margin-left:calc(clamp(24px,5vw,48px)*-1);margin-right:calc(clamp(24px,5vw,48px)*-1);margin-bottom:-120px;display:flex;overflow-x:auto}.building-title,.building-item{min-width:190px;height:66px}.scroll-cue{display:none}.section-heading-grid{grid-template-columns:1fr;gap:30px}.project-card{grid-template-columns:45px 1fr 52px}.project-art{grid-column:2/4;grid-row:2}.project-card{padding:35px 0}.constellation{height:auto;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.constellation-orbit,.skill-core{display:none}.skill-nodes{display:contents}.skill-node{position:static!important;min-height:55px;text-align:left}.skill-details{position:static;grid-column:1/-1;width:auto;margin-top:15px}.process-grid{grid-template-columns:1fr 1fr}.process-line{display:none}.process-card{border-top:1px solid var(--border);padding-left:20px!important}.process-dot{left:20px!important}.about-grid{grid-template-columns:1fr}.profile-visual{order:-1}.contact-section{grid-template-columns:1fr}.contact-orbit{height:450px}.contact-links{grid-template-columns:1fr 1fr}.footer{margin-left:0}.case-overview{grid-template-columns:1fr}}@media(max-width:640px){.section-shell{padding-left:20px;padding-right:20px}.header{padding:0 20px}.hero h1{font-size:clamp(68px,25vw,100px);margin:25px 0 32px}.hero-intro{font-size:16px}.hero-actions .button{flex:1}.reel-button{width:100%;margin:10px 0}.tech-list{gap:12px;margin-top:35px}.hero-visual{height:430px;margin:20px -20px 0}.callout{display:none}.building-bar{margin-left:-20px;margin-right:-20px}.section-heading h2,.contact-top h2{font-size:clamp(45px,15vw,70px)}.section-heading-grid{margin-top:22px}.project-card{grid-template-columns:34px 1fr 44px;gap:10px}.project-content h3{font-size:34px}.project-art{height:190px}.project-arrow{width:40px;height:40px}.section-end{display:none}.constellation{grid-template-columns:1fr}.skill-details{grid-column:1}.process-grid{grid-template-columns:1fr}.process-card{min-height:260px;border-right:0}.lab-grid{display:block}.experiment-card{margin-bottom:12px;min-height:350px}.demo{height:220px}.profile-visual{height:430px}.profile-placeholder{width:240px;height:330px}.profile-ring{width:330px;height:180px}.ring-two{width:350px;height:190px}.profile-tag{right:-5px}.stats-grid{grid-template-columns:1fr 1fr;margin-top:60px}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.contact-section{min-height:auto}.contact-orbit{height:330px;transform:scale(.72);margin:-30px}.contact-links{grid-template-columns:1fr}.contact-links>a,.contact-links>div{border-bottom:1px solid var(--border)}.footer{flex-wrap:wrap;padding:24px 20px}.footer-links{order:3;width:100%;margin:0}.case-header span{display:none}.case-hero{padding-top:90px}.case-hero h1{font-size:clamp(65px,20vw,95px);overflow-wrap:anywhere}.case-study>.case-art{height:65vh}.case-overview,.case-challenge,.case-results{padding:90px 24px}.case-next{align-items:flex-start;flex-direction:column;gap:20px}.case-media{margin:0 14px}.case-media figcaption{height:42px;padding:0 11px}.case-media figcaption span:last-child{display:none}.hero-copy{min-width:0;width:100%}.hero-intro{max-width:100%;overflow-wrap:anywhere}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.hero-actions .button{min-width:0;padding:0 10px;gap:8px}.reel-button{grid-column:1/-1}.hero-visual{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}.core-mark{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:46px;display:grid;place-items:center;background:#060809c7;border:1px solid rgba(199,255,47,.7);box-shadow:0 0 28px #c7ff2f21;pointer-events:none}.core-mark span{font:600 17px JetBrains Mono;color:var(--accent);letter-spacing:-.12em}.hero-image-visual{--hero-x: 0px;--hero-y: 0px;--hero-rx: 0deg;--hero-ry: 0deg;perspective:1200px;isolation:isolate}.hero-image-visual:after{content:"";position:absolute;z-index:0;inset:20% 8% 14% 18%;border-radius:50%;background:radial-gradient(circle,rgba(199,255,47,.075),rgba(142,92,255,.025) 46%,transparent 72%);filter:blur(35px);pointer-events:none}.hero-image-float{position:absolute;z-index:2;inset:-2% -7%;display:grid;place-items:center;animation:heroImageFloat 9s ease-in-out infinite;will-change:transform}.hero-image-float img{display:block;width:112%;height:104%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:translate3d(var(--hero-x),var(--hero-y),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) scale(1.04);filter:hue-rotate(42deg) saturate(1.05) brightness(.72) contrast(1.18) drop-shadow(0 22px 45px rgba(199,255,47,.055));-webkit-mask-image:radial-gradient(ellipse 68% 63% at 52% 50%,#000 42%,rgba(0,0,0,.82) 58%,transparent 84%);mask-image:radial-gradient(ellipse 68% 63% at 52% 50%,#000 42%,rgba(0,0,0,.82) 58%,transparent 84%);transition:transform .75s var(--ease);will-change:transform}.hero-image-visual:hover .hero-image-float img{transition-duration:.18s}@keyframes heroImageFloat{0%,to{transform:translate3d(0,-4px,0)}50%{transform:translate3d(0,6px,0)}}.constellation{isolation:isolate}.constellation-particles{position:absolute;inset:4% 1%;pointer-events:none;z-index:0}.constellation-particles>i{position:absolute;width:2px;height:2px;border-radius:50%;background:#c7ff2fc7;box-shadow:0 0 8px #c7ff2f80;animation:constellationTwinkle 4.8s ease-in-out infinite}.constellation-particles>i:nth-child(3n){width:3px;height:3px;opacity:.45}.constellation-particles>i.purple{background:#8e5cffe6;box-shadow:0 0 9px #8e5cff99}.trail{position:absolute;width:92px;height:1px;background:linear-gradient(90deg,transparent,rgba(199,255,47,.28),transparent);transform:rotate(-18deg);opacity:.6}.trail-a{left:17%;top:34%}.trail-b{right:12%;top:61%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(142,92,255,.25),transparent)}.trail-c{left:43%;bottom:15%;width:60px;transform:rotate(8deg)}@keyframes constellationTwinkle{0%,to{opacity:.18;transform:scale(.75)}50%{opacity:.9;transform:scale(1.25)}}.constellation-orbit{border-color:#ffffff13;box-shadow:inset 0 0 22px #ffffff03,0 0 28px #8e5cff03}.skill-nodes{position:absolute;inset:0;z-index:3;animation:techOrbit 58s linear infinite;will-change:transform}.skill-node{animation:techCounterOrbit 58s linear infinite;will-change:transform,scale;transition:scale .7s var(--ease),border-color .7s var(--ease),color .7s var(--ease),box-shadow .7s var(--ease),background .7s var(--ease)}.skill-node.active{scale:1.1;background:#11160f;box-shadow:0 0 0 1px #c7ff2f0f,0 0 28px #c7ff2f21}.skill-node.active:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(199,255,47,.12);pointer-events:none}.is-paused .skill-nodes,.is-paused .skill-node{animation-play-state:paused}@keyframes techOrbit{to{transform:rotate(360deg)}}@keyframes techCounterOrbit{to{transform:rotate(-360deg)}}.skill-details{animation:skillPanelIn .65s var(--ease) both}.skill-details h3{text-transform:uppercase}.skill-details p{margin-bottom:12px;color:#c4c7cc}.skill-details ul{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.skill-details li{font:400 8px JetBrains Mono;color:#777d85}.skill-details li:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--accent);margin:0 7px 2px 0;box-shadow:0 0 6px #c7ff2f80}@keyframes skillPanelIn{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}.constellation{height:560px;max-width:1200px;overflow:visible;transform:none}.orbit-1{width:26%;height:24%}.orbit-2{width:48%;height:40%}.orbit-3{width:68%;height:56%}.skill-nodes{inset:21% auto auto 16%;width:68%;height:56%;transform:none;animation:none}.skill-nodes:before{display:none}.skill-node-orbit{position:absolute;z-index:1;transform:translate(-50%,-50%)}.orbit-node-1{left:50%;top:4%}.orbit-node-2{left:80%;top:16%}.orbit-node-3{left:95%;top:50%}.orbit-node-4{left:80%;top:84%}.orbit-node-5{left:50%;top:96%}.orbit-node-6{left:20%;top:84%}.orbit-node-7{left:5%;top:50%}.orbit-node-8{left:20%;top:16%}.skill-node{position:relative;inset:auto;animation:none}.skill-node.active{z-index:2}.skill-details{right:0;bottom:14px;z-index:4}.orbit-satellite{position:absolute;z-index:2;left:50%;top:49%;width:68%;height:56%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) rotate(-7deg);animation:orbitSatellite 20s linear infinite}.orbit-satellite:after{content:"";position:absolute;left:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px 3px #c7ff2f59}@keyframes orbitSatellite{0%{transform:translate(-50%,-50%) rotate(-7deg)}to{transform:translate(-50%,-50%) rotate(353deg)}}.is-paused .orbit-satellite{animation-play-state:paused}@media(max-width:1199px)and (min-width:901px){.constellation{max-width:980px;height:540px}.orbit-1{width:25%;height:23%}.orbit-2{width:43%;height:38%}.orbit-3{width:58%;height:54%}.skill-nodes{left:21%;top:22%;width:58%;height:54%}.orbit-satellite{width:58%;height:54%}.skill-details{width:225px;bottom:12px}}@media(max-width:900px){.constellation{overflow:visible}.orbit-satellite{display:none}.skill-node-orbit{position:static;display:contents}.skill-node{animation:none}}.experiment-card{isolation:isolate;overflow:hidden}.experiment-card:before{content:"";position:absolute;z-index:0;left:var(--spot-x, 50%);top:var(--spot-y, 50%);width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(142,92,255,.09),transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s;pointer-events:none}.experiment-card:hover:before{opacity:1}.experiment-card>*{position:relative;z-index:1}.experiment-title>a{width:42px;height:42px;background:transparent;border:1px solid var(--border);display:grid;place-items:center;transition:background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}.experiment-title>a:hover{border-color:var(--accent);background:var(--accent);color:#050608;transform:translate3d(2px,0,0)}.experiment-card:hover .demo{border-color:#ffffff16}.experiment-card:hover h3{color:var(--accent)}.experiment-title h3{transition:color .35s var(--ease)}.lab-launch{position:relative;width:min(100%,520px);min-height:86px;margin:28px auto 0;padding:20px 72px 20px 24px;display:grid;align-content:center;gap:7px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(110deg,rgba(199,255,47,.1),rgba(142,92,255,.08) 52%,transparent);transition:transform .28s var(--ease),border-color .28s var(--ease)}.lab-launch:before{content:"";position:absolute;inset:1px;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.07),transparent 67%);transform:translate(-110%);transition:transform .5s var(--ease)}.lab-launch span,.lab-launch small,.lab-launch i{position:relative;z-index:1}.lab-launch span{font:600 clamp(18px,2.2vw,25px)/1 var(--font-heading);letter-spacing:-.04em}.lab-launch small{color:#89909a;font:500 8px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase}.lab-launch i{position:absolute;right:22px;top:50%;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font-style:normal;transform:translateY(-50%);transition:background-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}.lab-launch:hover{border-color:var(--accent);transform:translateY(-3px)}.lab-launch:hover:before{transform:translate(110%)}.lab-launch:hover i{background:var(--accent);color:#050608;transform:translateY(-50%) rotate(45deg)}.profile-photo{isolation:isolate;box-shadow:0 25px 80px #c7ff2f0e}.profile-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,rgba(5,6,8,.25));pointer-events:none}.profile-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;filter:saturate(.88) contrast(1.04)}.experiment-page{min-height:100vh;background:radial-gradient(circle at 75% 18%,rgba(142,92,255,.07),transparent 28%)}.experiment-header{height:75px;padding:0 clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font:400 9px JetBrains Mono;text-transform:uppercase;color:#777c84}.experiment-header a{display:flex;align-items:center;gap:10px;transition:color .3s}.experiment-header a:hover{color:var(--accent)}.experiment-hero{padding:clamp(88px,0vw,160px) clamp(24px,8vw,140px) 80px}.experiment-hero nav{display:flex;gap:10px;align-items:center;font:400 8px JetBrains Mono;text-transform:uppercase;color:#656a73}.experiment-hero nav strong{color:#a5a9af;font-weight:400}.experiment-hero>p:first-of-type,.experiment-documentation article>span,.experiment-live-meta>span{display:block;margin-top:52px;font:400 9px JetBrains Mono;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.experiment-hero h1{max-width:1100px;font:700 clamp(64px,10vw,160px)/.82 Space Grotesk;letter-spacing:-.075em;text-transform:uppercase;margin:28px 0}.experiment-hero>p:nth-of-type(2){max-width:700px;font-size:clamp(17px,1.6vw,23px);line-height:1.65;color:#9ba0a8}.experiment-hero>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}.experiment-hero>div span{padding:7px 10px;border:1px solid var(--border);font:400 8px JetBrains Mono;text-transform:uppercase}.experiment-live{margin:0 clamp(24px,4vw,64px);border:1px solid var(--border);background:#080a0d;padding:clamp(16px,3vw,38px)}.experiment-live-meta{display:flex;align-items:center;justify-content:space-between}.experiment-live-meta>span{margin:0}.experiment-live-meta small{font:400 8px JetBrains Mono;text-transform:uppercase;color:#626771}.experiment-live .demo{height:min(60vh,620px);margin:28px 0 0}.experiment-live .particle-demo{min-height:440px}.experiment-live .magnetic-demo button{width:clamp(140px,18vw,220px);height:clamp(140px,18vw,220px)}.experiment-live .tilt-card{max-width:620px;height:min(72%,400px)}.experiment-customize{margin:1px clamp(24px,4vw,64px) 0;padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:minmax(220px,.75fr) minmax(360px,1.25fr);gap:clamp(32px,6vw,96px);background:var(--surface);border:1px solid var(--border)}.experiment-customize>div>span{color:var(--accent);font:500 9px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.experiment-customize h2{margin:17px 0;font:600 clamp(30px,3.2vw,48px)/.95 var(--font-heading);letter-spacing:-.05em}.experiment-customize p{max-width:430px;margin:0;color:var(--muted);line-height:1.65}.experiment-controls{display:grid;align-content:start;gap:18px}.experiment-controls label{display:grid;gap:9px}.experiment-controls label>span{display:flex;justify-content:space-between;gap:18px;color:#aeb4bb;font:500 9px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.experiment-controls output{color:var(--accent)}.experiment-controls input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.experiment-controls input[type=color]{width:100%;height:32px;padding:3px;border:1px solid var(--border);background:#080a0d;cursor:pointer}.experiment-controls button{justify-self:start;margin-top:10px;padding:12px 15px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:500 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,color .18s ease}.experiment-controls button:hover{background:var(--accent);color:#050608}.experiment-documentation{padding:var(--space) clamp(24px,8vw,140px);display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.experiment-documentation article{min-height:360px;padding:clamp(28px,4vw,58px);background:var(--bg)}.experiment-documentation article>span{margin:0}.experiment-documentation h2{font:600 clamp(34px,4vw,62px)/.95 Space Grotesk;letter-spacing:-.045em;margin:30px 0}.experiment-documentation article>p{max-width:560px;color:#999da5;line-height:1.8}.experiment-tech-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:42px}.experiment-tech-list strong{padding:12px 15px;border:1px solid var(--border);font:400 10px JetBrains Mono;text-transform:uppercase}.experiment-code{grid-column:1/-1}.experiment-code pre{margin:38px 0 0;padding:clamp(22px,4vw,45px);background:#080a0d;border:1px solid var(--border);overflow:auto;color:#cfe88b;font:400 13px/1.8 JetBrains Mono}.experiment-note{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--border)}.experiment-note svg{width:17px;color:var(--accent)}.experiment-note p{margin:0;color:#a5a9af}.experiment-back{padding:65px clamp(24px,8vw,140px);border-top:1px solid var(--border)}.experiment-back a{display:inline-flex;align-items:center;gap:12px;font:500 10px JetBrains Mono;text-transform:uppercase;transition:color .3s}.experiment-back a:hover{color:var(--accent)}@media(max-width:900px){.hero-image-float{inset:0 -12%}.hero-image-float img{height:110%}.skill-nodes{position:static;animation:none}.skill-node{animation:none}.experiment-documentation,.experiment-customize{grid-template-columns:1fr}.experiment-code{grid-column:auto}}@media(max-width:640px){.hero-image-float{inset:0 -24%}.hero-image-float img{width:125%;height:108%;-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 50%,#000 40%,transparent 84%);mask-image:radial-gradient(ellipse 62% 62% at 50% 50%,#000 40%,transparent 84%)}.experiment-header span{display:none}.experiment-hero{padding-top:100px}.experiment-hero h1{overflow-wrap:anywhere}.experiment-live{margin:0 14px}.experiment-live .demo{height:360px}.experiment-documentation{padding:1px}.experiment-documentation article{min-height:auto;padding:65px 24px}}@media(prefers-reduced-motion:reduce){.hero-image-float,.skill-nodes,.skill-node,.constellation-particles>i{animation:none!important}.hero-image-float img{transform:none!important}.experiment-card:before{display:none}}.profile-frame{position:relative;width:330px;height:430px;background:#080a0d;border:1px solid rgba(255,255,255,.12);overflow:hidden}@media(max-width:640px){.profile-frame{width:240px;height:330px}}.hero-profile-visual{--profile-rx: 0deg;--profile-ry: 0deg;--profile-x: 0px;--profile-y: 0px;isolation:isolate;perspective:1300px;display:grid;place-items:center}.hero-profile-visual:before,.hero-profile-visual:after{content:"";position:absolute;pointer-events:none;border-radius:50%}.hero-profile-visual:before{width:75%;height:68%;background:radial-gradient(circle,rgba(199,255,47,.15),rgba(142,92,255,.06) 45%,transparent 70%);filter:blur(30px)}.hero-profile-visual:after{width:82%;height:42%;border:1px solid rgba(199,255,47,.22);transform:rotate(-28deg)}.hero-profile-card{position:relative;z-index:2;width:min(82%,420px);height:min(90%,590px);overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#090b0d;box-shadow:0 30px 90px #0000007a,0 0 55px #c7ff2f0f;transform:translate3d(var(--profile-x),var(--profile-y),0) rotateX(var(--profile-rx)) rotateY(var(--profile-ry));transition:transform .68s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;will-change:transform}.hero-profile-card:hover{border-color:#c7ff2f80;box-shadow:0 35px 95px #0000008c,0 0 70px #c7ff2f1f}.hero-profile-card>img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center 28%;object-position:center 28%;filter:saturate(.88) contrast(1.08) brightness(.82);transform:scale(1.025);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s}.hero-profile-card:hover>img{transform:scale(1.065);filter:saturate(.98) contrast(1.08) brightness(.9)}.hero-profile-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,rgba(199,255,47,.13),transparent 30%,transparent 65%,rgba(142,92,255,.11)),linear-gradient(0deg,rgba(5,6,8,.66),transparent 48%);pointer-events:none}.hero-profile-grid{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:25% 20%}.hero-profile-marker{position:absolute;z-index:3;width:9px;height:9px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.hero-profile-marker-a{top:8%;left:8%}.hero-profile-marker-b{right:10%;top:42%;width:5px;height:5px;border-radius:50%}.hero-profile-caption{position:absolute;z-index:3;left:8%;right:8%;bottom:7%;font:500 10px JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#e6e9e9;display:flex;align-items:center;gap:9px}.hero-profile-caption i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.hero-profile-caption small{margin-left:auto;color:#b8f12d;font:400 7px JetBrains Mono,monospace;letter-spacing:.11em}.profile-photo img{-o-object-position:center;object-position:center}.code-environment-visual{position:relative;overflow:visible;isolation:isolate}.code-environment-visual:before{content:"";position:absolute;z-index:0;inset:16% 4% 9% 8%;background:radial-gradient(ellipse,rgba(199,255,47,.045),rgba(142,92,255,.025) 42%,transparent 72%);filter:blur(24px);pointer-events:none}.code-environment-canvas{position:absolute;z-index:2;inset:-8% -10% -4% -8%;opacity:1;animation:codeSceneReveal 1.7s var(--ease) both}.code-environment-canvas canvas{display:block;width:100%!important;height:100%!important;outline:0}.code-scene-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font:400 8px JetBrains Mono;color:#686f77;letter-spacing:.14em}.code-scene-loading i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #c7ff2f99;animation:pulse 1.6s infinite}@keyframes codeSceneReveal{0%{opacity:0;transform:translate3d(0,22px,0) scale(.965)}to{opacity:1;transform:none}}.scene-hover-label{position:absolute;z-index:7;right:8%;top:13%;padding:7px 9px;background:#07090be6;border:1px solid rgba(199,255,47,.25);color:#8a9199;font:400 7px JetBrains Mono;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 8px 24px #00000047;pointer-events:none;animation:skillPanelIn .22s var(--ease)}.scene-hover-label span{color:var(--accent);margin-right:8px}.scene-phase-indicator{position:absolute;z-index:4;left:13%;right:10%;bottom:7%;display:flex;align-items:center;gap:7px;pointer-events:none}.scene-phase-indicator span{font:400 6px JetBrains Mono;color:#505760;letter-spacing:.1em;transition:color .7s,text-shadow .7s}.scene-phase-indicator i{height:1px;flex:1;background:#fff1}.code-environment-canvas[data-phase=code] .scene-phase-indicator span:nth-of-type(1),.code-environment-canvas[data-phase=components] .scene-phase-indicator span:nth-of-type(2),.code-environment-canvas[data-phase=interaction] .scene-phase-indicator span:nth-of-type(3),.code-environment-canvas[data-phase=interface] .scene-phase-indicator span:nth-of-type(4){color:var(--accent);text-shadow:0 0 9px rgba(199,255,47,.4)}.scene-metrics{position:absolute;z-index:5;right:7%;bottom:13%;width:104px;padding:9px 10px;background:#07090bdb;border:1px solid rgba(199,255,47,.18);display:grid;grid-template-columns:1fr auto;align-items:center;animation:skillPanelIn .45s var(--ease)}.scene-metrics span,.scene-metrics small{font:400 6px JetBrains Mono;color:#697079;letter-spacing:.1em}.scene-metrics b{grid-row:1/3;grid-column:2;font:600 22px Space Grotesk;color:var(--accent)}.scene-metrics small{grid-column:1}.scene-accessibility-controls{position:absolute;z-index:6;left:6%;top:8%}.scene-accessibility-controls button{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.scene-accessibility-controls button:focus-visible{position:relative;width:auto;height:auto;clip-path:none;overflow:visible;padding:8px 10px;background:#080b0d;border:1px solid var(--accent);color:var(--accent);font:500 8px JetBrains Mono;text-transform:uppercase;outline:0;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.code-scene-fallback{position:absolute;z-index:2;inset:5% 0 0;perspective:900px;overflow:hidden;background:radial-gradient(circle at 58% 44%,rgba(199,255,47,.05),transparent 48%)}.fallback-grid{position:absolute;left:-20%;right:-20%;bottom:-30%;height:70%;background-image:linear-gradient(rgba(142,92,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;transform:rotateX(64deg);-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent)}.fallback-editor{position:absolute;left:50%;top:47%;width:min(78%,460px);aspect-ratio:16/10;transform:translate(-50%,-50%) rotateX(4deg) rotateY(-8deg);background:#0a0d11;border:1px solid rgba(199,255,47,.22);box-shadow:0 25px 50px #00000061;overflow:hidden}.fallback-chrome{height:32px;background:#11161b;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;padding:0 10px}.fallback-chrome i{width:5px;height:5px;border-radius:50%;background:#59616a}.fallback-chrome i:first-child{background:var(--purple)}.fallback-chrome i:nth-child(3){background:var(--accent)}.fallback-chrome span,.fallback-panel>span{margin-left:8px;font:400 7px JetBrains Mono;color:#8b929a}.fallback-editor pre{margin:0;padding:18px;color:#d7dbd3;font:400 8px/1.9 JetBrains Mono}.fallback-editor pre span,.fallback-editor pre b{color:var(--purple);font-weight:400}.fallback-editor pre em{color:#f5f5f2}.fallback-editor small{position:absolute;bottom:0;left:0;right:0;padding:7px 10px;background:#080a0c;color:var(--accent);font:400 6px JetBrains Mono}.fallback-panel{position:absolute;padding:10px;background:#0b0e12;border:1px solid var(--border);box-shadow:0 16px 35px #00000052}.fallback-terminal{left:3%;bottom:14%;width:42%;transform:rotateY(8deg)}.fallback-terminal p,.fallback-terminal b{font:400 7px JetBrains Mono;color:#b8bdc2}.fallback-terminal b{color:var(--accent)}.fallback-ui{right:2%;top:16%;width:35%;height:25%;transform:rotateY(-12deg)}.fallback-ui button{display:block;margin:18px auto 8px;padding:8px 12px;border:0;background:var(--accent);color:#050608;font:600 6px JetBrains Mono}.fallback-ui i{display:block;height:2px;margin:12px;background:linear-gradient(90deg,var(--purple) 65%,#292f35 65%)}.fallback-node{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.node-a{left:10%;top:25%}.node-b{right:13%;bottom:20%;background:var(--purple);box-shadow:0 0 9px var(--purple)}@media(max-width:1199px){.code-environment-canvas{inset:-5% -18% -2% -16%}.scene-phase-indicator{left:9%;right:6%}.scene-phase-indicator span{font-size:5px}}@media(max-width:900px){.code-environment-visual{overflow:hidden}.code-environment-canvas{inset:-4% -10%}.scene-phase-indicator{left:15%;right:15%;bottom:5%}.scene-label{display:none}}@media(max-width:640px){.code-environment-visual{margin-top:25px}.code-environment-canvas{inset:-2% -18%}.scene-phase-indicator{left:12%;right:12%}.scene-phase-indicator span{font-size:5px}.scene-metrics{right:5%;bottom:10%}}@media(prefers-reduced-motion:reduce){.code-environment-canvas,.code-scene-loading i{animation:none}.scene-phase-indicator span{transition:none}}.about-code-environment{isolation:isolate;box-shadow:0 25px 80px #c7ff2f0e}.about-code-environment .code-environment-canvas{inset:-12% -42%;animation:none}.about-code-environment .scene-phase-indicator{left:18%;right:18%;bottom:6%}.about-code-environment .scene-phase-indicator span{font-size:5px}.about-code-environment .scene-accessibility-controls,.about-code-environment .scene-hover-label,.about-code-environment .scene-metrics{display:none}.about-section .profile-visual{height:clamp(500px,42vw,620px)}.about-code-environment{width:min(100%,760px);height:100%;max-width:none;overflow:hidden}.about-code-environment .code-environment-canvas{inset:0}.about-code-environment .scene-phase-indicator{left:9%;right:9%;bottom:5%}.about-code-environment .scene-phase-indicator span{font-size:6px}.hero-profile-border{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.hero-profile-border rect{fill:none;stroke:var(--accent);stroke-width:.45;stroke-dasharray:14 86;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--accent));animation:heroBorderTrace 7s linear infinite}.hero-profile-border circle{fill:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.hero-profile-caption{z-index:5}@keyframes heroBorderTrace{to{stroke-dashoffset:-100}}@media(max-width:640px){.about-section .profile-visual{height:440px}.about-code-environment{width:100%}}@media(prefers-reduced-motion:reduce){.hero-profile-border rect{animation:none}}.hero h1 .outline-word{letter-spacing:-.055em}.about-section .about-grid{grid-template-columns:.68fr 1.32fr;gap:5vw}.about-code-environment{width:min(100%,840px)}@media(max-width:900px){.about-section .about-grid{grid-template-columns:1fr}}@media(min-width:901px){.constellation .skill-details{right:clamp(-90px,-5vw,-40px)}}html[data-theme=light]{--bg: #ffffff;--soft: #f7f8f8;--surface: #ffffff;--surface-light: #f4f6f6;--text: #111419;--muted: #58606a;--border: rgba(17, 20, 25, .16);--grid: rgba(17, 20, 25, .055)}html[data-theme=light] body:after{opacity:.012}html[data-theme=light] .header-scrolled,html[data-theme=light] .side-nav,html[data-theme=light] .language-switcher,html[data-theme=light] .theme-toggle{background:#ffffffd6}html[data-theme=light] .theme-toggle{color:#515861}html[data-theme=light] .project-art,html[data-theme=light] .case-media,html[data-theme=light] .case-video-frame,html[data-theme=light] .case-image-frame,html[data-theme=light] .demo,html[data-theme=light] .experiment-live,html[data-theme=light] .experiment-controls input[type=color],html[data-theme=light] .experiment-code pre{background-color:#fff}html[data-theme=light] .particle-demo,html[data-theme=light] .tilt-demo{background:#f8faf9}html[data-theme=light] .tilt-card{background:linear-gradient(145deg,#fff,#edf1f0 58%,#f9fbfa);box-shadow:0 24px 70px #1f2a2524,inset 0 1px #ffffffe6}html[data-theme=light] .header-cta,html[data-theme=light] .desktop-nav a,html[data-theme=light] .language-switcher button,html[data-theme=light] .side-nav a,html[data-theme=light] .section-heading p,html[data-theme=light] .hero-intro{color:var(--text)}.system-settings-backdrop{position:fixed;z-index:200;inset:0;background:#00000040;backdrop-filter:blur(10px)}.system-settings{position:relative;width:clamp(380px,31vw,420px);min-height:100%;padding:36px 30px 28px;display:flex;flex-direction:column;background:#090909;border-right:1px solid rgba(255,255,255,.06);box-shadow:0 0 80px #0000008c;outline:none}.system-settings__close{position:absolute;top:24px;right:22px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;z-index:2}.system-settings__identity{display:grid;gap:6px}.system-settings__mark{color:var(--text);font:700 28px/1 var(--font-heading);letter-spacing:-.12em}.system-settings__identity strong{margin-top:20px;font:600 24px/1 var(--font-heading);letter-spacing:-.05em}.system-settings__identity span,.system-settings__footer{color:#737982;font:500 9px/1.4 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.system-settings__identity i{width:68px;height:1px;margin-top:16px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.system-settings__section{margin-top:44px}.system-settings__section>p{margin:0 0 18px;color:var(--text);font:600 12px/1 var(--font-heading)}.system-settings__label{display:block;margin-bottom:10px;color:#737982;font:500 8px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase}.theme-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-cards button{min-height:74px;display:grid;justify-items:start;align-content:space-between;padding:12px;border:1px solid var(--border);background:#0c0d0f;color:#9ea4ac;font:500 10px/1 var(--font-mono);cursor:pointer;transition:.22s var(--ease)}.theme-cards button.active{border-color:var(--accent);background:#c7ff2f11;color:var(--accent);box-shadow:0 0 22px #c7ff2f21}.theme-cards button:hover,.system-links a:hover{border-color:var(--accent);color:var(--accent)}.language-capsules{display:flex;gap:8px}.language-capsules button{min-width:56px;padding:10px 13px;border:1px solid var(--border);border-radius:999px;background:transparent;color:#89909a;font:500 9px/1 var(--font-mono);letter-spacing:.1em;cursor:pointer;transition:.2s var(--ease)}.language-capsules button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 18px #c7ff2f26}.language-capsules button.active{border-color:var(--accent);background:var(--accent);color:#050608;transform:scale(1.05)}.system-links{display:grid;gap:8px}.system-links a{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);color:#a7adb4;font:500 9px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;transition:.2s var(--ease)}.system-settings__footer{margin-top:auto;padding-top:28px;display:grid;gap:6px;border-top:1px solid var(--border)}.system-settings button:focus-visible,.system-settings a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html.theme-transition,html.theme-transition *{transition:background-color .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)!important}@media(max-width:640px){.system-settings{width:100%;padding:34px 24px 24px}}
