:root{--bg:#f2f4f2;--paper:#fff;--ink:#141b18;--ink-soft:#4d5852;--ink-faint:#8b938d;--line:#e0e4e0;--teal:#12604f;--teal-soft:#e4efec;--indigo:#3d5578;--font-display:"Fraunces",serif;--font-body:"Inter",sans-serif;--font-mono:"IBM Plex Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}::selection{background:var(--teal);color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c3cdc7;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}.topnav{z-index:100;justify-content:space-between;align-items:center;padding:22px 6vw;transition:background .35s,box-shadow .35s,padding .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;top:0;left:0;right:0}.topnav.scrolled{-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);background:#ffffffd1;padding:14px 6vw}.brand{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.15rem;font-weight:600;text-decoration:none}.nav-links{gap:34px;display:flex}.nav-links a{color:var(--ink-soft);padding:4px 0;font-size:.92rem;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--teal);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}.nav-cta{color:var(--paper);background:var(--ink);border-radius:100px;padding:9px 18px;font-size:.85rem;text-decoration:none;transition:background .25s,transform .25s}.nav-cta:hover{background:var(--teal);transform:translateY(-1px)}.section,.hero-figure,.stat-row{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.section{transform:translateY(28px)}.section.in-view{opacity:1;transform:translateY(0)}.hero-figure{transform:translate(40px)scale(.97)}.hero-figure.in-view{opacity:1;transform:translate(0)scale(1)}.stat-row{transform:scale(.94)}.stat-row.in-view{opacity:1;transform:scale(1)}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5vw;min-height:100vh;padding:130px 5vw 60px;display:flex}.hero-inner{flex:480px;max-width:680px}.kicker{font-family:var(--font-mono);color:var(--teal);letter-spacing:.02em;margin-bottom:22px;font-size:.82rem}.hero h1{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:26px;font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:500;line-height:1.12}.hero h1 em{color:var(--teal);font-style:italic;font-weight:500}.hero-lede{color:var(--ink-soft);max-width:48ch;margin-bottom:34px;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.btn-primary{background:var(--ink);color:#fff;border-radius:100px;padding:14px 26px;font-size:.94rem;text-decoration:none;transition:background .25s,transform .25s}.btn-primary:hover{background:var(--teal);transform:translateY(-2px)}.btn-ghost{color:var(--ink);border:1px solid var(--line);border-radius:100px;padding:14px 22px;font-size:.94rem;text-decoration:none;transition:border-color .25s,transform .25s}.btn-ghost:hover{border-color:var(--teal);transform:translateY(-2px)}.hero-figure{border:1px solid var(--line);will-change:transform;border-radius:18px;flex:420px;max-width:640px;overflow:hidden;box-shadow:0 30px 60px -20px #14282340}.hero-figure img{transition:transform .6s}.section{padding:100px 5vw}.section-title{font-family:var(--font-display);letter-spacing:-.01em;max-width:20ch;margin-bottom:14px;font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:500}.section-sub{color:var(--ink-soft);max-width:60ch;margin-bottom:44px}.about-grid{grid-template-columns:minmax(0,560px) 1fr;align-items:start;gap:8vw;margin-top:20px;display:grid}.about-lede{color:var(--ink-soft);max-width:52ch;font-size:1.15rem}.stat-row{flex-wrap:wrap;gap:34px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-num{font-family:var(--font-display);color:var(--teal);font-size:2.6rem;font-weight:500}.stat-label{color:var(--ink-faint);max-width:16ch;font-size:.85rem}.timeline{flex-direction:column;display:flex}.tl-item{border-top:1px solid var(--line);grid-template-columns:200px 1fr;gap:34px;padding:32px 0;display:grid}.tl-item:last-child{border-bottom:1px solid var(--line)}.tl-meta{font-family:var(--font-mono);color:var(--ink-faint);padding-top:4px;font-size:.8rem}.tl-role{font-family:var(--font-display);margin-bottom:4px;font-size:1.3rem;font-weight:500}.tl-org{color:var(--teal);margin-bottom:14px;font-size:.95rem}.tl-list{flex-direction:column;gap:8px;max-width:66ch;list-style:none;display:flex}.tl-list li{color:var(--ink-soft);padding-left:18px;font-size:.96rem;position:relative}.tl-list li:before{content:"";background:var(--indigo);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.project-browser{border:1px solid var(--line);background:var(--paper);border-radius:20px;grid-template-columns:280px 1fr;gap:0;display:grid;overflow:hidden}.project-rail{border-right:1px solid var(--line);background:#fafaf8;max-height:640px;overflow-y:auto}.rail-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--line);width:100%;font-family:var(--font-body);background:0 0;align-items:baseline;gap:12px;padding:20px 22px;transition:background .25s,padding-left .25s;display:flex}.rail-item:last-child{border-bottom:none}.rail-num{font-family:var(--font-mono);color:var(--ink-faint);font-size:.76rem}.rail-name{color:var(--ink-soft);font-size:.96rem;transition:color .2s}.rail-item:hover{background:var(--teal-soft);padding-left:26px}.rail-item.active{background:var(--teal-soft);border-left:3px solid var(--teal);padding-left:19px}.rail-item.active .rail-name{color:var(--ink);font-weight:500}.rail-item.active .rail-num{color:var(--teal)}.project-detail{min-height:560px;padding:38px 40px;position:relative}.detail-inner{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(10px)}.detail-inner.show{opacity:1;transform:translateY(0)}.detail-title{font-family:var(--font-display);margin-bottom:12px;font-size:1.6rem;font-weight:500}.detail-desc{color:var(--ink-soft);max-width:70ch;margin-bottom:20px;font-size:.98rem}.detail-stats{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.stat-chip{font-family:var(--font-mono);color:var(--teal);border:1px solid var(--teal);background:var(--teal-soft);border-radius:100px;padding:5px 11px;font-size:.72rem}.detail-link{color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:8px;margin-bottom:26px;padding-bottom:2px;font-size:.9rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.detail-link:hover{color:var(--teal);border-color:var(--teal)}.main-image{border:1px solid var(--line);background:#eef0ee;border-radius:14px;position:relative;overflow:hidden}.main-image img{object-fit:contain;background:#eef0ee;width:100%;height:auto;max-height:70vh;transition:opacity .3s;display:block}.main-image-caption{background:var(--paper);border:1px solid var(--line);border-top:none;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:-1px;margin-bottom:14px;padding:12px 16px;display:flex}.caption-text{color:var(--ink-soft);font-size:.9rem}.caption-count{font-family:var(--font-mono);color:var(--teal);white-space:nowrap;font-size:.78rem}.img-nav{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px -8px #14282359}.img-nav:hover{background:var(--teal);color:#fff}.img-prev{left:14px}.img-next{right:14px}.filmstrip{scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.filmstrip img{object-fit:cover;cursor:pointer;opacity:.6;scroll-snap-align:start;border:2px solid #0000;border-radius:8px;flex:none;width:110px;height:70px;transition:opacity .2s,border-color .2s,transform .2s}.filmstrip img:hover{opacity:.9;transform:translateY(-2px)}.filmstrip img.active{opacity:1;border-color:var(--teal)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.skill-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:22px 24px;transition:transform .25s,box-shadow .25s}.skill-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px #14282340}.skill-card h3{font-family:var(--font-mono);color:var(--indigo);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.72rem}.skill-tags{flex-wrap:wrap;gap:7px;display:flex}.skill-tags span{color:var(--ink-soft);border:1px solid var(--line);border-radius:100px;padding:4px 11px;font-size:.85rem}.edu-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:36px;display:grid}.edu-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:24px 26px}.edu-card h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.1rem;font-weight:500}.edu-card p{color:var(--ink-soft);font-size:.9rem}.cert-list{border-top:1px solid var(--line);list-style:none}.cert-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:20px;padding:18px 4px;display:flex}.cert-list li span{font-size:.98rem}.cert-list li em{color:var(--ink-faint);font-style:normal;font-family:var(--font-mono);font-size:.78rem}.contact-section{text-align:left}.contact-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:50px;display:grid}.contact-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.contact-card:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:0 16px 32px -20px #14282347}.contact-label{font-family:var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.contact-value{font-size:1rem}.footer-line{color:var(--ink-faint);font-size:.85rem}@media (width<=900px){.nav-links{display:none}.about-grid{grid-template-columns:1fr;gap:30px}.project-browser{grid-template-columns:1fr}.project-rail{border-right:none;border-bottom:1px solid var(--line);max-height:220px}.tl-item{grid-template-columns:1fr;gap:8px}.contact-grid,.edu-grid{grid-template-columns:1fr}}