:root{--font-sans: "Cabinet Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-15: .9375rem;--fs-16: 1rem;--fs-17: 1.0625rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-28: 1.75rem;--fs-32: 2rem;--fs-40: 2.5rem;--fs-48: 3rem;--fs-display: clamp(3.5rem, 8.5vw, 6.5rem);--bg: #09090b;--bg-elevated: #0f0f12;--surface: #131316;--surface-2: #1a1a1f;--ink: #f4f4f5;--ink-2: #a1a1aa;--ink-3: #71717a;--ink-4: #52525b;--ink-5: #3f3f46;--rule: rgba(255, 255, 255, .07);--rule-2: rgba(255, 255, 255, .12);--rule-3: rgba(255, 255, 255, .2);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--s-10: 8rem;--measure-text: 38rem;--measure-body: 56rem;--measure-page: 64rem;--measure-wide: 80rem;--ease: cubic-bezier(.2, .7, .2, 1);font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--ink);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;cursor:none}html,body{height:100%;overflow-x:hidden}body{min-height:100vh;background:radial-gradient(1100px 700px at 14% -8%,rgba(120,150,130,.06),transparent 60%),radial-gradient(900px 600px at 100% 110%,rgba(80,110,92,.05),transparent 60%),linear-gradient(180deg,#1c241f 0%,#1f2822 50%,#1a221d 100%);color:var(--ink)}#root{position:relative;z-index:0;min-height:100vh;isolation:isolate}.shader-gradient-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.shader-gradient-inner{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:.62;filter:saturate(.4) brightness(.78) blur(6px)}.shader-gradient-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(20,28,24,.28) 0%,rgba(20,28,24,.42) 50%,rgba(16,22,19,.72) 100%)}.bg-polyhedron{z-index:0!important;mix-blend-mode:screen}::selection{background:rgba(244,244,245,.18);color:var(--ink)}a{color:var(--ink);text-decoration:none;transition:color .18s var(--ease),opacity .18s var(--ease)}a:hover{color:var(--ink)}p{font-size:var(--fs-16);line-height:1.65;color:var(--ink-2)}strong{color:var(--ink);font-weight:600}em{font-style:italic;color:var(--ink)}code{font-family:var(--font-mono);font-size:.9em;padding:.1em .35em;border-radius:4px;background:rgba(255,255,255,.06);color:var(--ink)}button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid rgba(244,244,245,.55);outline-offset:3px;border-radius:4px}.site-shell{position:relative;min-height:100vh;z-index:2}.nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);max-width:var(--measure-wide);margin:0 auto;padding:var(--s-5) var(--s-7);background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}.home-button{display:inline-flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:8px;transition:background .18s var(--ease)}.home-button:hover{background:rgba(255,255,255,.04)}.home-button-mark{display:inline-block;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Heiti SC,Source Han Sans SC,sans-serif;font-size:1.5rem;line-height:1;font-weight:600;color:var(--ink);letter-spacing:-.02em;transform:translateY(-.02em)}.home-button-copy{font-size:var(--fs-14);font-weight:500;letter-spacing:-.005em;color:var(--ink)}.nav-tabs{display:inline-flex;align-items:center;gap:var(--s-1)}.nav-tab{font-size:var(--fs-14);font-weight:500;letter-spacing:-.005em;color:var(--ink-2);padding:var(--s-2) var(--s-4);border-radius:8px;transition:color .18s var(--ease),background .18s var(--ease)}.nav-tab:hover{color:var(--ink);background:rgba(255,255,255,.04)}.nav-tab.is-active{color:var(--ink);background:rgba(255,255,255,.06)}h1,h2,h3,h4,h5,h6{color:var(--ink);letter-spacing:-.02em;font-weight:500;line-height:1.15}h1{font-size:var(--fs-48)}h2{font-size:var(--fs-32);letter-spacing:-.015em}h3{font-size:var(--fs-20);letter-spacing:-.01em}h4{font-size:var(--fs-16);letter-spacing:0}.eyebrow,.page-eyebrow{display:inline-block;font-size:var(--fs-12);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:var(--s-5)}.section-label{display:block;font-size:var(--fs-12);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin:var(--s-9) 0 var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--rule)}.page-content{width:100%;max-width:var(--measure-page);margin:0 auto;padding:var(--s-8) var(--s-7) var(--s-10)}.page-title{font-size:clamp(2.5rem,5.5vw,3.75rem);font-weight:500;letter-spacing:-.025em;line-height:1.05;color:var(--ink);margin-bottom:var(--s-5)}.page-subtitle{font-size:var(--fs-18);line-height:1.55;color:var(--ink-2);max-width:var(--measure-text);margin-bottom:var(--s-9)}.back-link{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-13);font-weight:500;color:var(--ink-2);letter-spacing:-.005em;padding:var(--s-2) 0;margin-bottom:var(--s-7);transition:color .18s var(--ease)}.back-link:hover{color:var(--ink)}.home-page{width:100%;max-width:var(--measure-page);margin:0 auto;padding:0 var(--s-7)}.hero{min-height:calc(100vh - 5rem);display:flex;flex-direction:column;justify-content:center;padding:var(--s-9) 0 var(--s-8);max-width:44rem}.hero-eyebrow{font-size:var(--fs-12);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:var(--s-5)}.hero-name{font-size:var(--fs-display);font-weight:500;letter-spacing:-.035em;line-height:.98;color:var(--ink);margin-bottom:var(--s-5)}.hero-role{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:400;letter-spacing:-.01em;color:var(--ink);line-height:1.35;margin-bottom:var(--s-5)}.hero-description{font-size:var(--fs-17);line-height:1.65;color:var(--ink-2);max-width:36rem;margin-bottom:var(--s-6)}.hero-meta{display:inline-flex;align-items:center;gap:var(--s-3);font-size:var(--fs-13);color:var(--ink-3);margin-bottom:var(--s-7)}.hero-meta-divider{color:var(--ink-5)}.clock{display:inline-flex;align-items:center;gap:var(--s-2);font-feature-settings:"tnum"}.clock-place{color:var(--ink-3)}.clock-time{color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:0}.clock-colon{display:inline-block;width:.4ch;text-align:center;animation:blink 1.05s steps(2,end) infinite}@keyframes blink{to{opacity:.18}}.hero-actions{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-8)}.hero-focus{list-style:none;padding-top:var(--s-6);border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr;gap:var(--s-3)}.hero-focus li{display:flex;align-items:baseline;gap:var(--s-4);font-size:var(--fs-15);color:var(--ink-2);letter-spacing:-.005em}.hero-focus-num{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--ink-4);letter-spacing:.05em;width:2ch;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font-family:var(--font-sans);font-size:var(--fs-14);font-weight:500;letter-spacing:-.005em;line-height:1;padding:.7rem 1.05rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:#ffffff;color:var(--bg)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--rule-2)}.btn-ghost:hover{background:rgba(255,255,255,.04);border-color:var(--rule-3);color:var(--ink)}.project-case-study{margin-bottom:var(--s-7)}.project-case-study.flagship{position:relative;padding:var(--s-6) 0 var(--s-7);border-bottom:1px solid var(--rule);margin-bottom:0;background:transparent;border-radius:0}.project-case-study.flagship:first-of-type{padding-top:0}.project-case-study.flagship:last-of-type{border-bottom:none}.case-study-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-5);margin-bottom:var(--s-5);flex-wrap:wrap}.case-study-header h2{font-size:var(--fs-24);font-weight:500;letter-spacing:-.015em;line-height:1.2;margin:0}.case-study-oneliner{font-size:var(--fs-16);line-height:1.6;color:var(--ink-2);margin-top:var(--s-3);max-width:var(--measure-text)}.case-study-links{display:inline-flex;align-items:center;gap:var(--s-2);flex-shrink:0;flex-wrap:wrap}.case-study-link{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--fs-13);font-weight:500;color:var(--ink-2);padding:.35rem .7rem;border:1px solid var(--rule-2);border-radius:6px;background:transparent;letter-spacing:-.005em;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.case-study-link:hover{color:var(--ink);border-color:var(--rule-3);background:rgba(255,255,255,.04)}.case-study-stack{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}.case-study-stack span{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--ink-3);padding:.25rem .55rem;border:1px solid var(--rule);border-radius:4px;letter-spacing:.01em;background:rgba(255,255,255,.015)}.case-study-body{display:grid;gap:var(--s-7);margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--rule)}.case-study-section h4{font-size:var(--fs-12);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:var(--s-4)}.case-study-section p{font-size:var(--fs-16);line-height:1.65;color:var(--ink-2)}.case-study-section ul{list-style:none;display:grid;gap:var(--s-3)}.case-study-section ul li{position:relative;padding-left:1.25rem;font-size:var(--fs-15);line-height:1.65;color:var(--ink-2)}.case-study-section ul li:before{content:"";position:absolute;left:0;top:.7em;width:.55rem;height:1px;background:var(--ink-4)}.tech-highlights{display:grid;grid-template-columns:1fr;border-top:1px solid var(--rule)}.highlight-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--rule)}.highlight-label{font-size:var(--fs-13);font-weight:500;color:var(--ink-3);letter-spacing:-.005em}.highlight-value{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--ink);letter-spacing:0;text-align:right}.expand-toggle{display:inline-flex;align-items:center;gap:var(--s-2);margin-top:var(--s-5);font-size:var(--fs-14);font-weight:500;color:var(--ink);letter-spacing:-.005em;padding:0;background:transparent;border:none;transition:color .18s var(--ease),gap .18s var(--ease)}.expand-toggle:hover{color:var(--ink);gap:.85rem}.expand-toggle:after{content:"→";display:inline-block;color:var(--ink-3);transition:transform .18s var(--ease),color .18s var(--ease)}.expand-toggle:hover:after{color:var(--ink);transform:translate(2px)}.project-compact{display:grid;grid-template-columns:1fr;gap:var(--s-3);padding:var(--s-5) 0;border-bottom:1px solid var(--rule)}.project-compact:last-of-type{border-bottom:none}.project-compact h3{font-size:var(--fs-18);font-weight:500;letter-spacing:-.01em;color:var(--ink)}.project-compact>p{font-size:var(--fs-15);line-height:1.6;color:var(--ink-2);max-width:var(--measure-text)}.compact-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--s-4)}.compact-meta .case-study-stack{margin-top:0}.about-page{width:100%;max-width:var(--measure-page);margin:0 auto}.about-intro{margin-bottom:0}.about-bio{max-width:var(--measure-text)}.about-bio p{font-size:var(--fs-18);line-height:1.65;color:var(--ink-2)}.about-section-block{padding-top:var(--s-8);margin-top:var(--s-8);border-top:1px solid var(--rule)}.about-section-block>.section-label{margin-top:0;margin-bottom:var(--s-6);padding-top:0;border-top:none}.education-card,.exp-card{padding:var(--s-6) 0;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--rule)}.education-card:last-child,.exp-card:last-child{border-bottom:none}.ed-header,.exp-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-5);flex-wrap:wrap;margin-bottom:var(--s-3)}.ed-header h3,.exp-header h3{font-size:var(--fs-18);font-weight:500;letter-spacing:-.01em;color:var(--ink);margin:0}.ed-date,.exp-date{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--ink-3);letter-spacing:0;white-space:nowrap}.ed-degree{font-size:var(--fs-15);color:var(--ink);font-weight:500;letter-spacing:-.005em;margin-top:var(--s-1)}.ed-minor{font-size:var(--fs-14);color:var(--ink-3);margin-top:var(--s-1);margin-bottom:var(--s-5)}.exp-company{font-size:var(--fs-14);color:var(--ink-3);font-weight:500}.exp-list{list-style:none;display:grid;gap:var(--s-3);margin-top:var(--s-4)}.exp-list li{position:relative;padding-left:1.25rem;font-size:var(--fs-15);line-height:1.65;color:var(--ink-2)}.exp-list li:before{content:"";position:absolute;left:0;top:.7em;width:.55rem;height:1px;background:var(--ink-4)}.coursework-tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.coursework-tags span{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--ink-3);padding:.25rem .55rem;border:1px solid var(--rule);border-radius:4px;letter-spacing:.01em;background:rgba(255,255,255,.015)}.profile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-2)}.profile-grid a{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--s-2);font-size:var(--fs-14);font-weight:500;color:var(--ink-2);letter-spacing:-.005em;padding:var(--s-3) var(--s-4);border:1px solid var(--rule-2);border-radius:8px;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);background:transparent}.profile-grid a:hover{color:var(--ink);border-color:var(--rule-3);background:rgba(255,255,255,.04)}.profile-grid a:after{content:"↗";margin-left:auto;color:var(--ink-4);font-size:.9em}.photocontainer{width:100%;max-width:var(--measure-wide);margin:0 auto;padding:var(--s-8) var(--s-7) var(--s-10)}.photogrid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-6) var(--s-4)}.photogrid>div{background:transparent;border:none;border-radius:0;padding:0}.photo-img{width:100%;aspect-ratio:2 / 3;height:auto;object-fit:cover;display:block;border-radius:2px;filter:grayscale(0%) contrast(1.02);transition:opacity .3s var(--ease)}.photo-img:hover{opacity:.9}.photo-caption{margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.04em;color:var(--ink-3);line-height:1.5;text-align:left}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);margin-top:var(--s-4)}.contact-card{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5);border:1px solid var(--rule-2);border-radius:10px;color:var(--ink);font-size:var(--fs-15);font-weight:500;letter-spacing:-.005em;background:transparent;text-decoration:none;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.contact-card:hover{border-color:var(--rule-3);background:rgba(255,255,255,.03);color:var(--ink);transform:translateY(-1px)}.contact-card svg{flex-shrink:0;color:var(--ink-3);width:18px;height:18px}.page-fade{animation:pageFadeIn .5s var(--ease) both}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 1200px){.photogrid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.photogrid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){:root{font-size:15.5px}.nav{padding:var(--s-4) var(--s-5);gap:var(--s-3)}.home-button-copy{display:none}.nav-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{font-size:var(--fs-13);padding:var(--s-2) var(--s-3);white-space:nowrap}.home-page{padding:0 var(--s-5)}.hero{min-height:calc(100vh - 4rem);padding:var(--s-7) 0 var(--s-7)}.hero-description{font-size:var(--fs-16)}.page-content{padding:var(--s-7) var(--s-5) var(--s-9)}.page-title{font-size:clamp(2rem,7vw,2.75rem)}.page-subtitle{font-size:var(--fs-16);margin-bottom:var(--s-7)}.case-study-header{flex-direction:column;gap:var(--s-3)}.case-study-header h2{font-size:var(--fs-20)}.photocontainer{padding:var(--s-7) var(--s-5) var(--s-9)}.photogrid{grid-template-columns:repeat(2,1fr);gap:var(--s-5)}.contact-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(2,1fr)}.ed-header,.exp-header{flex-direction:column;align-items:flex-start;gap:var(--s-2)}}@media (max-width: 420px){.home-button-mark{font-size:1.35rem}.hero-actions .btn{flex:1}}