:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;color:#f4f7fb;background:#03050d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #03050d;--panel: rgba(9, 15, 31, .57);--panel-strong: rgba(10, 17, 36, .76);--line: rgba(164, 198, 239, .16);--line-strong: rgba(164, 198, 239, .28);--muted: rgba(214, 228, 249, .58);--dim: rgba(214, 228, 249, .34);--blue: #69b8ff;--mint: #3be7c0}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}body{margin:0;min-width:320px;background:var(--bg);overflow-x:hidden}button,a{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-shell{min-height:820vh;position:relative;isolation:isolate;background:var(--bg)}.space-canvas{position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 72% 18%,rgba(36,78,143,.21),transparent 28%),radial-gradient(circle at 32% 80%,rgba(14,52,115,.22),transparent 30%),#03050d}.space-canvas canvas{display:block;width:100%;height:100%}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.08;mix-blend-mode:screen;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:26px 48px;pointer-events:none}.brand-mark{display:inline-flex;align-items:baseline;gap:10px;pointer-events:auto;border:0;padding:0;background:none;cursor:pointer;letter-spacing:.08em}.brand-mark span{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.08em}.brand-mark i{font-size:10px;font-style:normal;font-weight:600;color:#c4dbf89e;letter-spacing:.22em}.header-status,.header-date{display:flex;align-items:center;gap:9px;color:#d7e8fc7a;font-size:10px;letter-spacing:.17em;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.status-line{display:inline-block;width:44px;height:1px;background:#aaccf14d;margin-left:7px}.section-nav{position:fixed;z-index:6;left:48px;top:50%;transform:translateY(-50%);display:grid;gap:10px}.section-nav button{display:grid;grid-template-columns:26px auto;align-items:center;gap:8px;border:0;padding:0;background:none;color:#c6dcf759;cursor:pointer;text-align:left;font-size:10px;letter-spacing:.16em;transition:color .26s ease,transform .26s ease}.section-nav button span{font-variant-numeric:tabular-nums;font-size:9px;opacity:.54}.section-nav button:before{content:"";width:0;height:1px;position:absolute;left:-16px;background:var(--blue);transition:width .26s ease}.section-nav button:hover,.section-nav button.active{color:#f0f7fff5;transform:translate(5px)}.section-nav button.active:before{width:9px}.journey-rail{position:fixed;z-index:5;right:48px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:14px;pointer-events:none}.rail-label,.rail-location,.scroll-meta{color:#c6dcf76b;font-size:9px;letter-spacing:.2em}.rail-track{width:1px;height:160px;background:#b7d6f72b;position:relative;overflow:hidden}.rail-track span{display:block;width:100%;background:linear-gradient(to bottom,#b9ddff,#3be7c0);box-shadow:0 0 12px #68b6ff;transition:height .22s ease-out}.content-layer{position:relative;min-height:820vh;z-index:2}.hero-layer{position:fixed;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;opacity:1;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.hero-layer.is-hidden{opacity:0;transform:scale(.98)}.intro-copy{display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(5vh);pointer-events:auto}.monogram{position:relative;display:grid;place-items:center;width:77px;height:77px;margin-bottom:24px;border:1px solid rgba(163,205,255,.38);border-radius:23px;transform:rotate(45deg);background:linear-gradient(145deg,#58a6ff33,#192e550d);box-shadow:0 0 60px #409dff33,inset 0 0 24px #70bdff14}.monogram:before{content:"";position:absolute;inset:8px;border:1px solid rgba(112,197,255,.16);border-radius:16px}.monogram span,.monogram i{position:absolute;transform:rotate(-45deg);font-style:normal}.monogram span{top:14px;left:22px;font-size:26px;font-weight:300;color:#8bc9ff}.monogram i{bottom:14px;right:18px;font-size:20px;font-weight:700;color:#3be7c0}.intro-name{font-size:clamp(42px,6vw,82px);font-weight:300;letter-spacing:-.06em;line-height:.95;text-shadow:0 0 34px rgba(131,190,255,.22)}.intro-role{margin-top:18px;color:#d7e8fc8c;font-size:11px;letter-spacing:.23em}.intro-role span{margin:0 8px;color:#6cc3ffe6}.enter-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:12px;margin-top:74px;padding:12px 18px;border:1px solid rgba(169,207,244,.28);border-radius:999px;background:radial-gradient(circle at 18% 0%,rgba(205,235,255,.16),transparent 42%),linear-gradient(120deg,#1228466b,#040b1933);color:#e4effdbd;cursor:pointer;font-size:10px;letter-spacing:.22em;box-shadow:inset 0 1px #f1f9ff2e,0 10px 34px #1d5b931f;backdrop-filter:blur(18px) saturate(140%);transition:border-color .25s ease,color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}.enter-button:before{content:"";position:absolute;z-index:-1;inset:-35% -20%;transform:translate(-78%) rotate(-12deg);background:linear-gradient(90deg,transparent,rgba(231,247,255,.2),transparent);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.enter-button:hover{border-color:#96d3ffb8;color:#fff;background:radial-gradient(circle at 18% 0%,rgba(205,235,255,.22),transparent 42%),linear-gradient(120deg,#193b638f,#0711233d);box-shadow:inset 0 1px #f1f9ff42,0 14px 44px #1d6fb433;transform:translateY(-2px)}.enter-button:hover:before{transform:translate(78%) rotate(-12deg)}.enter-pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3be7c0;box-shadow:0 0 0 5px #3be7c01a,0 0 16px #3be7c0b3}.enter-arrow{font-size:13px;color:#78bfff;margin-left:2px}.glass-ai-button{min-width:262px;justify-content:flex-start;gap:12px;padding:9px 13px 9px 10px;border-color:#bee0fa57;background:radial-gradient(circle at 10% 0%,rgba(217,241,255,.2),transparent 35%),linear-gradient(112deg,#1837587a,#050d1d38 72%)}.glass-ai-button:after{content:"";position:absolute;inset:1px;border:1px solid rgba(231,246,255,.06);border-radius:inherit;pointer-events:none}.glass-ai-mark{position:relative;display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border:1px solid rgba(176,224,255,.35);border-radius:11px;background:linear-gradient(145deg,#97d0f740,#39669114);box-shadow:inset 0 1px #f8fdff47,0 0 22px #67b9f229}.glass-ai-mark:before,.glass-ai-mark:after{content:"";position:absolute;border:1px solid rgba(135,211,255,.3);border-radius:50%}.glass-ai-mark:before{inset:7px}.glass-ai-mark:after{inset:3px;opacity:.35}.glass-ai-mark>span{position:relative;z-index:1;color:#ddf4ff;font-size:13px;line-height:1;text-shadow:0 0 13px rgba(127,211,255,.85)}.glass-ai-mark i{position:absolute;right:-7px;bottom:-5px;z-index:2;padding:2px 4px;border:1px solid rgba(173,224,255,.36);border-radius:5px;background:#08182bdb;color:#8bdcff;font-size:7px;font-style:normal;letter-spacing:.08em}.glass-ai-copy{display:grid;gap:4px;min-width:0;text-align:left}.glass-ai-copy small{color:#aad4f485;font-size:7px;letter-spacing:.2em;line-height:1}.glass-ai-copy strong{color:#eff8ffdb;font-size:10px;font-weight:500;letter-spacing:.18em;line-height:1;white-space:nowrap}.glass-ai-button .enter-arrow{margin-left:auto;padding-left:8px;color:#9ed9ff;font-size:17px;text-shadow:0 0 14px rgba(110,194,255,.55)}.glass-ai-button:hover .glass-ai-mark{border-color:#b6e6ffad;box-shadow:inset 0 1px #f8fdff57,0 0 30px #67b9f247}.glass-ai-button:hover .glass-ai-mark:before{transform:rotate(90deg)}.glass-ai-mark:before{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.panel-layer{position:fixed;z-index:3;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:9vh 5vw 9vh 60vw;pointer-events:none;opacity:0;transition:opacity .45s ease}.panel-layer.is-visible{opacity:1}.content-panel{position:relative;width:min(560px,36vw);min-height:min(72vh,690px);max-height:min(78vh,760px);overflow:auto;padding:34px 30px 34px 36px;border:1px solid rgba(164,198,239,.2);border-radius:24px;background:linear-gradient(105deg,#08112338,#0811239e 46%,#040915c2);box-shadow:0 26px 90px #00000047,inset 0 1px #e9f5ff21,inset 18px 0 34px #94ccf906,0 0 110px #3476c014;backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.82) 8%,#000 17%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.82) 8%,#000 17%,#000 100%);pointer-events:auto;scrollbar-width:none}.content-panel:before{content:"";position:absolute;inset:1px;border-radius:23px;pointer-events:none;background:linear-gradient(125deg,rgba(225,243,255,.12),transparent 18%,transparent 72%,rgba(123,194,243,.07));opacity:.7}.content-panel::-webkit-scrollbar{display:none}.panel-topline{display:flex;justify-content:space-between;align-items:center;color:#a4cbf78c;font-size:9px;letter-spacing:.2em;margin-bottom:28px}.panel-topline span:last-child{color:#9ee5ffc7}h2{margin:0;max-width:650px;font-size:clamp(30px,4vw,53px);line-height:1.04;font-weight:320;letter-spacing:-.055em}.panel-subtitle{margin:15px 0 33px;color:#d7e8fc99;font-size:14px;letter-spacing:.03em}.education-list{display:grid;gap:25px}.edu-item{display:grid;grid-template-columns:126px 1fr;gap:22px;padding-top:22px;border-top:1px solid var(--line)}.edu-item:first-child{padding-top:0;border-top:0}.item-period{color:#7dc1ffbf;font-size:10px;letter-spacing:.08em;line-height:1.35;padding-top:3px;font-variant-numeric:tabular-nums}.item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.item-heading h3,.experience-item h3,.research-card h3,.project-item h3{margin:0;font-size:17px;line-height:1.3;font-weight:530;letter-spacing:-.02em}.item-heading span{color:#ddecff6b;font-size:10px;letter-spacing:.12em;white-space:nowrap}.edu-item p,.experience-item p{margin:8px 0 9px;color:#dceafdad;font-size:13px;line-height:1.52}.edu-item small{display:block;color:var(--muted);font-size:12px;line-height:1.7}.experience-item{padding-top:4px}.experience-item ul{display:grid;gap:11px;margin:24px 0 25px;padding:0 0 0 16px}.experience-item li{padding-left:3px;color:#ddeafcb8;font-size:12px;line-height:1.65}.experience-item li::marker{color:#54d9c1}.metrics-row,.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{padding:13px 13px 11px;border:1px solid rgba(176,215,255,.13);border-radius:10px;background:#6ea0dc0f}.metric strong{display:block;font-size:21px;font-weight:360;letter-spacing:-.04em;color:#cfe9ff}.metric span{display:block;margin-top:5px;color:#b9d0ea73;font-size:9px;letter-spacing:.09em;line-height:1.3}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.research-card{position:relative;min-height:212px;padding:18px 17px;border:1px solid rgba(168,205,244,.14);border-radius:12px;background:linear-gradient(150deg,#4a82cc1a,#15254717)}.card-index{position:absolute;top:16px;right:16px;color:#a0cdff5e;font-size:10px;font-variant-numeric:tabular-nums}.card-label{display:block;color:#74c8f6bf;font-size:9px;letter-spacing:.15em}.research-card h3{margin:36px 0 12px;font-size:15px}.research-card p{margin:0;color:#d6e6f98f;font-size:12px;line-height:1.6}.quote-line{display:grid;grid-template-columns:30px 1fr;gap:9px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.quote-line span{color:#8bc7ff;font-family:Georgia,serif;font-size:43px;line-height:.75}.quote-line p{margin:0;max-width:560px;color:#e2eefeb8;font-size:13px;line-height:1.6}.project-list{display:grid;gap:19px}.project-item{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:14px;padding:20px 0 19px;border-top:1px solid var(--line)}.project-item:first-child{padding-top:0;border-top:0}.project-copy .item-heading h3{margin-top:9px;font-size:16px}.project-copy>p{margin:13px 0 17px;color:#d5e4f89e;font-size:12px;line-height:1.67}.project-metrics{grid-template-columns:repeat(4,1fr)}.project-metrics .metric{padding:9px 8px}.project-metrics .metric strong{font-size:15px}.project-metrics .metric span{font-size:8px}.project-visual{min-height:136px;position:relative;overflow:hidden;border:1px solid rgba(126,201,255,.2);border-radius:15px;background:linear-gradient(145deg,#20509133,#0a152e47);cursor:pointer;text-align:left;transform:perspective(700px) rotateY(-4deg);box-shadow:inset 0 1px #e9f5ff1a,0 14px 34px #00000029;transition:border-color .24s ease,transform .24s ease,box-shadow .24s ease}.project-visual:hover{transform:translateY(-3px);border-color:#7ec9ff9e;box-shadow:0 8px 30px #147ad029}.project-visual.has-media img,.project-visual.has-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;filter:saturate(.8) contrast(1.05)}.visual-grid{position:absolute;inset:0;opacity:.32;background:linear-gradient(rgba(155,213,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(155,213,255,.11) 1px,transparent 1px);background-size:20px 20px}.visual-line{position:absolute;height:1px;width:150%;left:-14%;transform-origin:left;background:linear-gradient(90deg,transparent,#70d2ff 35%,#49e7c8 72%,transparent);box-shadow:0 0 10px #5bd0ffbf}.visual-line-a{top:44%;transform:rotate(-17deg)}.visual-line-b{top:64%;transform:rotate(16deg);opacity:.58}.visual-node{position:absolute;width:5px;height:5px;border-radius:50%;background:#bce8ff;box-shadow:0 0 11px #55bfff}.node-a{left:38%;top:48%}.node-b{left:69%;top:36%;background:#3be7c0;box-shadow:0 0 12px #3be7c0}.node-c{left:77%;top:76%}.visual-label{position:absolute;right:10px;bottom:10px;color:#d6eeffad;font-size:8px;letter-spacing:.13em;writing-mode:vertical-rl}.visual-label span{color:#79d2ff;font-size:14px;margin-bottom:5px}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.skill-group{padding:17px;border:1px solid var(--line);border-radius:12px;background:#4b7dbc0f}.skill-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.skill-cloud span{padding:7px 9px;border:1px solid rgba(162,207,249,.16);border-radius:7px;color:#deedfeb3;font-size:11px}.stack-footnote{display:flex;align-items:center;gap:9px;margin-top:24px;color:#cde2f88a;font-size:11px}.signal-dot{width:6px;height:6px;border-radius:50%;background:#3be7c0;box-shadow:0 0 14px #3be7c0}.contact-note{max-width:450px;margin:3px 0 34px;color:#e2edfcb8;font-size:15px;line-height:1.65}.contact-links{display:grid;border-top:1px solid var(--line)}.contact-links a{display:grid;grid-template-columns:120px 1fr 20px;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);transition:color .22s ease,padding .22s ease}.contact-links a:hover{padding-left:6px;color:#8dd3ff}.contact-links span{color:#7dc1ffb3;font-size:9px;letter-spacing:.15em}.contact-links strong{font-size:16px;font-weight:350}.contact-links b{color:#80d4ff;font-size:18px;font-weight:300}.contact-signoff{display:flex;justify-content:space-between;gap:15px;margin-top:38px;color:#b5d5f361;font-size:9px;letter-spacing:.18em}.scroll-meta{position:fixed;z-index:5;right:48px;bottom:30px;display:flex;gap:13px;pointer-events:none}.scroll-meta span+span{color:#d6eafdb3}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:25px;background:#01040dad;backdrop-filter:blur(12px)}.modal-panel{width:min(560px,100%);position:relative;padding:30px;border:1px solid rgba(167,213,255,.26);border-radius:18px;background:linear-gradient(145deg,#0e1d3de6,#040815f0);box-shadow:0 20px 90px #00000075,inset 0 1px #dcf2ff1f}.modal-close{position:absolute;top:15px;right:18px;border:0;background:none;color:#d9ebfc99;font-size:25px;line-height:1;cursor:pointer}.modal-kicker{color:#79d2ff;font-size:9px;letter-spacing:.18em}.modal-panel h3{margin:12px 0 10px;font-size:24px;font-weight:400;letter-spacing:-.04em}.modal-panel p{margin:0 0 22px;color:#d7e7fb94;font-size:13px;line-height:1.6}.modal-media{display:block;width:100%;max-height:320px;object-fit:cover;border:1px solid rgba(169,209,246,.16);border-radius:10px}.modal-chart{position:relative;display:flex;align-items:flex-end;gap:5px;height:140px;padding:16px 15px 15px;border:1px solid rgba(169,209,246,.16);border-radius:10px;background:linear-gradient(180deg,#438ed81f,#0a152b40);overflow:hidden}.modal-chart:before{content:"";position:absolute;inset:0;opacity:.35;background:linear-gradient(rgba(181,223,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(181,223,255,.12) 1px,transparent 1px);background-size:26px 26px}.modal-chart span{position:relative;z-index:1;display:block;flex:1;min-width:3px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#71d2ff,#54aeff2e);box-shadow:0 0 12px #52c0ff38}.chart-baseline{position:absolute;z-index:2;right:0;bottom:37%;left:0;border-top:1px dashed rgba(57,231,192,.56)}.modal-footer{display:flex;justify-content:space-between;gap:15px;margin-top:16px;color:#b9d8f670;font-size:9px;letter-spacing:.1em}.modal-footer span:first-child{color:#62d7c0}@media(max-width:1000px){.site-header{padding-inline:25px}.section-nav{left:24px}.journey-rail,.header-status{display:none}.panel-layer{padding:100px 6vw 65px 45vw}.content-panel{width:min(560px,49vw);min-height:min(70vh,650px);padding:28px 28px 30px 32px}}@media(max-width:720px){.site-shell,.content-layer{min-height:700vh}.site-header{padding:20px 18px}.header-date{font-size:8px;letter-spacing:.12em}.section-nav{inset:auto 18px 16px;transform:none;z-index:8;display:flex;justify-content:space-between;gap:5px;padding:9px 10px;border:1px solid rgba(166,204,243,.15);border-radius:12px;background:#040a17a6;backdrop-filter:blur(16px)}.section-nav button{display:block;font-size:0;text-align:center}.section-nav button span{display:block;padding:2px 4px;color:#cce3fb80;font-size:9px}.section-nav button.active span{color:#fff}.section-nav button:before{display:none}.section-nav button:hover,.section-nav button.active{transform:none}.panel-layer{align-items:flex-start;padding:82px 15px 82px 26vw}.content-panel{width:100%;min-height:0;max-height:calc(100vh - 150px);padding:23px 19px 28px;border-radius:16px}.panel-topline{margin-bottom:22px;font-size:8px}h2{font-size:34px}.panel-subtitle{margin-top:12px;margin-bottom:24px;font-size:13px}.intro-copy{transform:translateY(-2vh);padding:0 22px}.monogram{width:62px;height:62px;border-radius:18px}.monogram span{top:11px;left:18px;font-size:21px}.monogram i{bottom:11px;right:14px;font-size:16px}.intro-name{font-size:49px}.intro-role{max-width:290px;font-size:9px;line-height:1.7}.enter-button{margin-top:52px;font-size:9px}.glass-ai-button{min-width:242px;padding-right:11px}.glass-ai-copy strong{font-size:9px}.edu-item{grid-template-columns:1fr;gap:8px}.item-heading{gap:8px}.item-heading h3,.experience-item h3,.research-card h3,.project-item h3{font-size:15px}.item-heading span{font-size:8px}.edu-item p{font-size:12px}.edu-item small{font-size:11px}.experience-item ul{margin-top:18px;padding-left:14px}.experience-item li{font-size:11px}.metrics-row{gap:6px}.metric{padding:10px 8px 9px}.metric strong{font-size:17px}.metric span{font-size:8px}.research-grid,.skills-grid{grid-template-columns:1fr}.research-card{min-height:auto;padding:16px}.research-card h3{margin-top:28px}.project-item{grid-template-columns:1fr}.project-visual{min-height:116px}.project-metrics{gap:5px}.project-metrics .metric strong{font-size:13px}.contact-links a{grid-template-columns:94px 1fr 16px;gap:7px}.contact-links strong{font-size:13px}.contact-signoff{display:grid;gap:8px;line-height:1.4}.scroll-meta{right:18px;bottom:76px;font-size:8px}.modal-panel{padding:24px 20px}.modal-panel h3{font-size:20px}.modal-footer{display:grid;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}