:root{color-scheme:light dark;--surface: #edeef4;--surface-low: #e4e6ee;--surface-elevated: #ffffff;--on-surface: #0a0a0b;--on-surface-variant: #5b5e6b;--invert-surface: #000000;--on-invert: #edeef4;--accent: #007a7a;--accent-text: #04605f;--accent-on-invert: #00ffc2;--accent-text-invert: #3ff0cd;--accent-glow: rgba(0, 122, 122, .22);--hairline: rgba(10, 10, 11, .13);--hairline-strong: rgba(10, 10, 11, .28);--card-bg: rgba(255, 255, 255, .55);--card-bg-hover: rgba(255, 255, 255, .9);--shadow-soft: 0 10px 30px rgba(10, 10, 11, .07);--shadow: 0 26px 60px rgba(10, 10, 11, .14);--r-sm: 3px;--r-md: 6px;--r-lg: 10px;--r-pill: 999px;--container: 1440px;--gutter: clamp(20px, 4vw, 40px);--section-gap: clamp(96px, 13vw, 200px);--ease: cubic-bezier(.16, 1, .3, 1);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--surface: #0a0a0b;--surface-low: #121316;--surface-elevated: #16171a;--on-surface: #edeef4;--on-surface-variant: #9da0ad;--invert-surface: #edeef4;--on-invert: #0a0a0b;--accent: #00ffc2;--accent-text: #4fe8c4;--accent-on-invert: #007a7a;--accent-text-invert: #04605f;--accent-glow: rgba(0, 255, 194, .2);--hairline: rgba(237, 238, 244, .12);--hairline-strong: rgba(237, 238, 244, .28);--card-bg: rgba(237, 238, 244, .04);--card-bg-hover: rgba(237, 238, 244, .09);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .5);--shadow: 0 26px 60px rgba(0, 0, 0, .7)}}:root[data-theme=dark]{--surface: #0a0a0b;--surface-low: #121316;--surface-elevated: #16171a;--on-surface: #edeef4;--on-surface-variant: #9da0ad;--invert-surface: #edeef4;--on-invert: #0a0a0b;--accent: #00ffc2;--accent-text: #4fe8c4;--accent-on-invert: #007a7a;--accent-text-invert: #04605f;--accent-glow: rgba(0, 255, 194, .2);--hairline: rgba(237, 238, 244, .12);--hairline-strong: rgba(237, 238, 244, .28);--card-bg: rgba(237, 238, 244, .04);--card-bg-hover: rgba(237, 238, 244, .09);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .5);--shadow: 0 26px 60px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--surface)}html.has-smooth{scroll-behavior:auto}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--surface)}::-webkit-scrollbar-thumb{min-height:56px;border:3px solid transparent;border-radius:var(--r-pill);background:color-mix(in srgb,var(--on-surface) 26%,transparent) padding-box}::-webkit-scrollbar-thumb:hover{background:var(--accent) padding-box}::-webkit-scrollbar-thumb:active{background:var(--accent-text) padding-box}.select-list::-webkit-scrollbar{width:10px}.select-list::-webkit-scrollbar-track{background:transparent}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--on-surface) 32%,transparent) var(--surface)}.select-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--on-surface) 32%,transparent) transparent}}body{margin:0;color:var(--on-surface);background:var(--surface);font-family:var(--font-body);font-size:17px;font-weight:400;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{color:var(--surface);background:var(--accent)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.skip-link{position:absolute;top:-100px;left:12px;z-index:90;padding:12px 20px;border-radius:var(--r-sm);color:var(--surface);background:var(--on-surface);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;transition:top .16s var(--ease)}.skip-link:focus{top:12px}.shell{width:100%;max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}h1,h2,h3,p{margin-top:0}.display{margin:0 0 40px;font-size:clamp(2.9rem,8.6vw,7.6rem);font-weight:200;line-height:1.04;letter-spacing:-.022em}.headline{margin:0 0 28px;font-size:clamp(1.9rem,4.6vw,4rem);font-weight:200;line-height:1.16;letter-spacing:-.018em}.subhead{margin-bottom:14px;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:400;line-height:1.32;letter-spacing:-.012em}.label{display:block;margin:0 0 24px;color:var(--accent-text);font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em}.lede{color:var(--on-surface-variant);font-size:clamp(1.05rem,1.5vw,1.22rem);font-weight:400;line-height:1.78}.body-copy{margin-bottom:0;color:var(--on-surface-variant)}.site-header{position:fixed;top:0;left:0;right:0;z-index:60;border-bottom:1px solid transparent;transition:background .5s ease,backdrop-filter .5s ease,border-color .5s ease}.site-header.is-scrolled{border-bottom-color:var(--hairline);background:color-mix(in srgb,var(--surface) 74%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding-block:18px}.wordmark{font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:500;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transition:color .3s var(--ease)}.wordmark:hover{color:var(--accent-text)}.header-tools{display:flex;align-items:center;gap:12px}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,40px)}.site-nav a{position:relative;padding-bottom:4px;color:var(--on-surface-variant);font-size:15px;transition:color .3s var(--ease)}.site-nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--ease)}.site-nav a:hover,.site-nav a.is-active{color:var(--on-surface)}.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1)}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--hairline-strong);border-radius:var(--r-pill);color:var(--on-surface);background:transparent;cursor:pointer;overflow:hidden;transition:border-color .3s var(--ease),color .3s var(--ease)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{position:absolute;width:17px;height:17px;transition:transform .5s var(--ease),opacity .3s var(--ease)}.theme-toggle .icon-sun{opacity:0;transform:rotate(-70deg) scale(.4)}.theme-toggle .icon-moon{opacity:1;transform:none}:root[data-theme=dark] .theme-toggle .icon-sun{opacity:1;transform:none}:root[data-theme=dark] .theme-toggle .icon-moon{opacity:0;transform:rotate(70deg) scale(.4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{opacity:1;transform:none}:root:not([data-theme=light]) .theme-toggle .icon-moon{opacity:0;transform:rotate(70deg) scale(.4)}}.nav-toggle{display:none;width:44px;height:44px;padding:13px;border:1px solid var(--hairline-strong);border-radius:var(--r-pill);background:transparent;cursor:pointer}.nav-toggle span{display:block;height:1px;background:var(--on-surface);transition:transform .3s var(--ease)}.nav-toggle span+span{margin-top:6px}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 34px;border:1px solid transparent;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;transition:transform .5s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}.button.primary{color:var(--surface);background:var(--on-surface)}.button.primary:hover{box-shadow:0 0 34px var(--accent-glow)}.button.ghost{color:var(--on-surface);border-color:var(--hairline-strong)}.button.ghost:hover{border-color:var(--on-surface);background:color-mix(in srgb,var(--on-surface) 8%,transparent)}.button.small{min-height:44px;padding:0 24px}.hero{position:relative;min-height:100vh;display:grid;grid-template-rows:1fr auto;align-items:center;padding:150px 0 var(--gutter);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:88px 88px;mask-image:radial-gradient(ellipse 68% 58% at 50% 44%,#000 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 68% 58% at 50% 44%,#000 0%,transparent 100%);opacity:.75;pointer-events:none}.hero:after{content:"";position:absolute;left:50%;top:44%;width:min(92vw,980px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle at center,var(--accent-glow) 0%,transparent 64%);opacity:.5;pointer-events:none}.hero-code{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,56px);align-content:start;padding:92px var(--gutter) 32px;overflow:hidden;opacity:0;pointer-events:none;user-select:none;transition:opacity 1.6s ease;mask-image:radial-gradient(ellipse 62% 54% at 50% 45%,transparent 22%,#000 88%);-webkit-mask-image:radial-gradient(ellipse 62% 54% at 50% 45%,transparent 22%,#000 88%)}.hero-code.is-live{opacity:.3}.code-col{margin:0;overflow:hidden;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11.5px;font-weight:400;line-height:1.8;white-space:pre;text-overflow:clip}.code-col:nth-child(2){margin-top:clamp(40px,9vh,110px)}.code-col:nth-child(3){margin-top:clamp(16px,4vh,56px)}.tok-c{color:color-mix(in srgb,var(--on-surface-variant) 55%,transparent);font-style:italic}.tok-s{color:var(--accent)}.tok-k{color:color-mix(in srgb,var(--on-surface) 82%,transparent)}.tok-n,.tok-t{color:color-mix(in srgb,var(--accent) 78%,var(--on-surface))}.tok-f{color:color-mix(in srgb,var(--on-surface) 68%,transparent)}.code-caret{display:inline-block;width:.55em;height:1em;margin-left:1px;vertical-align:-.15em;background:var(--accent);animation:caret-blink 1.05s steps(1) infinite}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.has-code-screen{position:relative;overflow:hidden}.has-code-screen>.shell{position:relative;z-index:1}.section-code{align-content:end;align-items:end;padding-top:0;padding-bottom:clamp(10px,1.6vw,22px);mask-image:linear-gradient(to top,#000 0,#000 calc(var(--section-gap) * .45),transparent calc(var(--section-gap) * .9));-webkit-mask-image:linear-gradient(to top,#000 0,#000 calc(var(--section-gap) * .45),transparent calc(var(--section-gap) * .9))}.section-code .code-col{margin-top:0}.section-code.is-live{opacity:.34}.has-code-screen .contact-form{background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.hero .display{max-width:16ch}.hero .lede{max-width:58ch;margin:0 0 56px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.signal-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;margin-top:clamp(48px,8vh,96px);border-top:1px solid var(--hairline)}.signal-strip span{min-height:66px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border-right:1px solid var(--hairline);color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.11em}.signal-strip span:last-child{border-right:0}.section{padding-block:var(--section-gap)}.section.banded{--surface: var(--invert-surface);--on-surface: var(--on-invert);--on-surface-variant: color-mix(in srgb, var(--on-invert) 62%, transparent);--accent: var(--accent-on-invert);--accent-text: var(--accent-text-invert);--hairline: color-mix(in srgb, var(--on-invert) 14%, transparent);--hairline-strong: color-mix(in srgb, var(--on-invert) 32%, transparent);--card-bg: color-mix(in srgb, var(--on-invert) 5%, transparent);--card-bg-hover: color-mix(in srgb, var(--on-invert) 11%, transparent);color:var(--on-invert);background:var(--invert-surface)}.section-intro{max-width:900px;margin:0 auto clamp(56px,8vw,100px);text-align:center}.section-intro .lede{max-width:66ch;margin:0 auto}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(40px,6vw,72px)}.section-head .headline{margin-bottom:0}.marquee{display:flex;overflow:hidden;padding-block:clamp(26px,3.4vw,46px);border-block:1px solid var(--hairline);user-select:none}.marquee-track{display:flex;flex-shrink:0;min-width:100%;will-change:transform}.has-js .marquee-track{animation:marquee 42s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{display:inline-flex;align-items:center;gap:clamp(28px,4vw,64px);padding-right:clamp(28px,4vw,64px);font-size:clamp(1.6rem,4vw,3.2rem);font-weight:200;letter-spacing:-.03em;white-space:nowrap}.marquee-track span:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);perspective:1200px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);perspective:1200px}.services-grid .engineering-card{display:flex;flex-direction:column}.services-grid .card-icon{margin-bottom:26px}.engineering-card{position:relative;overflow:hidden;padding:clamp(28px,3.2vw,44px);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--card-bg);transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translate3d(0,var(--ty, 0px),0);transition:transform .5s var(--ease),border-color .5s var(--ease),background .5s var(--ease),box-shadow .5s var(--ease)}.engineering-card:hover{--ty: -8px;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--card-bg-hover);box-shadow:var(--shadow)}.card-icon{display:block;width:32px;height:32px;margin-bottom:32px;color:var(--accent)}.process-list{max-width:1040px;margin:0 auto;display:grid;gap:clamp(36px,5vw,64px)}.process-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}.process-step .step-number{color:color-mix(in srgb,var(--on-surface) 52%,transparent);font-family:var(--font-mono);font-size:clamp(2.2rem,5vw,4rem);font-weight:400;line-height:1;transition:color .5s var(--ease)}.process-step:hover .step-number{color:var(--accent)}.process-step .step-body{padding-bottom:clamp(32px,4vw,56px);border-bottom:1px solid var(--hairline)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{min-height:40px;padding:0 22px;border:1px solid var(--hairline-strong);border-radius:var(--r-pill);color:var(--on-surface-variant);background:transparent;font-family:var(--font-mono);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease)}.filter-pill:hover{color:var(--accent-text);border-color:var(--accent)}.filter-pill:active{transform:scale(.95)}.filter-pill.is-active{color:var(--surface);border-color:var(--on-surface);background:var(--on-surface)}.filter-status{margin:14px 0 clamp(28px,4vw,48px);min-height:1.4em;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.09em}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:288px;grid-auto-flow:dense;gap:clamp(14px,1.7vw,24px);perspective:1400px}.project-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(26px,2.6vw,38px);overflow:hidden;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--card-bg);transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translate3d(0,var(--ty, 0px),0);transition:transform .5s var(--ease),border-color .5s var(--ease),background .5s var(--ease),box-shadow .5s var(--ease),opacity .5s ease,filter .5s ease}.project-card:hover{--ty: -8px;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--card-bg-hover);box-shadow:var(--shadow)}.bento:hover .project-card:not(:hover){opacity:.4}.project-card[hidden]{display:none}.project-card.is-featured{grid-column:span 2;grid-row:span 2}.project-card.is-wide{grid-column:span 2}.project-card:after,.engineering-card:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(400px circle at var(--px, 50%) var(--py, 50%),color-mix(in srgb,var(--accent) 18%,transparent),transparent 62%);transition:opacity .5s ease}.project-card:hover:after,.engineering-card:hover:after{opacity:1}.project-card .project-type{margin:0 0 14px;color:color-mix(in srgb,var(--on-surface) 76%,transparent);font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.11em}.project-card.is-featured .project-type,.project-card.is-wide .project-type{color:var(--accent-text)}.project-card h3{margin-bottom:12px;font-size:1.5rem;font-weight:400;line-height:1.28;letter-spacing:-.012em}.project-card.is-featured h3{font-size:clamp(2rem,3.4vw,3rem);font-weight:200}.project-card.is-wide h3{font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:200}.project-card p:not(.project-type){margin-bottom:0;color:var(--on-surface-variant);font-size:15px;line-height:1.62;max-width:46ch}.project-card.is-compact p:not(.project-type){display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px}.project-link{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:18px;color:var(--accent-text);font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}.project-link svg{width:12px;height:12px;flex-shrink:0}.project-link:hover{border-bottom-color:var(--accent)}.contact-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:clamp(40px,6vw,96px);align-items:start}.contact-link{display:inline-block;margin-top:28px;color:var(--accent-text);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;overflow-wrap:anywhere;border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}.contact-link:hover{border-bottom-color:var(--accent)}.contact-form{display:grid;gap:30px;padding:clamp(30px,3.4vw,50px);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--card-bg)}.hidden-field{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.field{display:grid;gap:9px}.field label{color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.1em}.field input,.field select,.field textarea{width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--hairline-strong);border-radius:0;color:var(--on-surface);background:transparent;font:inherit;font-size:15px;transition:border-color .4s ease}.field select{padding-right:24px}.field select option{color:var(--on-surface);background:var(--surface-elevated)}.select-shell{position:relative}.select-shell .native-select{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}.select-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--hairline-strong);border-radius:0;color:var(--on-surface);background:transparent;font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:border-color .4s ease}.select-button:hover,.select-button[aria-expanded=true]{border-bottom-color:var(--accent)}.select-button svg{width:15px;height:15px;flex-shrink:0;color:var(--on-surface-variant);transition:transform .32s var(--ease),color .32s var(--ease)}.select-button[aria-expanded=true] svg{transform:rotate(180deg);color:var(--accent)}.select-list{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;max-height:280px;overflow-y:auto;padding:6px;border:1px solid var(--hairline-strong);border-radius:var(--r-lg);background:var(--surface-elevated);box-shadow:var(--shadow);opacity:0;transform:translateY(-6px);visibility:hidden;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}.select-list.is-open{opacity:1;transform:none;visibility:visible}.select-option{padding:11px 14px;border-radius:var(--r-md);color:var(--on-surface-variant);font-size:15px;cursor:pointer;transition:color .16s var(--ease),background .16s var(--ease)}.select-option:hover,.select-option.is-active{color:var(--on-surface);background:color-mix(in srgb,var(--on-surface) 8%,transparent)}.select-option[aria-selected=true]{color:var(--accent-text)}.select-option[aria-selected=true]:after{content:"¹3";float:right;margin-left:10px}@media(prefers-reduced-motion:reduce){.select-list{transition:none}.select-button svg{transition:none}}.field textarea{min-height:110px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--on-surface-variant) 62%,transparent)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--accent)}.contact-form .button{width:100%}.site-footer{padding-block:clamp(44px,5vw,72px);border-top:1px solid var(--hairline)}.footer-inner{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}.footer-mark{margin:0;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300;text-transform:uppercase;letter-spacing:.02em}.footer-meta{margin:8px 0 0;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.1em}.footer-links{display:flex;flex-wrap:wrap;gap:28px;font-family:var(--font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.1em}.footer-links a{color:var(--on-surface-variant);transition:color .3s var(--ease)}.footer-links a:hover{color:var(--accent-text)}.page-simple{min-height:100vh;display:grid;place-items:center;padding:150px 0 80px;text-align:center}.page-simple .inner{max-width:660px}.page-simple .display{font-size:clamp(2.8rem,8vw,5rem)}.page-simple .hero-actions{margin-top:44px}.cursor-dot{position:fixed;top:0;left:0;z-index:9999;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:var(--accent);pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .4s var(--ease),height .4s var(--ease),opacity .25s ease,background .3s ease}.cursor-dot.is-active{opacity:1}.cursor-dot.is-expanded{width:64px;height:64px}.cursor-dot.is-fast{width:20px;height:20px}.cursor-label{color:var(--surface);font-family:var(--font-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;opacity:0;transform:scale(.6);transition:opacity .26s var(--ease),transform .26s var(--ease);pointer-events:none}.cursor-dot.is-labelled .cursor-label{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.has-js.has-cursor body,.has-js.has-cursor a,.has-js.has-cursor button,.has-js.has-cursor input,.has-js.has-cursor select,.has-js.has-cursor textarea{cursor:none}}@keyframes glide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes settle{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes glow-drift{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.42}50%{transform:translate(-50%,-54%) scale(1.18);opacity:.64}}.hero:after{animation:glow-drift 22s ease-in-out infinite}.split-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}.has-js .split-word>span{display:inline-block;animation:glide-up 1s var(--ease) backwards}.has-js .split-word:nth-child(1)>span{animation-delay:.14s}.has-js .split-word:nth-child(2)>span{animation-delay:.28s}.has-js .split-word:nth-child(3)>span{animation-delay:.42s}.has-js .site-header{animation:settle .7s var(--ease) backwards}.has-js .hero .lede,.has-js .hero-actions,.has-js .hero .signal-strip{animation:rise 1s var(--ease) backwards}.has-js .hero .lede{animation-delay:.64s}.has-js .hero-actions{animation-delay:.8s}.has-js .hero .signal-strip{animation-delay:.94s}.has-js [data-reveal]{opacity:0;transform:translateY(44px) scale(.985);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}.has-js [data-reveal].is-visible{opacity:1;transform:none}.has-js [data-reveal-stagger]>*{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i, 0) * 95ms)}.has-js [data-reveal-stagger].is-visible>*{opacity:1;transform:none}.line-mask{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.line-mask>span{display:block;transform:translateY(110%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--li, 0) * 95ms)}.is-visible [data-split-lines].is-split .line-mask>span,[data-split-lines].is-split.is-visible .line-mask>span{transform:none}.has-js [data-reveal-stagger]>[data-split-lines].is-split,.has-js [data-reveal] [data-split-lines].is-split{opacity:1;transform:none;transition:none}.project-card.is-filtering{animation:pop .5s var(--ease) backwards}.scroll-progress{position:fixed;top:0;left:0;z-index:70;width:100%;height:2px;transform:scaleX(0);transform-origin:0 50%;background:var(--accent);pointer-events:none}[data-magnetic]{transform:translate3d(var(--mx, 0px),var(--my, 0px),0);transition:transform .6s var(--ease)}[data-magnetic].is-pulling{transition:transform .12s linear}::view-transition-old(root){animation:none}::view-transition-new(root){animation:theme-wipe .76s var(--ease)}@keyframes theme-wipe{0%{clip-path:circle(0% at var(--wipe-x, 50%) var(--wipe-y, 0%))}to{clip-path:circle(150% at var(--wipe-x, 50%) var(--wipe-y, 0%))}}@media(max-width:1080px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-strip span{border-bottom:1px solid var(--hairline)}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.card-row{grid-template-columns:1fr}}@media(min-width:921px)and (max-height:880px){.hero{min-height:auto;padding-top:128px}.hero .display{font-size:clamp(2.8rem,6vw,4.6rem)}.hero .lede{margin-bottom:36px}}@media(max-width:920px){.nav-toggle{display:block}.header-cta{display:none}.site-nav{position:fixed;inset:0;z-index:-1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;padding:110px var(--gutter) 64px;background:var(--surface);counter-reset:nav;visibility:hidden;clip-path:circle(0 at var(--menu-x, calc(100% - 40px) ) var(--menu-y, 42px));transition:clip-path .65s var(--ease),visibility 0s linear .65s}.site-nav.is-open{visibility:visible;clip-path:circle(150vmax at var(--menu-x, calc(100% - 40px) ) var(--menu-y, 42px));transition:clip-path .65s var(--ease),visibility 0s}.site-nav a{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid var(--hairline);color:var(--on-surface);font-size:clamp(2rem,9vw,3.4rem);font-weight:200;line-height:1.1;letter-spacing:-.02em;counter-increment:nav;opacity:0;transform:translateY(28px);transition:opacity .45s var(--ease),transform .65s var(--ease),color .3s var(--ease)}.site-nav a:before{content:counter(nav,decimal-leading-zero);color:var(--accent-text);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em}.site-nav.is-open a{opacity:1;transform:none;transition-delay:calc(.14s + var(--n, 0) * 60ms)}.site-nav a.is-active{color:var(--accent-text)}.site-nav a:after{display:none}.site-nav:after{content:"Idea. Concept. Launch.";margin-top:36px;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:0;transition:opacity .45s var(--ease)}.site-nav.is-open:after{opacity:1;transition-delay:.46s}.services-grid,.contact-inner{grid-template-columns:1fr}.process-step{grid-template-columns:1fr;gap:10px}}@media(max-width:620px){.hero{min-height:auto;padding-top:136px}.hero-actions{width:100%;display:grid}.hero-actions .button{width:100%}.signal-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-strip span{justify-content:flex-start;border-bottom:1px solid var(--hairline)}.bento{grid-template-columns:1fr;grid-auto-rows:minmax(210px,auto)}.project-card.is-featured,.project-card.is-wide{grid-column:auto;grid-row:auto}.project-card.is-compact p:not(.project-type){-webkit-line-clamp:3;line-clamp:3}.footer-inner{flex-direction:column;align-items:flex-start}}.button,.filter-pill,.nav-toggle{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.18;pointer-events:none;transform:scale(0);animation:ripple .62s var(--ease) forwards}@keyframes ripple{to{transform:scale(1);opacity:0}}html.nav-locked,html.nav-locked body{overflow:hidden}html.nav-open .site-header{border-bottom-color:transparent;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}.carousel-meta{display:flex;align-items:center;gap:14px;margin-top:4px;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}.carousel-meta[hidden]{display:none}.carousel-count{min-width:7ch;color:var(--on-surface);font-variant-numeric:tabular-nums}.carousel-track{position:relative;flex:1;height:2px;overflow:hidden;border-radius:2px;background:var(--hairline-strong)}.carousel-fill{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}.carousel-hint{display:inline-flex;align-items:center;gap:6px;transition:opacity .4s var(--ease)}.carousel-hint:after{content:"→";display:inline-block;animation:nudge 1.6s var(--ease) infinite}.carousel-meta.has-swiped .carousel-hint{opacity:0}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media(max-width:920px){.services-grid{display:block;padding-bottom:8px}.services-grid .engineering-card{position:sticky;top:calc(96px + var(--i, 0) * 12px);margin-bottom:18px;background:color-mix(in srgb,var(--on-surface) 5%,var(--surface));transform-origin:50% 0}.services-grid .engineering-card:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:var(--surface);opacity:var(--deck-dim, 0);pointer-events:none}}@media(max-width:620px){.bento.is-carousel{display:flex;gap:14px;margin-inline:calc(var(--gutter) * -1);padding:10px var(--gutter) 22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);perspective:none;scrollbar-width:none}.bento.is-carousel::-webkit-scrollbar{display:none}.bento.is-carousel>.project-card{flex:0 0 84%;min-height:340px;scroll-snap-align:center;scroll-snap-stop:always;scale:.92;transition:scale .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}.bento.is-carousel>.project-card:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:var(--surface);opacity:.55;pointer-events:none;transition:opacity .45s var(--ease)}.bento.is-carousel>.project-card.is-center{scale:1;border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:var(--shadow)}.bento.is-carousel>.project-card.is-center:before{opacity:0}.bento.is-carousel .project-card p:not(.project-type){-webkit-line-clamp:6;line-clamp:6}}@media(hover:none){.bento:hover .project-card:not(:hover){opacity:1}.project-card:hover,.engineering-card:hover{--ty: 0px;box-shadow:none}.button{transition:transform .5s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease),scale .18s var(--ease)}.filter-pill{transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease),scale .18s var(--ease)}.button:active,.filter-pill:active{scale:.96}.project-card:active,.bento.is-carousel>.project-card.is-center:active{scale:.97}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.has-js [data-reveal],.has-js [data-reveal-stagger]>*,.has-js .split-word>span,.has-js .hero .lede,.has-js .hero-actions,.has-js .hero .signal-strip,.has-js .site-header{opacity:1!important;transform:none!important;animation:none!important}.hero:after,.marquee-track{animation:none!important}.hero-code,.scroll-progress,.cursor-dot{display:none}[data-magnetic],.project-card,.engineering-card,.bento,.card-row,.process-list{transform:none!important}.project-card:after,.engineering-card:after{display:none}.line-mask>span{transform:none!important}::view-transition-new(root){animation:none}.has-js.has-cursor body{cursor:auto}}
