@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:#070b12;--surface:#0d131d;--surface-2:#111a26;--text:#f3f6ef;--muted:#93a0ae;--accent:#b9ff66;--accent-2:#63d4ff;--violet:#9176ff;--line:rgba(164,181,199,.17);--max:1400px;--pad:clamp(22px,4vw,60px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.68 'DM Sans',sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:100;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--violet));box-shadow:0 0 16px var(--accent-2)}
.site-header,main,footer{max-width:var(--max);margin:auto}.site-header{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid var(--line);position:relative;z-index:30;background:rgba(7,11,18,.78);backdrop-filter:blur(18px)}.brand{font:700 30px 'Space Grotesk';letter-spacing:-2px}.brand span,.accent-text{color:var(--accent)}nav{display:flex;gap:32px;font-size:13px;color:#bbc4cd}nav a,.nav-contact,.contact-links a,.read-link{transition:color .2s}nav a:hover,nav a.active,.nav-contact:hover,.contact-links a:hover{color:var(--accent)}.nav-contact{justify-self:end;border:1px solid var(--line);border-radius:100px;padding:9px 16px;font-size:13px}.nav-contact span{margin-left:8px}.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span{display:block;width:22px;height:1px;background:var(--text);margin:6px}
.hero{min-height:calc(100vh - 88px);padding:clamp(70px,8vw,118px) var(--pad) 0;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(35px,7vw,100px);align-items:center;position:relative;isolation:isolate}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.11;z-index:-1}.glow-one{width:480px;height:480px;background:var(--accent);left:-190px;top:140px}.glow-two{width:420px;height:420px;background:var(--violet);right:-150px;top:40px}.eyebrow{font:500 11px/1.5 'Space Grotesk';letter-spacing:2px;color:var(--muted);margin:0 0 23px}.hero-title{font:500 clamp(48px,6vw,84px)/.99 'Space Grotesk';letter-spacing:-.065em;margin:0 0 30px}.hero-title .line{display:block}.intro{max-width:610px;color:#abb6c1;font-size:clamp(16px,1.4vw,19px);line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.button{border:1px solid var(--line);padding:13px 19px;border-radius:100px;font-size:13px;display:inline-flex;gap:26px;align-items:center;background:rgba(255,255,255,.02);transition:background .25s,border-color .25s,transform .25s}.button:hover{border-color:#728060;background:#162116}.button.primary{background:var(--accent);color:#090d12;border-color:var(--accent);font-weight:600}.button.primary:hover{background:#d0ff9a}.availability{display:flex;gap:13px;align-items:flex-start;font-size:13px}.availability>i,.model-status strong i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(185,255,102,.1);margin-top:7px;animation:pulse 2s infinite}.availability strong,.availability small{display:block}.availability strong{font-weight:500}.availability small{color:var(--muted);margin-top:3px}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(185,255,102,0)}}
.ai-stage{height:min(590px,62vh);min-height:480px;border:1px solid var(--line);border-radius:26px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(99,212,255,.12),transparent 26%),radial-gradient(circle at 50% 45%,rgba(145,118,255,.1),transparent 46%),linear-gradient(145deg,#0d141f,#080c13);box-shadow:0 40px 100px rgba(0,0,0,.38)}.ai-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 90%)}#neural-canvas{position:absolute;inset:0;width:100%;height:100%}.orb{position:absolute;width:150px;height:150px;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,#d9ffc0,var(--accent) 25%,#4a9f92 58%,#1b1e3b 82%);box-shadow:0 0 35px rgba(185,255,102,.22),0 0 100px rgba(99,212,255,.14);animation:float 5s ease-in-out infinite}.orb:before{content:"";position:absolute;inset:-25px;border:1px solid rgba(185,255,102,.25);border-radius:50%}.orb span{position:absolute;inset:-50px;border:1px solid rgba(99,212,255,.2);border-radius:50%;transform:rotate(55deg) scaleY(.42);animation:orbit 10s linear infinite}.orb span:nth-child(2){inset:-78px;transform:rotate(-55deg) scaleY(.3);animation-direction:reverse;animation-duration:14s}.orb span:nth-child(3){inset:-105px;transform:rotate(15deg) scaleY(.24);animation-duration:18s}.orb b{font:600 24px 'Space Grotesk';color:#071010;text-shadow:0 1px rgba(255,255,255,.4)}@keyframes float{50%{transform:translate(-50%,calc(-50% - 12px))}}@keyframes orbit{to{rotate:360deg}}.stage-label{position:absolute;padding:8px 12px;background:rgba(7,11,18,.78);border:1px solid var(--line);border-radius:100px;font:500 11px 'Space Grotesk';color:#c5ced8;backdrop-filter:blur(10px)}.stage-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent-2);margin:0 8px 1px 0}.label-a{left:7%;top:18%}.label-b{right:6%;top:27%}.label-c{left:7%;bottom:27%}.label-d{right:7%;bottom:19%}.model-status{position:absolute;left:22px;top:21px}.model-status span,.model-status strong{display:block}.model-status span{font:10px 'Space Grotesk';letter-spacing:1.5px;color:#72808d}.model-status strong{font-size:11px;font-weight:500;color:#cbd4dd;margin-top:6px}.model-status strong i{display:inline-block;margin:0 7px 1px 0;width:5px;height:5px}.stage-hint{position:absolute;right:22px;bottom:16px;margin:0;color:#687583;font:10px 'Space Grotesk';letter-spacing:1px}.hero-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:20px}.hero-metrics div{padding:26px 24px 25px 0;border-right:1px solid var(--line)}.hero-metrics div:not(:first-child){padding-left:30px}.hero-metrics div:last-child{border-right:0}.hero-metrics strong{display:block;font:500 28px 'Space Grotesk';color:var(--text);letter-spacing:-1px}.hero-metrics span{color:var(--muted);font-size:11px;letter-spacing:.5px}
.section{padding:clamp(78px,9vw,130px) var(--pad)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:48px}.section h2{font:500 clamp(38px,4.5vw,60px)/1.1 'Space Grotesk';letter-spacing:-.045em;margin:0}.section h2 span{color:#82909d}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px;margin:0 0 5px}.work-section{border-top:1px solid var(--line)}.project-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.project-filter button{padding:8px 14px;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.project-filter button:hover,.project-filter button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project{grid-column:span 6;min-height:480px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);position:relative;transition:transform .35s,border-color .35s,opacity .3s}.project:first-child{grid-column:span 12;min-height:420px}.project:hover{transform:translateY(-6px);border-color:rgba(185,255,102,.45)}.project[hidden]{display:none}.project-visual{height:175px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--card-color,#23354a),#0b111a)}.project:first-child .project-visual{height:160px}.project-visual:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.15);right:-30px;top:-130px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02)}.project-visual:after{content:attr(data-monogram);position:absolute;right:28px;bottom:-22px;font:600 100px 'Space Grotesk';color:rgba(255,255,255,.12);letter-spacing:-8px}.project-top{position:absolute;left:0;top:0;width:100%;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;z-index:2}.project-number{font:11px 'Space Grotesk';color:rgba(255,255,255,.75)}.project-type{font:10px 'Space Grotesk';letter-spacing:1.3px;color:rgba(255,255,255,.8)}.project-body{padding:25px 27px 27px}.project h3{font:500 27px 'Space Grotesk';letter-spacing:-1px;margin:0 0 4px}.project-subtitle{color:var(--accent);font-size:13px;margin:0 0 17px}.project-description{color:var(--muted);font-size:14px;min-height:70px;margin:0 0 20px}.tag{display:inline-block;border:1px solid var(--line);border-radius:100px;padding:3px 9px;font-size:10px;color:#bdc7d0;margin:0 5px 6px 0}.project details{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.project summary{font-size:12px;cursor:pointer;color:#dce2e7;margin-left:14px}.project details p{color:var(--muted);font-size:12px;margin:12px 0 0}.project details strong{color:var(--text);font-weight:500}.project-links{display:flex;gap:22px;margin-top:19px;font-size:12px}.project-links a{border-bottom:1px solid #647454;padding-bottom:2px}.project-links a:hover{color:var(--accent)}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;color:#71808d}.marquee div{display:flex;width:max-content;gap:28px;align-items:center;animation:marquee 25s linear infinite}.marquee span{font:500 13px 'Space Grotesk';letter-spacing:2px}.marquee i{font-style:normal;color:var(--accent)}@keyframes marquee{to{transform:translateX(-35%)}}
.about{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:clamp(40px,8vw,110px);border-bottom:1px solid var(--line)}.about-lead{position:relative}.big-copy{margin:35px 0 0;max-width:440px;color:#b0bbc5;font:400 clamp(18px,2vw,23px)/1.55 'Space Grotesk'}.about-copy>p{color:var(--muted);margin-bottom:23px}.research{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:27px;margin-top:36px;background:linear-gradient(130deg,rgba(99,212,255,.07),rgba(145,118,255,.05));border:1px solid var(--line);border-radius:14px}.research-icon{width:58px;height:58px;border:1px solid rgba(185,255,102,.3);border-radius:50%;display:grid;place-items:center}.research-icon span{width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent)}.research .eyebrow{font-size:9px;color:var(--accent);margin-bottom:9px}.research h3{font:500 21px/1.35 'Space Grotesk';margin:0 0 9px}.research p{font-size:13px;color:var(--muted);margin:0 0 15px}.skill-cloud{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:70px;padding-top:35px;border-top:1px solid var(--line)}.skill-cloud span{padding:7px 13px;border:1px solid var(--line);border-radius:100px;color:#b7c1ca;font-size:12px}.skill-cloud .skill-title{border:0;color:var(--accent);font:500 10px 'Space Grotesk';letter-spacing:1.5px}
.experience-section{border-bottom:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:180px 1fr auto;gap:36px;border-top:1px solid var(--line);padding:34px 0;align-items:start}.when{font:11px/1.7 'Space Grotesk';letter-spacing:1.2px;color:var(--muted);margin:4px 0}.role-index{float:right;font:11px 'Space Grotesk';color:#53606c}.timeline h3{font:500 23px 'Space Grotesk';margin:0 0 3px}.timeline p:not(.when){font-size:14px;color:var(--muted);max-width:670px;margin:0}.timeline .organization{color:var(--accent)!important;margin-bottom:12px!important}.timeline>.tag{margin-top:3px}.education{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:30px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.education>div{padding:29px;background:var(--surface)}.education .eyebrow{font-size:9px;margin-bottom:11px}.education h3{font:500 20px 'Space Grotesk';margin:0 0 5px}.education p:last-child{color:var(--muted);font-size:13px;margin:0}
.insights-section{background:linear-gradient(180deg,#090e16,var(--bg))}.insight-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:18px}.insight-card{min-height:390px;padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column;transition:transform .3s,border-color .3s}.insight-card:hover{transform:translateY(-5px);border-color:rgba(99,212,255,.45)}.insight-card .eyebrow{font-size:9px;margin-bottom:17px;color:var(--accent-2)}.insight-card h3{font:500 23px/1.3 'Space Grotesk';letter-spacing:-.5px;margin:0 0 15px}.insight-card>p:not(.eyebrow){font-size:13px;color:var(--muted)}.read-link{margin-top:auto;font-size:12px;color:#d4dbe1}.insight-card:hover .read-link{color:var(--accent)}.insight-visual{height:115px;display:flex;align-items:center;justify-content:center;margin:-2px 0 26px;background:radial-gradient(circle,rgba(185,255,102,.1),transparent 66%)}.insight-visual span{border:1px solid rgba(185,255,102,.3);border-radius:100px;padding:8px 11px;font:10px 'Space Grotesk'}.insight-visual i{width:28px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));position:relative}.insight-visual i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent-2)}.github-mark{font:600 50px 'Space Grotesk';color:var(--violet);margin:5px 0 70px}
.contact{position:relative;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(circle at 85% 50%,rgba(145,118,255,.1),transparent 35%)}.contact h2{font-size:clamp(45px,6.3vw,88px);letter-spacing:-.06em;margin-bottom:30px}.contact h2 span{color:var(--accent)}.contact>p:not(.eyebrow){max-width:600px;color:var(--muted)}.email{display:inline-block;font:500 clamp(18px,2.3vw,29px) 'Space Grotesk';border-bottom:1px solid #59654f;padding-bottom:8px;margin:22px 0 30px;overflow-wrap:anywhere}.email span{margin-left:18px}.contact-links{display:flex;gap:30px;font-size:13px}.contact-orbit{position:absolute;width:430px;height:430px;right:-90px;top:50%;transform:translateY(-50%);border:1px solid rgba(185,255,102,.12);border-radius:50%}.contact-orbit span{position:absolute;inset:50px;border:1px solid rgba(99,212,255,.1);border-radius:50%}.contact-orbit span:nth-child(2){inset:110px}.contact-orbit span:nth-child(3){inset:190px;background:var(--accent);box-shadow:0 0 45px var(--accent);border:0}
footer{padding:28px var(--pad);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:11px;color:var(--muted);margin:0}.skip{position:fixed;left:16px;top:-100px;padding:10px;background:var(--accent);color:var(--bg);z-index:200}.skip:focus{top:15px}
.reveal{will-change:transform,opacity}.js .reveal{opacity:0;transform:translateY(28px)}
@media(min-width:1450px){.site-header,main,footer{border-left:1px solid rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.03)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:35px}.ai-stage{min-height:430px}.hero-title{font-size:clamp(45px,6vw,66px)}.insight-grid{grid-template-columns:1fr 1fr}.insight-card:first-child{grid-column:1/-1}.about{column-gap:45px}.project-description{min-height:90px}}
@media(max-width:780px){.site-header{height:76px;grid-template-columns:1fr auto}.site-header nav{position:fixed;inset:76px 0 auto;background:rgba(7,11,18,.97);border-bottom:1px solid var(--line);padding:35px var(--pad);display:flex;flex-direction:column;gap:22px;transform:translateY(-130%);opacity:0;pointer-events:none;transition:.3s}.site-header nav.open{transform:none;opacity:1;pointer-events:auto}.site-header nav a{font:500 22px 'Space Grotesk'}.nav-contact{display:none}.menu-button{display:block}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:650px}.ai-stage{height:480px}.hero-metrics{grid-template-columns:1fr 1fr}.hero-metrics div:nth-child(2){border-right:0}.hero-metrics div:nth-child(3),.hero-metrics div:nth-child(4){border-top:1px solid var(--line)}.project-grid{grid-template-columns:1fr}.project,.project:first-child{grid-column:auto}.about{grid-template-columns:1fr}.about-copy{margin-top:20px}.skill-cloud{margin-top:45px}.timeline article{grid-template-columns:130px 1fr}.timeline article>.tag{display:none}.insight-grid{grid-template-columns:1fr}.insight-card:first-child{grid-column:auto}.contact-orbit{opacity:.35}}
@media(max-width:560px){.hero-title{font-size:clamp(43px,13vw,64px)}.hero{padding-bottom:0}.ai-stage{height:400px;min-height:400px}.orb{width:115px;height:115px}.label-b,.label-d{right:4%}.label-a,.label-c{left:4%}.hero-metrics div{padding:20px 10px 20px 0}.hero-metrics div:not(:first-child){padding-left:18px}.hero-metrics strong{font-size:23px}.section-heading{display:block}.section-heading>p{margin-top:22px}.project-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.project-filter button{white-space:nowrap}.project{min-height:0}.project-description{min-height:0}.project-visual,.project:first-child .project-visual{height:145px}.research{grid-template-columns:1fr}.research-icon{width:48px;height:48px}.timeline article{grid-template-columns:1fr;gap:8px}.education{grid-template-columns:1fr}.insight-card{min-height:350px}.contact-links{flex-wrap:wrap}.contact h2{font-size:clamp(40px,12vw,60px)}.email span{margin-left:4px}footer{flex-wrap:wrap}footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}