*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F8F8FF;--ink: #0F0F1C;--ink-mid: #585A68;--ink-muted: #6C6E7E;--bronze: #6366F1;--bronze-light: #818CF8;--border: #E0E0F0;--surface: #EDEDFC;--surface-low: #F4F4FE;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-6: 48px;--sp-8: 64px;--sp-10: 80px;--sp-15: 120px;--max-w: 1280px;--edge: 64px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px var(--edge);display:flex;align-items:center;justify-content:space-between;transition:background .35s ease,border-color .35s ease;border-bottom:1px solid transparent}nav.scrolled{background:#f8f8ffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.nav-mark{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--bronze-light)}nav.scrolled .nav-links a{color:var(--ink-mid)}nav.scrolled .nav-links a:hover{color:var(--ink)}nav.scrolled .nav-mark{color:var(--ink)}.section{padding:var(--sp-15) var(--edge)}.section--flush-top{padding-top:0}.container{max-width:var(--max-w);margin:0 auto}.section-eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);display:flex;align-items:center;gap:12px;margin-bottom:48px}.section-eyebrow:after{content:"";display:block;width:56px;height:1px;background:var(--bronze);opacity:.45}.hero-fluid-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-fluid-bg canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#hero{min-height:100vh;padding:120px var(--edge) var(--sp-10);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;background:#06060f}.hero-layout{max-width:1100px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;z-index:1}.hero-avail{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze);background:#f8f8ffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);padding:6px 14px;border-radius:100px;margin-bottom:40px}.hero-avail-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-name-row{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);width:100%;margin-bottom:32px}.hero-name-part{font-family:var(--font-display);font-size:clamp(52px,9vw,128px);font-weight:700;line-height:.9;letter-spacing:-.04em;color:var(--ink);-webkit-user-select:none;user-select:none;flex-shrink:0}.hero-avatar{width:140px;height:140px;border-radius:50%;background:var(--surface);border:3px solid var(--border);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);font-size:16px;font-weight:700;letter-spacing:.04em;position:relative;z-index:1;transition:width .3s ease,height .3s ease;box-shadow:0 8px 40px #6366f126}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero-title-row{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.hero-title-tag{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze);background:var(--surface);padding:5px 12px;border-radius:2px}.hero-title-sep{width:4px;height:4px;border-radius:50%;background:var(--border)}.hero-bio{font-size:17px;line-height:1.7;color:var(--ink-mid);max-width:560px;margin:0 auto 36px;text-wrap:pretty}.hero-cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:52px}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:15px 28px;border-radius:2px;transition:background .22s ease,transform .22s ease}.btn-primary:hover{background:var(--bronze);transform:translateY(-2px)}.btn-primary svg{flex-shrink:0}.btn-ghost{display:inline-flex;align-items:center;gap:8px;color:var(--ink-mid);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:15px 20px;border-radius:2px;border:1px solid var(--border);transition:color .2s,border-color .2s}.btn-ghost:hover{color:var(--bronze);border-color:var(--bronze)}.hero-socials{display:flex;align-items:center;gap:28px}.hero-social-link{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-decoration:none;transition:color .2s}.hero-social-link:hover{color:var(--bronze)}.hero-social-sep{width:1px;height:14px;background:var(--border)}.hero-marker{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.hero-marker span{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.hero-marker-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--ink-muted) 0%,transparent 100%);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.3}50%{opacity:.9}}#hero .hero-name-part{color:#fff;text-shadow:0 2px 40px rgba(99,102,241,.4)}#hero .hero-bio{color:#ffffffbf}#hero .hero-title-tag{background:#ffffff1a;color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}#hero .hero-social-link{color:#ffffff8c}#hero .hero-social-link:hover{color:#06b6d4}#hero .hero-social-sep{background:#fff3}#hero .btn-ghost{color:#fffc;border-color:#ffffff40}#hero .btn-ghost:hover{color:#06b6d4;border-color:#06b6d4}#hero .hero-avail{background:#06060f80;border-color:#ffffff26;color:#22d3ee}#hero .hero-marker span{color:#fff6}#hero .hero-marker-line{background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,transparent 100%)}#approach{border-top:1px solid var(--border)}.approach-layout{display:grid;grid-template-columns:5fr 4fr;gap:var(--sp-15);align-items:start}.approach-left h2{font-family:var(--font-display);font-size:clamp(36px,3.5vw,54px);font-weight:600;line-height:1.12;letter-spacing:-.025em;margin-bottom:32px}.approach-body{font-size:17px;line-height:1.75;color:var(--ink-mid);max-width:520px}.pillars{display:flex;flex-direction:column}.pillar{display:grid;grid-template-columns:36px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--border)}.pillars .pillar:first-child{border-top:1px solid var(--border)}.pillar-n{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--bronze);padding-top:3px}.pillar-title{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.pillar-copy{font-size:14px;line-height:1.7;color:var(--ink-mid)}.work-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--sp-8)}.work-head h2{font-family:var(--font-display);font-size:clamp(36px,3.5vw,54px);font-weight:600;letter-spacing:-.025em;line-height:1.1}.work-count{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);padding-bottom:8px}.project{display:grid;grid-template-columns:72px 1fr 200px;gap:40px;padding:48px 0;border-top:1px solid var(--border);align-items:start}.project:last-child{border-bottom:1px solid var(--border)}.project-n{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--ink-muted);padding-top:4px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.chip{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--surface);color:var(--ink-mid);padding:4px 10px;border-radius:2px}.project-title{font-family:var(--font-display);font-size:clamp(20px,2.2vw,30px);font-weight:600;letter-spacing:-.015em;line-height:1.2;margin-bottom:12px;transition:color .2s}.project:hover .project-title{color:var(--bronze)}.project-desc{font-size:14px;line-height:1.7;color:var(--ink-mid);margin-bottom:28px;max-width:480px}.project-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:color .2s}.project-link svg{transition:transform .2s}.project:hover .project-link svg{transform:translate(4px)}.project:hover .project-link{color:var(--bronze)}.project-stats{display:flex;flex-direction:column;gap:20px;padding-top:6px}.stat-val{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1;margin-bottom:4px}.stat-lbl{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.section--dark{background:#0f0f1c;border-top:1px solid #1A1A2E;color:#fff}.section--dark .section-eyebrow{color:var(--bronze)}.section--dark .section-eyebrow:after{background:var(--bronze);opacity:.3}.section--dark h2,.section--dark .pillar-title,.section--dark .tl-role,.section--dark .project-title{color:#fff}.section--dark .approach-body,.section--dark .pillar-copy,.section--dark .expertise-sub,.section--dark .experience-sub,.section--dark .tl-desc,.section--dark .project-desc,.section--dark .stat-lbl,.section--dark .work-count{color:#7878a0}.section--dark .project-n,.section--dark .tl-date{color:#ffffff4d}.section--dark .pillar,.section--dark .pillars .pillar:first-child,.section--dark .project,.section--dark .project:last-child,.section--dark .tl-item,.section--dark .tl-item:last-child,.section--dark .skill-row,.section--dark .skills-rows .skill-row:first-child{border-color:#1e1e30}.section--dark .chip{background:#ffffff14;color:#ffffffa6}.section--dark .project-link{color:#ffffffbf}.section--dark .project:hover .project-title,.section--dark .project:hover .project-link{color:var(--bronze-light)}.section--dark .skill-list{color:#a0a0c0}#expertise{border-top:1px solid var(--border)}.expertise-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-15);align-items:start}.expertise-left h2{font-family:var(--font-display);font-size:clamp(36px,3.5vw,54px);font-weight:600;letter-spacing:-.025em;line-height:1.1;margin-bottom:24px}.expertise-sub{font-size:15px;line-height:1.75}.skills-rows{display:flex;flex-direction:column}.skill-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--border);align-items:baseline}.skills-rows .skill-row:first-child{border-top:1px solid var(--border)}.skill-cat{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}.skill-list{font-size:14px;line-height:1.7;color:var(--ink-mid)}.experience-layout{display:grid;grid-template-columns:3fr 5fr;gap:var(--sp-8);align-items:start}.experience-intro{position:sticky;top:100px}.experience-intro h2{font-family:var(--font-display);font-size:clamp(36px,3.5vw,54px);font-weight:600;letter-spacing:-.025em;line-height:1.1;margin-bottom:24px}.experience-sub{font-size:15px;line-height:1.75;color:var(--ink-mid)}.timeline{display:flex;flex-direction:column}.tl-item{display:grid;grid-template-columns:120px 1fr;gap:32px;padding:40px 0;border-top:1px solid var(--border)}.tl-item:last-child{border-bottom:1px solid var(--border)}.tl-date{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);padding-top:4px;line-height:1.4}.tl-role{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.015em;margin-bottom:4px}.tl-co{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px}.tl-desc{font-size:14px;line-height:1.7;color:var(--ink-mid)}#contact{border-top:1px solid var(--border);min-height:65vh;display:flex;align-items:center;padding:var(--sp-15) var(--edge)}.contact-layout{max-width:var(--max-w);margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 320px;gap:var(--sp-10);align-items:center}.contact-headline{font-family:var(--font-display);font-size:clamp(44px,5.5vw,80px);font-weight:700;line-height:1;letter-spacing:-.035em}.contact-headline em{font-style:normal;color:var(--bronze)}.contact-items{display:flex;flex-direction:column}.contact-item{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--ink);transition:color .2s}.contact-item:first-child{border-top:1px solid var(--border)}.contact-item:hover{color:var(--bronze)}.contact-lbl{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px;transition:color .2s}.contact-item:hover .contact-lbl{color:var(--bronze-light)}.contact-val{font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:-.01em}.contact-ext{opacity:.25;transition:opacity .2s,transform .2s}.contact-item:hover .contact-ext{opacity:1;transform:translate(3px,-3px)}footer{padding:28px var(--edge);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-id{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:-.01em}.footer-note{font-size:11px;color:var(--ink-muted);letter-spacing:.06em}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media(max-width:1100px){:root{--edge: 40px}.approach-layout,.expertise-layout,.contact-layout{grid-template-columns:1fr;gap:56px}.project{grid-template-columns:56px 1fr}.project-stats{display:none}.hero-name-part{font-size:clamp(44px,7vw,100px)}.hero-avatar{width:110px;height:110px}}@media(max-width:768px){:root{--edge: 24px;--sp-15: 80px}nav{padding:20px var(--edge)}.nav-links{display:none}.experience-layout{grid-template-columns:1fr;gap:48px}.experience-intro{position:static}.tl-item{grid-template-columns:1fr;gap:8px}.skill-row{grid-template-columns:1fr;gap:6px}.work-head{flex-direction:column;align-items:flex-start;gap:12px}#hero{padding-top:110px;padding-bottom:80px}.hero-name-part{font-size:clamp(26px,10vw,44px)}.hero-avatar{width:75px!important;height:75px!important;font-size:14px}.hero-name-row{gap:clamp(8px,2.5vw,16px)}.hero-bio{font-size:15px}.hero-socials{flex-wrap:wrap;justify-content:center;gap:16px}.hero-cta-row{flex-direction:column;align-items:center}.btn-primary,.btn-ghost{width:100%;max-width:280px;justify-content:center}}