*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul{list-style:none}:root{--bg:#0f1115;--bg-alt:#0a0b0e;--surface:#161920;--surface-hover:#1e2028;--border:#1e2028;--border-hover:#34d399;--fg:#ededed;--fg-muted:#8b8b95;--fg-subtle:#4a4a55;--accent:#34d399;--accent-fg:#0f1115;--accent-dim:#34d3991f;--accent-glow:#34d3990f;--amber:#f59e0b;--dot-color:#ffffff0f;--font-display:"Space Grotesk", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--transition:cubic-bezier(.16, 1, .3, 1);--transition-fast:cubic-bezier(.4, 0, .2, 1);--nav-height:64px;--section-gap:140px;--container:1120px}[data-theme=light]{--bg:#f5f4f0;--bg-alt:#eeede8;--surface:#fff;--surface-hover:#f0f0eb;--border:#e2e1dc;--border-hover:#059669;--fg:#111;--fg-muted:#6b6b75;--fg-subtle:#ababab;--accent:#059669;--accent-fg:#0f1115;--accent-dim:#0596691a;--accent-glow:#0596690d;--amber:#d97706;--dot-color:#0000000f}body{font-family:var(--font-body);background-color:var(--bg);color:var(--fg);transition:background-color .4s var(--transition), color .4s var(--transition);font-size:1rem;line-height:1.6}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 40px}.section{padding:var(--section-gap) 0}.dot-grid{position:relative}.dot-grid:before{content:"";background-image:radial-gradient(circle, var(--dot-color) 1px, transparent 1px);pointer-events:none;z-index:0;transition:opacity .4s var(--transition);background-size:28px 28px;position:fixed;inset:0}.noise{z-index:1000;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:fixed;inset:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:11px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);flex-shrink:0;width:20px;height:1px;display:inline-block}.heading-xl{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.05}.heading-lg{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:600;line-height:1.1}.heading-md{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;line-height:1.25}.body-lg{font-family:var(--font-body);color:var(--fg-muted);max-width:60ch;font-size:1.0625rem;line-height:1.7}.body-md{font-family:var(--font-body);color:var(--fg-muted);font-size:.9375rem;line-height:1.65}.mono-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:11px;font-weight:500}.navbar{z-index:100;transition:all .4s var(--transition);padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding:10px 0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;font-size:1rem;font-weight:700;transition:color .2s}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{font-family:var(--font-body);color:var(--fg-muted);border-radius:var(--radius-pill);padding:8px 14px;font-size:.875rem;font-weight:500;transition:color .2s,background .2s}.nav-link:hover{color:var(--fg);background:var(--surface-hover)}.nav-controls{align-items:center;gap:6px;display:flex}.nav-btn{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:all .2s var(--transition-fast);padding:7px 14px;font-size:11px;font-weight:500}.nav-btn:hover{color:var(--fg);border-color:var(--fg-subtle)}.nav-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.theme-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:36px;height:36px;color:var(--fg-muted);cursor:pointer;transition:all .2s var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-btn:hover{color:var(--fg);border-color:var(--fg-subtle)}.nav-bar-blur{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);z-index:99;pointer-events:none;background:color-mix(in srgb, var(--bg) 75%, transparent);border-bottom:1px solid #0000;transition:border-color .3s,background .3s;position:fixed;top:0;left:0;right:0}.nav-bar-blur.scrolled{border-bottom-color:var(--border)}.hero{min-height:100dvh;padding-top:var(--nav-height);z-index:1;align-items:center;display:flex;position:relative}.hero-grid{grid-template-columns:320px 1fr;align-items:center;gap:80px;display:grid}.hero-photo-wrap{position:relative}.hero-photo-outer{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3px;transition:border-color .3s}.hero-photo-outer:hover{border-color:var(--accent)}.hero-photo-inner{aspect-ratio:3/4;background:var(--surface);border-radius:13px;overflow:hidden}.hero-photo-inner img{object-fit:cover;object-position:top center;filter:grayscale(8%)contrast(1.05);width:100%;height:100%;transition:transform .6s var(--transition)}.hero-photo-outer:hover .hero-photo-inner img{transform:scale(1.02)}.hero-badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:8px;padding:8px 16px;display:flex;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.hero-badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-badge-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:10px;font-weight:500}.hero-content{flex-direction:column;gap:28px;display:flex}.hero-greeting{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-size:12px;font-weight:500}.hero-name{font-family:var(--font-display);letter-spacing:-.035em;color:var(--fg);font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:700;line-height:.97}.hero-headline{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-muted);max-width:52ch;font-size:clamp(1.1rem,2vw,1.375rem);font-weight:400;line-height:1.45}.hero-headline strong{color:var(--fg);font-weight:600}.hero-tags{flex-wrap:wrap;gap:8px;display:flex}.hero-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);transition:all .2s var(--transition-fast);padding:6px 12px;font-size:10px;font-weight:500}.hero-tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.hero-cta{background:var(--accent);color:var(--accent-fg);font-family:var(--font-body);border-radius:var(--radius-pill);width:fit-content;transition:all .25s var(--transition);align-items:center;gap:10px;padding:13px 26px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.hero-cta:before{content:"";opacity:0;background:#ffffff26;transition:opacity .2s;position:absolute;inset:0}.hero-cta:hover:before{opacity:1}.hero-cta:active{transform:scale(.97)}.hero-cta-icon{transition:transform .25s var(--transition);align-items:center;display:flex}.hero-cta:hover .hero-cta-icon{transform:translate(3px)}.hero-meta{align-items:center;gap:20px;display:flex}.hero-meta-item{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);align-items:center;gap:6px;font-size:11px;display:flex}.hero-meta-sep{background:var(--border);width:1px;height:14px}.philosophy{z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}.philosophy-inner{text-align:center;flex-direction:column;align-items:center;gap:32px;max-width:780px;margin:0 auto;display:flex}.philosophy-quote{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg);font-size:clamp(1.35rem,2.8vw,2rem);font-weight:500;line-height:1.45}.philosophy-quote em{color:var(--accent);font-style:normal}.philosophy-note{font-family:var(--font-body);color:var(--fg-muted);max-width:56ch;font-size:.9375rem;line-height:1.65}.philosophy-divider{background:var(--border);width:40px;height:1px}.cases{z-index:1;position:relative}.cases-header{flex-direction:column;gap:12px;margin-bottom:56px;display:flex}.cases-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.case-card{background:var(--surface);transition:background .2s var(--transition-fast);flex-direction:column;gap:20px;padding:40px;display:flex;position:relative}.case-card:first-child{border-bottom:1px solid var(--border);grid-column:1/-1}.case-card:after{content:"";background:var(--accent);transform-origin:bottom;width:2px;transition:transform .3s var(--transition);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.case-card:hover:after{transform:scaleY(1)}.case-card:hover{background:var(--surface-hover)}.case-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:500}.case-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:1.25rem;font-weight:600;line-height:1.3}.case-body{flex-direction:column;flex:1;gap:12px;display:flex}.case-row{flex-direction:column;gap:4px;display:flex}.case-row-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);font-size:9px;font-weight:500}.case-row-text{font-family:var(--font-body);color:var(--fg-muted);font-size:.9rem;line-height:1.6}.case-result-text{font-family:var(--font-body);color:var(--fg);font-size:.9rem;font-weight:500;line-height:1.6}.case-stack{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.stack-tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-muted);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;font-size:10px}.timeline-section{z-index:1;position:relative}.timeline-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.timeline-header{flex-direction:column;gap:12px;margin-bottom:48px;display:flex}.timeline-list{padding-left:24px;position:relative}.timeline-list:before{content:"";background:var(--border);width:1px;position:absolute;top:8px;bottom:8px;left:0}.timeline-item{flex-direction:column;gap:6px;padding-bottom:36px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--border);border:1px solid var(--surface-hover);border-radius:50%;width:7px;height:7px;transition:background .2s,border-color .2s;position:absolute;top:7px;left:-28px}.timeline-item:hover:before{background:var(--accent);border-color:var(--accent)}.timeline-period{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:500}.timeline-role{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);font-size:1rem;font-weight:600}.timeline-company{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);font-size:10px;font-weight:500}.timeline-desc{font-family:var(--font-body);color:var(--fg-muted);max-width:44ch;font-size:.875rem;line-height:1.6}.education-section{flex-direction:column;gap:12px;display:flex}.education-title{font-family:var(--font-display);color:var(--fg);margin-bottom:16px;font-size:1rem;font-weight:600}.edu-item{border-bottom:1px solid var(--border);gap:16px;padding:14px 0;display:flex}.edu-item:first-of-type{border-top:1px solid var(--border)}.edu-year{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-muted);white-space:nowrap;min-width:80px;padding-top:2px;font-size:10px;font-weight:500}.edu-info{flex-direction:column;gap:2px;display:flex}.edu-label{font-family:var(--font-body);color:var(--fg);font-size:.875rem;font-weight:500}.edu-org{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:10px}.contact-section{z-index:1;border-top:1px solid var(--border);position:relative}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-left{flex-direction:column;gap:20px;display:flex}.contact-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1.05}.contact-sub{font-family:var(--font-body);color:var(--fg-muted);max-width:42ch;font-size:1rem;line-height:1.65}.contact-email-btn{background:var(--accent);color:var(--accent-fg);font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;width:fit-content;transition:all .25s var(--transition);border:none;align-items:center;gap:10px;margin-top:8px;padding:13px 26px;font-size:.9375rem;font-weight:600;display:inline-flex}.contact-email-btn:active{transform:scale(.97)}.contact-email-btn:hover{opacity:.9}.contact-email-btn .btn-icon{transition:transform .25s var(--transition);align-items:center;display:flex}.contact-email-btn:hover .btn-icon{transform:translate(3px)}.contact-links{flex-direction:column;gap:12px;margin-top:16px;display:flex}.contact-link{font-family:var(--font-body);color:var(--fg-muted);align-items:center;gap:10px;font-size:.9375rem;transition:color .2s;display:flex}.contact-link:hover{color:var(--accent)}.contact-link .link-icon{color:var(--fg-subtle);transition:color .2s}.contact-link:hover .link-icon{color:var(--accent)}.contact-right{flex-direction:column;gap:24px;display:flex}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:28px;display:flex}.contact-card-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);font-size:9px}.contact-card-value{font-family:var(--font-display);color:var(--fg);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.skills-block{flex-direction:column;gap:12px;display:flex}.skills-block-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);font-size:9px}.skills-cloud{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;font-size:10px;transition:all .2s}.skill-chip:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.footer{border-top:1px solid var(--border);z-index:1;padding:24px 0;position:relative}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-copy{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-subtle);font-size:11px}.footer-right{align-items:center;gap:16px;display:flex}.footer-mark{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-subtle);align-items:center;gap:6px;font-size:11px;display:flex}.footer-mark span{color:var(--accent)}.footer-built{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-subtle);font-size:10px}.reveal{opacity:0;transition:opacity .7s var(--transition), transform .7s var(--transition);transform:translateY(18px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.nav-mobile-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:36px;height:36px;color:var(--fg-muted);cursor:pointer;justify-content:center;align-items:center;display:none}.mobile-menu{z-index:200;background:color-mix(in srgb, var(--bg) 95%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu-link{font-family:var(--font-display);color:var(--fg-muted);letter-spacing:-.02em;border-radius:var(--radius-md);padding:12px 24px;font-size:2rem;font-weight:600;transition:color .2s,background .2s}.mobile-menu-link:hover{color:var(--fg);background:var(--surface)}.mobile-menu-close{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--fg-muted);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.mobile-controls{gap:8px;margin-top:24px;display:flex}@media (max-width:1024px){.timeline-layout{grid-template-columns:1fr;gap:60px}.contact-inner{grid-template-columns:1fr;gap:48px}}@media (max-width:768px){:root{--section-gap:90px}.container{padding:0 20px}.nav-links,.nav-btn.lang-btn{display:none}.nav-mobile-toggle{display:flex}.hero-grid{grid-template-columns:1fr;gap:40px;padding-top:40px}.hero-photo-wrap{max-width:240px;margin:0 auto}.hero-photo-inner{aspect-ratio:1}.hero-content{gap:20px}.hero-meta{flex-direction:column;align-items:flex-start;gap:8px}.hero-meta-sep{display:none}.cases-grid{grid-template-columns:1fr}.case-card:first-child{grid-column:1}.case-card{padding:28px 24px}.timeline-layout{grid-template-columns:1fr;gap:48px}.contact-inner{grid-template-columns:1fr;gap:40px}.footer-inner{text-align:center;flex-direction:column;gap:12px}.footer-right{flex-direction:column;gap:8px}}@media (max-width:480px){.hero-tags{gap:6px}.hero-tag{font-size:9px}.philosophy-quote{font-size:1.2rem}}