:root{--bg:#0b0d0c;--bg-raised:#101513;--bg-soft:#141b18;--text:#f4f2ea;--text-muted:#97a39c;--text-dim:#5e6c65;--line:#f4f2ea24;--line-strong:#f4f2ea47;--lime:#caff4a;--cyan:#53e9ff;--magenta:#ff6ad9;--max-width:1240px;--gutter:clamp(1.25rem, 3.2vw, 3rem);--fast:.16s;--normal:.32s;--cinematic:.8s;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 15% 8%, #caff4a0b, transparent 24rem), radial-gradient(circle at 92% 44%, #53e9ff09, transparent 28rem), var(--bg);min-width:320px;color:var(--text);margin:0;overflow-x:hidden}body,button,a{-webkit-font-smoothing:antialiased}body::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img,svg,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}::selection{background:var(--lime);color:var(--bg)}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}main:focus{outline:none}.page-noise{z-index:50;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;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='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:fixed;inset:0}.skip-link{z-index:100;background:var(--lime);color:var(--bg);letter-spacing:.08em;text-transform:uppercase;transition:transform var(--fast) ease;padding:.75rem 1rem;font:600 .7rem/1 IBM Plex Mono,monospace;position:fixed;top:1rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.container{width:min(100% - (var(--gutter) * 2), var(--max-width));margin-inline:auto}.display{letter-spacing:-.085em;white-space:pre-line;margin:0;font-size:clamp(3.4rem,8.2vw,8rem);font-weight:500;line-height:.91}.display span,.display em{color:var(--lime);font-style:normal}.eyebrow{color:var(--lime);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0;font:500 .68rem/1.2 IBM Plex Mono,monospace;display:flex}.eyebrow--muted{color:var(--text-muted);font-size:.61rem}.eyebrow__mark{background:currentColor;border-radius:50%;flex:none;width:.42rem;height:.42rem;box-shadow:0 0 .7rem}.arrow{transition:transform var(--normal) ease;font-size:1.15em;line-height:.7;display:inline-block}.button,.text-link,.project-card__link,.contact-panel__email,.header-cta{transition:color var(--normal) ease, background-color var(--normal) ease, border-color var(--normal) ease, transform var(--normal) ease}.button:hover .arrow,.text-link:hover .arrow,.project-card__link:hover .arrow,.contact-panel__email:hover .arrow,.header-cta:hover .arrow{transform:translate(.22rem,-.22rem)}.button{letter-spacing:.01em;border:1px solid #0000;justify-content:space-between;align-items:center;gap:2rem;min-width:11.5rem;padding:1rem 1.1rem 1rem 1.25rem;font-size:.79rem;font-weight:600;display:inline-flex}.button--primary{background:var(--lime);color:var(--bg)}.button--primary:hover{background:var(--text);transform:translateY(-.18rem)}.text-link{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.55rem;font:500 .72rem/1 IBM Plex Mono,monospace;display:inline-flex}.text-link:hover{color:var(--text)}.site-header{z-index:20;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0}.site-header__inner{grid-template-columns:1fr auto 1fr;align-items:center;min-height:5.7rem;display:grid}.brand{letter-spacing:-.06em;align-items:baseline;width:fit-content;font-size:1.07rem;font-weight:600;display:inline-flex}.brand__slash{color:var(--lime);margin-inline:.18rem;font-weight:400}.brand__suffix{color:var(--text-muted);font-weight:400}.site-nav{align-items:center;gap:clamp(1rem,3vw,2.65rem);display:flex}.site-nav a,.header-cta{color:var(--text-muted);letter-spacing:.1em;font:500 .64rem/1 IBM Plex Mono,monospace}.site-nav a{padding-block:.8rem;position:relative}.site-nav a:after{background:var(--lime);content:"";transform-origin:100%;height:1px;transition:transform var(--normal) ease;position:absolute;bottom:.3rem;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.header-cta:hover{color:var(--text)}.site-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.header-cta{color:var(--lime);justify-self:end;align-items:center;gap:.55rem;display:inline-flex}.hero{border-bottom:1px solid var(--line);min-height:100svh;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;border:1px solid #caff4a14;border-radius:50%;width:36rem;height:36rem;position:absolute;top:16%;left:-15rem}.hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(24rem,.95fr);align-items:center;min-height:100svh;padding-top:6rem;padding-bottom:5rem;display:grid}.hero__content{z-index:2;padding-block:5rem 3rem;position:relative}.hero__title{max-width:9ch;margin-top:2rem}.hero__title-accent{display:inline-block;position:relative;color:var(--lime)!important}.hero__title-accent:after{background:var(--lime);content:"";height:.075em;position:absolute;bottom:-.04em;left:0;right:-.18em;transform:skew(-24deg)}.hero__lede{max-width:31rem;color:var(--text-muted);margin:2.25rem 0 0;font-size:clamp(.98rem,1.4vw,1.15rem);line-height:1.75}.hero__actions{align-items:center;gap:1.7rem;margin-top:2.5rem;display:flex}.hero__footnote{color:var(--text-dim);letter-spacing:.08em;gap:1.5rem;margin-top:4.5rem;font:500 .61rem/1 IBM Plex Mono,monospace;display:flex}.hero__visual-wrap{z-index:1;padding:3rem 0 1rem;position:relative}.hero-visual{border:1px solid var(--line);isolation:isolate;background:radial-gradient(circle at 50% 47%,#caff4a17,#0000 19rem),radial-gradient(circle at 75% 22%,#53e9ff21,#0000 16rem),#0e1411;width:100%;height:min(65vw,42rem);min-height:30rem;position:relative;overflow:hidden}.hero-visual:before,.hero-visual:after{z-index:2;border-color:var(--lime);content:"";pointer-events:none;border-style:solid;width:1.3rem;height:1.3rem;position:absolute}.hero-visual:before{border-width:1px 0 0 1px;top:1rem;left:1rem}.hero-visual:after{border-width:0 1px 1px 0;bottom:1rem;right:1rem}.hero-visual__grid{z-index:-1;opacity:.55;background-image:linear-gradient(#f4f2ea0e 1px,#0000 1px),linear-gradient(90deg,#f4f2ea0e 1px,#0000 1px);background-size:3.8rem 3.8rem;position:absolute;inset:0;mask-image:radial-gradient(circle,#000 10%,#0000 76%)}.hero-visual__halo{pointer-events:none;border:1px solid #caff4a2e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)}.hero-visual__halo--one{aspect-ratio:1;width:76%}.hero-visual__halo--two{aspect-ratio:1;border-color:#53e9ff38;width:58%;transform:translate(-50%,-50%)rotate(55deg)skew(-13deg)}.hero-visual__orb{aspect-ratio:1;width:39%;transition:opacity var(--cinematic) ease;background:radial-gradient(circle at 30% 25%,#f4f2ea4d,#0000 10%),radial-gradient(circle at 50% 52%,#caff4a80,#53e9ff26 42%,#0000 72%);border:1px solid #f4f2ea47;border-radius:46% 54% 57% 43%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4rem #caff4a21,inset 0 0 2rem #53e9ff26}.hero-canvas{z-index:1;opacity:0;width:100%;height:100%;transition:opacity var(--cinematic) ease;position:absolute;inset:0}.hero-visual--canvas-ready .hero-canvas{opacity:1}.hero-visual--canvas-ready .hero-visual__orb{opacity:.18}.hero-visual__meta{z-index:3;color:var(--text-muted);letter-spacing:.1em;font:500 .59rem/1 IBM Plex Mono,monospace;position:absolute}.hero-visual__meta--top{top:1.35rem;right:1.4rem}.hero-visual__meta--bottom{align-items:center;gap:.65rem;display:flex;bottom:1.35rem;right:1.35rem}.status-dot{background:var(--lime);width:.42rem;height:.42rem;box-shadow:0 0 .75rem var(--lime);border-radius:50%;display:inline-block}.hero__bottom{color:var(--text-dim);letter-spacing:.1em;justify-content:space-between;align-items:center;font:500 .58rem/1 IBM Plex Mono,monospace;display:flex;position:absolute;bottom:1.5rem;left:0;right:0}.scroll-cue{align-items:center;gap:.7rem;display:inline-flex}.scroll-cue__line{background:var(--text-dim);width:2.2rem;height:1px;display:inline-block}.section{border-bottom:1px solid var(--line);position:relative}.section--work{padding-block:clamp(7rem,14vw,12rem) clamp(7rem,12vw,10rem)}.section--lab,.section--about{padding-block:clamp(7rem,13vw,11rem)}.section--contact{padding-block:clamp(5rem,10vw,8rem)}.section-heading{grid-template-columns:minmax(0,1fr) minmax(15rem,.38fr);align-items:end;gap:3rem;margin-bottom:clamp(4rem,8vw,7rem);display:grid}.section-heading__title{max-width:8ch;margin-top:1.4rem;font-size:clamp(3rem,6.6vw,6.6rem)}.section-heading__side{grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;padding-bottom:.45rem;display:grid}.section-heading__side p{max-width:21rem;color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.7}.section-index{color:var(--lime);letter-spacing:.08em;white-space:nowrap;font:500 .61rem/1.2 IBM Plex Mono,monospace}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.2vw,2rem);display:grid}.project-card{--card-accent:var(--lime);border:1px solid var(--line);background:var(--bg-raised);min-height:33rem;transition:border-color var(--normal) ease, transform var(--normal) ease, background-color var(--normal) ease;position:relative;overflow:hidden}.project-card--cyan{--card-accent:var(--cyan)}.project-card--magenta{--card-accent:var(--magenta)}.project-card:hover{border-color:color-mix(in srgb, var(--card-accent) 55%, transparent);background:#141b18;transform:translateY(-.35rem)}.project-card__topline{z-index:2;color:var(--text-dim);letter-spacing:.1em;justify-content:space-between;font:500 .6rem/1 IBM Plex Mono,monospace;display:flex;position:absolute;top:1.2rem;left:1.25rem;right:1.25rem}.project-card__topline span:last-child{color:var(--card-accent)}.project-card__visual{border-bottom:1px solid var(--line);background:radial-gradient(circle at 35% 48%, color-mix(in srgb, var(--card-accent) 21%, transparent), transparent 11rem), linear-gradient(135deg, #18211d, #0c100e 70%);height:17rem;position:relative;overflow:hidden}.project-card__visual:before{content:"";background-image:linear-gradient(#f4f2ea0e 1px,#0000 1px),linear-gradient(90deg,#f4f2ea0e 1px,#0000 1px);background-size:2.2rem 2.2rem;position:absolute;inset:0;mask-image:radial-gradient(circle at 45%,#000 5%,#0000 78%)}.mock-window{border:1px solid color-mix(in srgb, var(--card-accent) 35%, var(--line));width:58%;min-width:13rem;max-width:21rem;transition:transform var(--cinematic) cubic-bezier(.2, .8, .2, 1);background:#080c0abf;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-46%)rotate(-7deg);box-shadow:1.2rem 1.2rem #0000002e}.project-card:nth-child(2n) .mock-window{transform:translate(-50%,-46%)rotate(6deg)}.project-card:hover .mock-window{transform:translate(-50%,-51%)rotate(-2deg)scale(1.03)}.project-card:nth-child(2n):hover .mock-window{transform:translate(-50%,-51%)rotate(2deg)scale(1.03)}.mock-window__bar{border-bottom:1px solid var(--line);gap:.3rem;padding:.65rem .75rem;display:flex}.mock-window__bar span{background:var(--text-dim);border-radius:50%;width:.35rem;height:.35rem}.mock-window__bar span:first-child{background:var(--card-accent)}.mock-window__body{min-height:11rem;padding:1.35rem;position:relative}.mock-window__label{color:var(--card-accent);letter-spacing:.1em;font:500 .49rem/1 IBM Plex Mono,monospace}.mock-window__title{letter-spacing:-.09em;max-width:7ch;margin-top:.8rem;font-size:clamp(1.4rem,3vw,2.2rem);line-height:.9}.mock-window__lines{gap:.38rem;width:62%;margin-top:2rem;display:grid}.mock-window__lines span{background:#f4f2ea38;height:.18rem;display:block}.mock-window__lines span:nth-child(2){width:74%}.mock-window__lines span:nth-child(3){width:42%}.mock-window__signal{border:1px solid var(--card-accent);width:2.7rem;height:2.7rem;box-shadow:0 0 1.2rem color-mix(in srgb, var(--card-accent) 35%, transparent);border-radius:50%;position:absolute;bottom:1.2rem;right:1.2rem}.mock-window__signal:after{border:1px solid color-mix(in srgb, var(--card-accent) 55%, transparent);content:"";border-radius:50%;position:absolute;inset:.5rem}.project-card__glow{background:var(--card-accent);filter:blur(5rem);opacity:.13;pointer-events:none;border-radius:50%;width:11rem;height:11rem;position:absolute;bottom:-28%;right:9%}.project-card__content{gap:1.1rem;padding:1.45rem 1.45rem 1.55rem;display:grid}.project-card h3{color:var(--text);letter-spacing:-.07em;margin:.7rem 0 0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;line-height:.95}.project-card__summary{min-height:3.2rem;color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.6}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.tag-list span,.stack-list span{border:1px solid var(--line);color:var(--text-muted);letter-spacing:.06em;padding:.4rem .55rem;font:500 .55rem/1 IBM Plex Mono,monospace}.project-card__link{border-top:1px solid var(--line);width:100%;color:var(--card-accent);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:1.2rem;font:500 .64rem/1 IBM Plex Mono,monospace;display:flex}.project-card__link:hover{color:var(--text)}.section-afterline{color:var(--text-dim);letter-spacing:.1em;justify-content:space-between;align-items:center;margin-top:1.3rem;font:500 .6rem/1 IBM Plex Mono,monospace;display:flex}.section-afterline .arrow{color:var(--lime);font-size:1.3rem}.section--lab{background:#0e1210}.process-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.process-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:22rem;transition:background-color var(--normal) ease;padding:1.15rem}.process-card:hover{background:#caff4a0b}.process-card__topline{color:var(--lime);letter-spacing:.1em;justify-content:space-between;font:500 .59rem/1 IBM Plex Mono,monospace;display:flex}.process-card__topline span:last-child{color:var(--text-dim)}.process-card__body{flex-direction:column;height:calc(100% - 1rem);padding-top:4.8rem;display:flex}.process-card__glyph{align-items:center;width:3.1rem;height:3.1rem;margin-bottom:auto;display:flex;position:relative}.process-card__glyph:before,.process-card__glyph:after,.process-card__glyph span{border:1px solid var(--lime);content:"";display:block;position:absolute}.process-card__glyph:before{border-radius:50%;width:2rem;height:2rem;transform:rotate(22deg)}.process-card__glyph:after{border-color:var(--cyan);width:2.4rem;height:.65rem;transform:rotate(-34deg)}.process-card:nth-child(2) .process-card__glyph:before,.process-card:nth-child(2) .process-card__glyph:after{border-color:var(--cyan)}.process-card:nth-child(3) .process-card__glyph:before,.process-card:nth-child(3) .process-card__glyph:after{border-color:var(--magenta)}.process-card:nth-child(4) .process-card__glyph:before,.process-card:nth-child(4) .process-card__glyph:after{border-color:var(--lime)}.process-card__glyph span:first-child{background:var(--lime);border:0;border-radius:50%;width:.35rem;height:.35rem}.process-card__glyph span:last-child{background:var(--text);border:0;border-radius:50%;width:.4rem;height:.4rem;right:0}.process-card h3{letter-spacing:-.07em;margin:1.2rem 0 0;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:500;line-height:1}.process-card p{max-width:15rem;color:var(--text-muted);margin:.9rem 0 0;font-size:.78rem;line-height:1.65}.about-panel{border:1px solid var(--line);background:linear-gradient(130deg, #caff4a12, transparent 42%), var(--bg-raised);grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:end;gap:clamp(2rem,9vw,9rem);padding:clamp(2rem,5vw,5rem);display:grid}.about-panel__large{letter-spacing:-.085em;margin:3rem 0 0;font-size:clamp(2.5rem,5vw,5.2rem);font-weight:500;line-height:.98}.about-panel__large span{color:var(--lime)}.about-panel__details{gap:2.2rem;display:grid}.about-panel__details>p{max-width:25rem;color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.8}.stack-list{flex-wrap:wrap;gap:.4rem;display:flex}.stack-list span{color:var(--text)}.contact-panel{border:1px solid var(--line-strong);background:radial-gradient(circle at 92% 10%, #53e9ff24, transparent 20rem), radial-gradient(circle at 12% 85%, #caff4a1c, transparent 20rem), var(--bg-soft);padding:clamp(2rem,5vw,5rem)}.contact-panel__topline,.contact-panel__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.contact-panel__signal{color:var(--text-muted);letter-spacing:.08em;align-items:center;gap:.55rem;font:500 .59rem/1 IBM Plex Mono,monospace;display:inline-flex}.contact-panel__body{padding-block:clamp(5rem,11vw,10rem) clamp(3rem,7vw,6rem)}.contact-panel h2{max-width:9ch;font-size:clamp(3.3rem,8.5vw,8.5rem)}.contact-panel h2 span{color:var(--cyan)}.contact-panel__email{border-bottom:1px solid var(--line-strong);width:min(100%,36rem);color:var(--text);letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:1rem;margin-top:3.5rem;padding-bottom:1rem;font-size:clamp(1.1rem,2vw,1.55rem);display:flex}.contact-panel__email:hover{border-color:var(--cyan);color:var(--cyan)}.contact-panel__footer{border-top:1px solid var(--line);color:var(--text-dim);letter-spacing:.08em;padding-top:1.25rem;font:500 .59rem/1 IBM Plex Mono,monospace}.contact-panel__socials{gap:1.2rem;display:flex}.contact-panel__socials a:hover{color:var(--text)}.site-footer{color:var(--text-dim);padding-block:1.4rem}.site-footer__inner{letter-spacing:.07em;grid-template-columns:1fr 1fr 1fr;gap:1rem;font:500 .59rem/1.4 IBM Plex Mono,monospace;display:grid}.site-footer__inner span:nth-child(2){text-align:center}.site-footer__inner a{justify-self:end}.site-footer__inner a:hover{color:var(--lime)}.scroll-progress{z-index:60;background:var(--lime);transform-origin:0;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.error-page{min-height:75svh;width:min(100% - (var(--gutter) * 2), var(--max-width));align-content:center;margin-inline:auto;padding-block:8rem;display:grid}.error-page h1{max-width:8ch;margin-block:2rem 3rem}.error-page h1 span{color:var(--magenta)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=800px){:root{--gutter:1.1rem}.site-header__inner{justify-content:space-between;gap:.6rem;min-height:4.6rem;display:flex}.site-nav{gap:.75rem;margin-left:auto;display:flex}.site-nav a{letter-spacing:.045em;padding-block:.6rem;font-size:.52rem}.header-cta span:first-child{display:none}.header-cta .arrow{font-size:1.6rem}.hero__inner{flex-direction:column;align-items:stretch;padding-top:5rem;padding-bottom:5rem;display:flex}.hero__content{padding-block:4rem 1rem}.hero__title{max-width:8ch;margin-top:1.5rem;font-size:clamp(3.4rem,17vw,6rem)}.hero__lede{margin-top:1.7rem;font-size:.9rem}.hero__actions{flex-direction:column;align-items:flex-start;gap:1.4rem;margin-top:2rem}.hero__footnote{flex-direction:column;gap:.55rem;margin-top:3rem}.hero__visual-wrap{padding:1.5rem 0 0}.hero-visual{height:68vw;min-height:21rem}.hero-visual__orb{width:46%}.hero__bottom{display:none}.section-heading{margin-bottom:3.2rem;display:block}.section-heading__title{margin-top:1rem;font-size:clamp(2.8rem,13vw,4.7rem)}.section-heading__side{margin-top:1.7rem}.project-grid{grid-template-columns:1fr}.project-card{min-height:0}.project-card__visual{height:15rem}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card{min-height:18rem;padding:.9rem}.process-card__body{padding-top:2.7rem}.process-card p{font-size:.72rem}.about-panel{grid-template-columns:1fr;gap:3.5rem;padding:1.3rem}.about-panel__large{margin-top:2.3rem;font-size:clamp(2.4rem,12vw,4.2rem)}.about-panel__details>p{font-size:.86rem}.contact-panel{padding:1.3rem}.contact-panel__signal{text-align:right;max-width:9rem;line-height:1.4}.contact-panel__body{padding-block:5rem 4rem}.contact-panel h2{font-size:clamp(3rem,14vw,5rem)}.contact-panel__email{margin-top:2.5rem;font-size:.95rem}.contact-panel__footer{flex-direction:column;align-items:flex-start;line-height:1.5}.site-footer__inner{grid-template-columns:1fr 1fr}.site-footer__inner span:nth-child(2){display:none}}@media (width<=480px){.display{letter-spacing:-.075em}.hero__title{font-size:clamp(3.2rem,16vw,4.8rem)}.hero-visual__meta--top{top:1rem;right:1rem}.hero-visual__meta--bottom{bottom:1rem;right:1rem}.process-card{min-height:16rem}.process-card__glyph{transform-origin:0 100%;transform:scale(.8)}.process-card h3{font-size:1.25rem}.process-card p{margin-top:.6rem;font-size:.69rem}}