:root{--bg: #0a0d12;--bg-soft: #0d1117;--surface: #0f151d;--surface-2: #141c26;--border: rgba(240, 246, 252, .09);--border-strong: rgba(240, 246, 252, .2);--text: #e6edf3;--muted: #8b949e;--faint: #6e7681;--accent: #4c9dff;--accent-soft: rgba(76, 157, 255, .12);--green: #3fb950;--green-soft: rgba(63, 185, 80, .14);--syn-key: #ff7b72;--syn-prop: #79c0ff;--syn-str: #a5d6ff;--syn-num: #d2a8ff;--syn-punc: #8b949e;--syn-comment: #6e7681;--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--maxw: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.accent{color:var(--accent)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.nav.scrolled{background:#0a0d12cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-family:var(--font-mono);font-weight:500;font-size:16px;letter-spacing:-.01em}.brand span{color:var(--accent)}.nav-links{display:flex;gap:2px}.nav-links a{font-family:var(--font-mono);color:var(--muted);font-size:13.5px;padding:8px 12px;border-radius:7px;transition:color .2s ease,background .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#ffffff0d}.nav-links a.active{color:var(--accent)}.nav-cta{font-family:var(--font-mono);font-size:13.5px;padding:8px 16px;border-radius:7px;border:1px solid var(--border-strong);transition:border-color .2s ease,color .2s ease,background .2s ease}.nav-cta:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.nav-burger{display:none;background:none;border:0;color:var(--text);font-size:22px;cursor:pointer}.btn{font-family:var(--font-mono);font-size:14px;font-weight:500;padding:12px 22px;border-radius:8px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;border:1px solid var(--border-strong);background:transparent;color:var(--text)}.btn-primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn-primary:hover{background:var(--accent);color:#06090f;transform:translateY(-2px)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:72px}.code-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;animation:pan 40s linear infinite;mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,#000 35%,transparent 100%)}.glyphs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.glyphs span{position:absolute;font-family:var(--font-mono);color:#4c9dff1a;font-size:30px;animation:drift linear infinite}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;width:100%}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;color:var(--green);border:1px solid var(--green-soft);background:var(--green-soft);padding:5px 12px;border-radius:6px;margin-bottom:22px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2.2s ease-in-out infinite}.hero h1{font-family:var(--font-head);font-weight:700;font-size:clamp(40px,6.5vw,68px);line-height:1.04;letter-spacing:-.03em;margin:0 0 10px}.hero .role-line{font-family:var(--font-mono);font-size:clamp(16px,2.4vw,22px);color:var(--accent);margin:0 0 22px}.hero .role-line:before{content:"> ";color:var(--faint)}.hero .tagline{max-width:520px;font-size:clamp(15px,1.8vw,18px);color:var(--muted);margin:0 0 32px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;z-index:1;animation:bob 2.4s ease-in-out infinite}.term{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #00000080}.term-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.term-dots{display:flex;gap:7px}.term-dots i{width:11px;height:11px;border-radius:50%;display:block}.term-dots i:nth-child(1){background:#ff5f56}.term-dots i:nth-child(2){background:#ffbd2e}.term-dots i:nth-child(3){background:#27c93f}.term-file{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);margin-left:6px}.term-body{font-family:var(--font-mono);font-size:13.5px;line-height:1.75;padding:18px 20px;white-space:pre-wrap;word-break:break-word;min-height:232px}.term-body .ln{color:var(--faint);-webkit-user-select:none;user-select:none}.tok-key{color:var(--syn-key)}.tok-prop{color:var(--syn-prop)}.tok-str{color:var(--syn-str)}.tok-num{color:var(--syn-num)}.tok-punc{color:var(--syn-punc)}.tok-com{color:var(--syn-comment)}.cursor{display:inline-block;width:8px;height:1.05em;background:var(--accent);vertical-align:-2px;margin-left:1px;animation:blink 1s steps(1) infinite}section{padding:100px 0;position:relative}.sec-head{margin-bottom:42px}.sec-kicker{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.sec-kicker .c{color:var(--faint)}.sec-title{font-family:var(--font-head);font-weight:700;font-size:clamp(27px,4vw,38px);letter-spacing:-.02em;margin:8px 0 0}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}[data-reveal].in{opacity:1;transform:none}[data-reveal][data-delay="1"]{transition-delay:.06s}[data-reveal][data-delay="2"]{transition-delay:.12s}[data-reveal][data-delay="3"]{transition-delay:.18s}[data-reveal][data-delay="4"]{transition-delay:.24s}[data-reveal][data-delay="5"]{transition-delay:.3s}.about-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:52px;align-items:center}.about-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.about-list li{position:relative;padding-left:26px;color:var(--muted);font-size:16.5px}.about-list li:before{content:"»";position:absolute;left:0;top:0;color:var(--accent);font-family:var(--font-mono)}.about-photo{position:relative}.about-photo .frame{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface)}.about-photo .frame img{width:100%;aspect-ratio:1/1;object-fit:cover}.about-photo .edu{margin-top:14px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px 16px;display:grid;gap:3px}.about-photo .edu .edu-k{font-family:var(--font-mono);font-size:12px;color:var(--faint)}.about-photo .edu .edu-degree{font-family:var(--font-head);font-weight:600;font-size:15.5px}.about-photo .edu .edu-meta{font-size:13px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.stat{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:16px;text-align:center}.stat .v{font-family:var(--font-head);font-size:26px;font-weight:700;color:var(--accent)}.stat .l{font-size:12.5px;color:var(--muted)}.timeline{display:grid;gap:16px}.exp-card{position:relative;display:grid;grid-template-columns:60px 1fr;gap:18px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:22px;transition:transform .22s ease,border-color .22s ease,background .22s ease}.exp-card:hover{transform:translateY(-3px);border-color:var(--border-strong);background:var(--surface-2)}.exp-logo{width:60px;height:60px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:9px}.exp-logo img{max-height:100%;object-fit:contain}.exp-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.exp-role{font-family:var(--font-head);font-weight:600;font-size:18px}.exp-role .at{color:var(--accent)}.exp-period{font-family:var(--font-mono);font-size:12.5px;color:var(--faint)}.exp-summary{color:var(--muted);font-size:15px;margin:6px 0 0}.exp-highlights{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}.exp-highlights li{position:relative;padding-left:18px;color:var(--muted);font-size:14px}.exp-highlights li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.exp-visit{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);margin-top:10px;display:inline-block}.skill-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px 40px}.skill-group h3{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent);margin:0 0 13px}.skill-group h3:before{content:"// ";color:var(--faint)}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{font-family:var(--font-mono);font-size:13.5px;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:7px 13px;border-radius:8px;transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease}.chip:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent);background:var(--surface-2)}.beyond-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.beyond-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:9px}.beyond-card.is-link{transition:transform .22s ease,border-color .22s ease}.beyond-card.is-link:hover{transform:translateY(-4px);border-color:var(--accent)}.beyond-emoji{font-size:26px;line-height:1}.beyond-card h3{font-family:var(--font-head);font-size:17px;margin:2px 0 0}.beyond-card p{color:var(--muted);font-size:14px;margin:0;flex:1}.beyond-go{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);margin-top:4px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.proj-card{position:relative;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:13px;transition:transform .22s ease,border-color .22s ease}.proj-card:hover{transform:translateY(-4px);border-color:var(--accent)}.proj-card.featured{border-color:var(--border-strong)}.proj-top{display:flex;align-items:center;justify-content:space-between}.proj-logo{width:48px;height:48px;border-radius:10px;background:#fff;padding:7px;display:flex;align-items:center;justify-content:center}.proj-logo img{max-height:100%;object-fit:contain}.proj-meta{display:flex;gap:8px;align-items:center}.proj-kind,.proj-year{font-family:var(--font-mono);font-size:11.5px;color:var(--faint);border:1px solid var(--border);padding:3px 9px;border-radius:6px}.proj-star{font-family:var(--font-mono);font-size:11.5px;color:var(--green);border:1px solid var(--green-soft);background:var(--green-soft);padding:3px 9px;border-radius:6px}.proj-card h3{font-family:var(--font-head);font-size:20px;margin:0}.proj-card p{color:var(--muted);font-size:14.5px;margin:0;flex:1}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{font-family:var(--font-mono);font-size:11.5px;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:5px}.proj-link{font-family:var(--font-mono);font-size:13px;color:var(--accent);display:inline-flex;align-items:center;gap:6px}.proj-link:before{content:"$ ";color:var(--faint)}.proj-link .arrow{transition:transform .2s ease}.proj-card:hover .proj-link .arrow{transform:translate(3px,-3px)}.places-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.place-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease}.place-card:hover{transform:translateY(-4px);border-color:var(--accent)}.place-photo{position:relative;display:block;width:100%;padding:0;border:0;margin:0;aspect-ratio:4 / 3;background:var(--surface-2);overflow:hidden;cursor:pointer}.place-photo:disabled{cursor:default}.place-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.place-card:hover .place-photo img{transform:scale(1.04)}.place-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:22px 22px}.place-placeholder .pin{font-size:30px;opacity:.5}.place-when{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--text);background:#0a0d12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);padding:4px 10px;border-radius:6px}.place-count{position:absolute;bottom:10px;right:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--text);background:#0a0d12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);padding:4px 10px;border-radius:6px}.place-body{padding:16px 18px;display:flex;flex-direction:column;gap:7px}.place-body h3{font-family:var(--font-head);font-size:18px;margin:0}.place-note{color:var(--muted);font-size:14px;margin:0}.place-spots{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:5px}.place-spots li{position:relative;padding-left:16px;color:var(--faint);font-size:13px}.place-spots li:before{content:"·";position:absolute;left:4px;color:var(--accent)}.place-story{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);margin-top:4px}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#06080ceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:40px}.lb-fig{margin:0;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;gap:12px;align-items:center}.lb-fig img{max-width:92vw;max-height:78vh;object-fit:contain;border-radius:8px;border:1px solid var(--border)}.lb-fig figcaption{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.lb-close{position:absolute;top:20px;right:24px;width:42px;height:42px;border-radius:10px;border:1px solid var(--border-strong);background:#141c2699;color:var(--text);font-size:18px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.lb-close:hover{border-color:var(--accent);color:var(--accent)}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--border-strong);background:#141c2699;color:var(--text);font-size:26px;line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease}.lb-nav:hover{border-color:var(--accent);color:var(--accent)}.lb-prev{left:20px}.lb-next{right:20px}@media (max-width: 620px){.lb{padding:16px}.lb-nav{width:40px;height:40px;font-size:22px}.lb-prev{left:8px}.lb-next{right:8px}}.contact{text-align:center}.contact-inner{max-width:620px;margin:0 auto}.contact h2{font-family:var(--font-head);font-size:clamp(28px,4.5vw,42px);font-weight:700;letter-spacing:-.02em;margin:10px 0 14px}.contact h2 .accent{color:var(--accent)}.contact p{color:var(--muted);font-size:17px;margin:0 0 30px}.socials{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.social{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);padding:12px 18px;border-radius:10px;font-family:var(--font-mono);font-size:14px;transition:transform .18s ease,border-color .18s ease}.social:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--accent)}.social img{width:20px;height:20px;object-fit:contain}footer{border-top:1px solid var(--border);padding:30px 0}.foot-inner{display:flex;justify-content:space-between;align-items:center;color:var(--faint);font-family:var(--font-mono);font-size:13px;flex-wrap:wrap;gap:8px}.mobile-menu{display:none}@keyframes pan{0%{background-position:0 0}to{background-position:44px 44px}}@keyframes drift{0%{transform:translateY(20vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-120vh);opacity:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}@media (max-width: 860px){.hero-inner{grid-template-columns:1fr;gap:34px}.term{order:2}.about-grid{grid-template-columns:1fr;gap:32px}.about-photo{max-width:320px}.exp-card{grid-template-columns:1fr}.exp-logo{width:52px;height:52px}.nav-links,.nav-cta{display:none}.nav-burger{display:block}.mobile-menu.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;z-index:49;background:#0a0d12f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:10px 24px 18px}.mobile-menu.open a{font-family:var(--font-mono);padding:12px 8px;color:var(--muted);border-bottom:1px solid var(--border)}section{padding:76px 0}}@media (prefers-reduced-motion: reduce){*{animation:none!important;scroll-behavior:auto}[data-reveal]{opacity:1!important;transform:none!important}.cursor{opacity:1!important}}.foot-right{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.foot-link{color:var(--muted);transition:color .2s ease}.foot-link:hover{color:var(--accent)}.foot-sep{color:var(--faint)}