*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font: "Switzer", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--black: #000000;--text-muted: rgba(0, 0, 0, .6);--text-light: rgba(0, 0, 0, .5);--text-faint: rgba(0, 0, 0, .35);--card-bg: rgba(255, 255, 255, .64);--card-border: rgba(255, 255, 255, .5);--card-shadow: 0px 0px 0px 1px rgba(228, 228, 228, .3), 0px 4px 12px -4px rgba(0, 0, 0, .1);--card-shadow-hover: 0px 0px 0px 1px rgba(228, 228, 228, .3), 0px 12px 32px -8px rgba(0, 0, 0, .14);--tag-bg: #f4f4f4;--tag-border: #e8e8e8;--content-width: 817px;--divider: rgba(0, 0, 0, .1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--black);background:#f6f6f5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.noise-overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.06;background-image:url(/backgound-grain.png);background-size:128px;background-repeat:repeat}a{color:inherit}.container{max-width:var(--content-width);margin:0 auto;padding:0 24px}.navbar{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;height:56px;padding:12px 24px;max-width:720px;width:calc(100% - 48px);background:#ffffff73;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 .5px #0000000a,0 2px 8px #0000000a,0 8px 32px #0000000f;border-radius:72px;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);animation:navSlideIn .8s var(--ease-out-expo) 0s both;overflow:hidden;transition:transform .65s var(--ease-out-expo),opacity .5s var(--ease-out-expo)}.navbar.is-compact{transform:translate(-50%) translateY(calc(-100% - 36px)) scale(.88);opacity:0;pointer-events:none}@keyframes navSlideIn{0%{opacity:0;filter:blur(8px);margin-top:-12px}to{opacity:1;filter:blur(0);margin-top:0}}.navbar-logo{flex:1;background:none;border:none;cursor:pointer;padding:0;line-height:0;display:flex;align-items:center}.navbar-logo img{display:block;width:42px;height:22px}.navbar-center{flex:0 0 auto;display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap;max-width:400px;margin-right:24px}.navbar-actions{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;max-width:200px}.navbar-link{font-family:var(--font);font-size:15px;font-weight:500;line-height:20px;background:none;border:none;cursor:pointer;color:var(--black);padding:6px 20px;border-radius:28px;transition:background .25s ease}.navbar-link:hover{background:#0000000d}.navbar-link.active{background:#00000012}.navbar-cv{font-size:14px;font-weight:500;line-height:20px;text-decoration:none;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px;padding:6px 4px;background:none;border:none;transition:color .2s ease}.navbar-cv:hover{color:var(--black)}.navbar-cv i{font-size:12px;transition:transform .25s var(--ease-out-expo)}.navbar-cv:hover i{transform:translate(2px,-2px)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;padding:0;flex-shrink:0;transition:background .2s ease,color .2s ease;font-size:17px}.theme-toggle:hover{background:#0000000f;color:var(--black)}[data-theme=dark] .theme-toggle:hover{background:#ffffff1a}.hero{padding-top:160px;padding-bottom:96px;position:relative;overflow:hidden}.hero-content{width:100%}.hero-availability,.hero-name,.hero-role,.hero-subtitle{position:relative;z-index:1}.hero-availability{display:flex;align-items:center;gap:8px;font-family:Space Mono,ui-monospace,monospace;font-size:13px;font-weight:400;line-height:20px;color:var(--text-muted);margin-bottom:32px;animation:heroFadeIn .8s var(--ease-out-expo) .2s both}.hero-availability-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #22c55e26;animation:dotPulse 2.5s ease-in-out 1s infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 0 3px #22c55e26}50%{box-shadow:0 0 0 6px #22c55e0f}}.hero-name{font-size:52px;font-weight:600;line-height:58px;letter-spacing:-1.2px;margin-bottom:10px;animation:heroFadeIn .8s var(--ease-out-expo) .35s both}.hero-role{font-size:22px;font-weight:400;line-height:30px;letter-spacing:-.2px;color:var(--text-muted);margin-bottom:28px;animation:heroFadeIn .8s var(--ease-out-expo) .45s both}.hero-subtitle{font-size:19px;font-weight:400;line-height:29px;color:var(--text-muted);animation:heroFadeIn .8s var(--ease-out-expo) .55s both}.hero-subtitle strong{font-weight:600;color:#000c}.hero-fade-card{animation:heroFadeIn .8s var(--ease-out-expo) both}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(28px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo),filter .8s var(--ease-out-expo);transition-delay:var(--delay, 0s);filter:blur(4px)}.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.reveal-scale{opacity:0;transform:scale(.95) translateY(20px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo),filter .8s var(--ease-out-expo);transition-delay:var(--delay, 0s);filter:blur(3px)}.reveal-scale.is-visible{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}.reveal-left{opacity:0;transform:translate(-20px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo);transition-delay:var(--delay, 0s)}.reveal-left.is-visible{opacity:1;transform:translate(0)}.section{padding-bottom:80px}.section-label{font-family:Space Mono,ui-monospace,monospace;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;display:block}.section-title{font-size:18px;font-weight:600;line-height:24px;letter-spacing:-.2px;margin-bottom:8px}.section-subtitle{font-size:18px;font-weight:400;line-height:26px;color:var(--text-muted);margin-bottom:32px}.section-heading{font-size:28px;font-weight:600;line-height:36px;letter-spacing:-.4px;margin-bottom:28px}.section-heading-sm{font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.2px;margin-bottom:24px}.project-cards{display:flex;flex-direction:column;gap:16px}.project-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:20px;padding:24px 24px 0;display:flex;align-items:stretch;min-height:264px;overflow:hidden;position:relative;transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo);cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.project-card-content{flex:0 0 auto;max-width:280px;display:flex;flex-direction:column;gap:12px;padding-right:24px;padding-bottom:24px}.project-category{font-family:Space Mono,ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin:0}.project-card h3{font-size:18px;font-weight:600;line-height:24px;letter-spacing:-.2px}.project-card p{font-size:15px;font-weight:400;line-height:22px;color:var(--text-light)}.project-card-cta{display:inline-flex;align-items:center;gap:5px;font-family:Space Mono,ui-monospace,monospace;font-size:13px;font-weight:500;color:var(--text-faint);margin-top:6px;transition:color .2s ease}.project-card-cta i{font-size:12px;transition:transform .25s var(--ease-out-expo)}.project-card:hover .project-card-cta{color:var(--text-muted)}.project-card:hover .project-card-cta i{transform:translate(2px,-2px)}.project-card-images{flex:1;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;position:relative;min-height:200px}.project-card-images img{max-height:220px;border-radius:8px;filter:drop-shadow(1px 0px 5px rgba(0,0,0,.08));object-fit:cover}.project-card-images .screenshot-wide,.project-card-images .screenshot-onboarding{max-height:224px;width:auto;border-radius:8px 8px 0 0;filter:drop-shadow(0px 0px 7px rgba(0,0,0,.08))}.project-card-images .screenshot-workflow{max-height:215px;width:auto;border-radius:8px 8px 0 0;filter:drop-shadow(0px 0px 7px rgba(0,0,0,.08))}.project-card--featured{min-height:320px}.project-card--featured h3{font-size:21px;line-height:28px;letter-spacing:-.3px}.project-card--featured .project-card-content{max-width:320px}.project-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-card--small{flex-direction:column;min-height:280px;align-items:stretch}.project-card--small .project-card-content{max-width:100%;padding-right:0}.project-card--small .project-card-images{flex:1;justify-content:center;align-items:flex-end;min-height:140px}.about-intro{font-size:19px;font-weight:400;line-height:28px;color:var(--text-muted);margin-bottom:40px}.about-intro strong{color:var(--black);font-weight:600}.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--divider);border:1px solid rgba(0,0,0,.07);border-radius:16px;overflow:hidden;margin-bottom:32px}.about-pillar{background:#fff9;padding:24px 28px;display:flex;flex-direction:column;gap:10px}.about-pillar-title{font-size:15px;font-weight:600;color:var(--black);margin:0}.about-pillar-text{font-size:14px;font-weight:400;line-height:22px;color:var(--text-muted);margin:0}.about-text{font-size:19px;font-weight:400;line-height:28px;color:var(--text-muted);margin-bottom:24px}.about-text strong{color:var(--black);font-weight:600}.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--divider);border:1px solid rgba(0,0,0,.07);border-radius:16px;overflow:hidden;margin-bottom:32px}.about-highlight{background:#fff9;padding:20px 24px;display:flex;flex-direction:column;gap:5px}.about-highlight-value{font-family:Space Mono,ui-monospace,monospace;font-size:42px;font-weight:700;line-height:48px;letter-spacing:-1px;color:var(--black)}.about-highlight-label{font-size:13px;font-weight:400;line-height:18px;color:var(--text-muted)}.about-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.about-skill{font-size:13px;font-weight:500;line-height:1;padding:8px 16px;background:#000000d1;color:#ffffffe0;border-radius:100px;letter-spacing:.05px;transition:background .2s ease}.about-skill:hover{background:#000000f2}.about-pull-quote{font-size:20px;font-weight:500;line-height:28px;letter-spacing:-.2px;color:var(--black);padding:16px 0 16px 20px;border-left:2px solid rgba(0,0,0,.18);margin:4px 0 24px;font-style:italic;max-width:540px}.about-skills-container{margin-top:32px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.about-skills-track{display:inline-flex;white-space:nowrap;animation:skillsMarquee 22s linear infinite}@keyframes skillsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-skills-item{display:inline-flex;align-items:center;gap:20px;padding-right:20px}.about-skills-name{font-family:Space Mono,ui-monospace,monospace;font-size:15px;font-weight:500;color:var(--text-muted);white-space:nowrap}.about-skills-sep{font-size:8px;color:var(--text-faint);flex-shrink:0}.approach-list{margin-top:8px}.approach-item{display:grid;grid-template-columns:52px 1fr;align-items:start;gap:32px;padding:28px 0;border-top:1px solid var(--divider)}.approach-item:last-child{border-bottom:1px solid var(--divider)}.approach-num{font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--text-faint);padding-top:3px;font-variant-numeric:tabular-nums}.approach-body h4{font-size:17px;font-weight:600;line-height:24px;letter-spacing:-.15px;margin-bottom:8px}.approach-body p{font-size:15px;font-weight:400;line-height:23px;color:var(--text-muted);max-width:520px}.experience-list{display:flex;flex-direction:column}.experience-item{padding:32px 0;border-bottom:1px solid var(--divider)}.experience-item:first-child{padding-top:0}.experience-item:last-child{border-bottom:none}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.experience-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.experience-dates{font-size:14px;font-weight:500;line-height:20px;color:var(--text-muted)}.experience-company{display:flex;align-items:center;gap:8px}.company-logo{height:16px;width:auto;display:block;filter:brightness(0) opacity(.8)}.company-name{font-size:18px;font-weight:600;line-height:24px}.company-name.deed{color:#5128aa}.company-name.xsoft{color:#212a30}.company-name.deepnews{font-family:Helvetica Neue,Helvetica,sans-serif}.company-favicon{width:18px;height:18px;border-radius:4px}.experience-location{font-size:13px;font-weight:400;line-height:18px;color:var(--text-faint);text-align:right;flex-shrink:0}.experience-role{font-size:16px;font-weight:500;line-height:22px;margin-bottom:10px}.experience-desc{font-size:16px;font-weight:400;line-height:24px;color:var(--text-muted)}.contact{padding-bottom:48px}.contact-title{font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.2px;margin-bottom:16px}.contact-links{display:flex;flex-direction:column;gap:12px}.contact-links a{font-size:17px;font-weight:400;line-height:24px;text-decoration:none;width:fit-content;display:inline-flex;align-items:center;gap:5px;transition:opacity .2s ease}.contact-links a span{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#00000040;transition:text-decoration-color .2s ease}.contact-links a i{font-size:12px;transition:transform .25s var(--ease-out-expo)}.contact-links a:hover span{text-decoration-color:#000c}.contact-links a:hover{opacity:.8}.contact-links a:hover i{transform:translate(2px,-2px)}.footer{display:flex;justify-content:center;padding:48px 24px 80px}.footer-pill{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 16px;max-width:280px;width:100%;background:#ffffff73;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 .5px #0000000a,0 2px 8px #0000000a,0 8px 32px #0000000f;border-radius:72px;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:transform .25s ease,box-shadow .25s ease}.footer-pill:hover{transform:translateY(-2px);box-shadow:0 0 0 .5px #0000000a,0 8px 24px #00000014}.footer-pill img.logo{width:42px;height:22px;flex-shrink:0}.footer-content{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;line-height:20px}.footer-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:14px;transition:transform .25s var(--ease-out-expo)}.footer-pill:hover .footer-arrow{transform:translate(2px,-2px)}.cs-overlay{position:fixed;inset:0;z-index:50;overflow-y:auto;overflow-x:hidden;background:#f6f6f5;background-image:linear-gradient(180deg,#f2f2f1,#f8f8f7 40%,#f6f6f5);transform:translate(100%);transition:transform .65s var(--ease-out-expo);scroll-behavior:smooth}.cs-overlay.is-open{transform:translate(0)}.cs-sidenav{position:fixed;right:max(16px,calc(50% - 620px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;z-index:200;opacity:0;pointer-events:none;transition:opacity .6s ease .5s}.cs-sidenav.is-open{opacity:1;pointer-events:auto}.cs-sidenav-item{font-family:Space Mono,ui-monospace,monospace;font-size:14px;font-weight:400;line-height:1;color:var(--text-faint);background:none;border:none;cursor:pointer;text-align:left;padding:7px 0;transition:color .2s ease;letter-spacing:.2px}.cs-sidenav-item:hover{color:var(--text-muted)}.cs-sidenav-item.is-active{color:var(--black);font-weight:700}@media(max-width:1200px){.cs-sidenav{display:none}}.cs-back{display:inline-flex;align-items:center;gap:7px;font-family:var(--font);font-size:14px;font-weight:500;line-height:20px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:6px 0;margin-bottom:40px;transition:color .2s ease,transform .25s var(--ease-out-expo)}.cs-back i{font-size:16px;line-height:1}.cs-back:hover{color:var(--black);transform:translate(-4px)}.cs-back-bottom{padding:48px 0 64px;border-top:1px solid var(--divider);margin-top:8px}.cs-back-bottom .cs-back{margin-bottom:0}.cs-hero{padding-top:112px;padding-bottom:56px}.cs-title{font-size:34px;font-weight:600;line-height:42px;letter-spacing:-.5px;margin-bottom:16px;max-width:620px}.cs-subtitle{font-size:17px;font-weight:400;line-height:26px;color:var(--text-muted);max-width:600px;margin-bottom:40px}.cs-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--divider);gap:1px;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);margin-bottom:40px}.cs-stat{background:#ffffffb8;padding:24px 28px;display:flex;flex-direction:column;gap:6px}.cs-stat-value{font-size:30px;font-weight:600;line-height:36px;letter-spacing:-.5px;color:var(--black)}.cs-stat-value--neg{color:var(--black)}.cs-stat-label{font-size:13px;font-weight:400;line-height:19px;color:var(--text-muted)}.cs-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:0}.cs-meta-item label{display:block;font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px}.cs-meta-item span{font-size:14px;font-weight:500;line-height:20px;color:var(--black)}.cs-section{padding:56px 0;border-top:1px solid var(--divider)}.cs-section--last{padding-bottom:120px;border-bottom:none}.cs-label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px}.cs-heading{font-size:30px;font-weight:600;line-height:38px;letter-spacing:-.4px;margin-bottom:20px;color:var(--black)}.cs-subheading{font-size:17px;font-weight:600;line-height:24px;letter-spacing:-.2px;color:var(--black);margin-bottom:14px}.cs-subheading--spaced{margin-top:40px}.cs-body{font-size:16px;font-weight:400;line-height:26px;color:var(--text-muted);margin-bottom:20px;max-width:700px}.cs-body strong{font-weight:600;color:#000c}.cs-blockquote{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:24px 28px;margin:28px 0;background:#ffffff80}.cs-blockquote p{font-size:15px;font-style:italic;line-height:25px;color:var(--text-muted);margin-bottom:10px}.cs-blockquote cite{font-size:13px;color:var(--text-faint);font-style:normal}.cs-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.cs-problem-card{background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:14px 18px;display:flex;align-items:flex-start;gap:11px}.cs-x-icon{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:var(--text-muted);font-size:10px}.cs-problem-card p{font-size:14px;line-height:21px;color:var(--text-muted)}.cs-problem-icon{font-size:15px;color:var(--text-faint);flex-shrink:0;margin-top:2px;line-height:1}.cs-callout{font-size:19px;font-weight:600;line-height:28px;letter-spacing:-.2px;color:var(--black);margin:20px 0 16px;max-width:600px}.cs-callout em{font-style:italic;font-weight:600}.cs-insight-list{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.cs-insight-card{background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:20px 24px}.cs-insight-label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.cs-insight-card h4{font-size:15px;font-weight:600;line-height:22px;margin-bottom:7px}.cs-insight-card p{font-size:14px;line-height:22px;color:var(--text-muted)}.cs-objective-list{display:flex;flex-direction:column;gap:9px;margin-bottom:36px}.cs-objective-item{background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:13px 18px;display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:23px;color:var(--text-muted)}.cs-bullet{width:5px;height:5px;border-radius:50%;background:#0003;flex-shrink:0;margin-top:9px}.cs-table-label{font-size:14px;font-weight:600;color:var(--black);margin-top:40px;margin-bottom:12px}.cs-table-wrapper{border:1px solid rgba(0,0,0,.07);border-radius:12px;overflow:hidden;background:#ffffff8c}.cs-table{width:100%;border-collapse:collapse}.cs-table thead th{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);text-align:left;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.06)}.cs-table thead th:last-child{text-align:right}.cs-table tbody tr{border-bottom:1px solid rgba(0,0,0,.05)}.cs-table tbody tr:last-child{border-bottom:none}.cs-table td{padding:13px 20px;font-size:14px;line-height:21px;color:var(--text-muted)}.cs-table td:last-child{text-align:right;font-weight:600;color:var(--black)}.cs-table--4col thead th:nth-child(2),.cs-table--4col thead th:nth-child(3){text-align:center}.cs-table--4col td:nth-child(2),.cs-table--4col td:nth-child(3){text-align:center;color:var(--text-muted)}.cs-table--4col td:last-child{font-weight:600}.cs-table--3col thead th:nth-child(2){text-align:center}.cs-table--3col td:nth-child(2){text-align:center;color:var(--text-muted)}.cs-table--3col td:last-child{font-weight:600}.cs-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.cs-flow-card{background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:20px 24px}.cs-flow-label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.cs-flow-card h4{font-size:15px;font-weight:600;line-height:22px;margin-bottom:10px}.cs-flow-card p{font-size:14px;line-height:22px;color:var(--text-muted);margin-bottom:14px}.cs-flow-quote{font-size:13px;color:var(--text-faint);font-style:italic;border-top:1px solid rgba(0,0,0,.06);padding-top:12px;margin-bottom:0}.cs-arrow-list{list-style:none;display:flex;flex-direction:column;gap:10px}.cs-arrow-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:23px;color:var(--text-muted)}.cs-arrow-list li:before{content:"→";flex-shrink:0;color:var(--text-faint);margin-top:0}.cs-diagram{background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:24px 28px;margin:24px 0 0}.cs-diagram-label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px;display:flex;align-items:center;gap:12px}.cs-diagram-label:after{content:"";flex:1;height:1px;background:var(--divider)}.cs-diagram-steps{display:flex;flex-direction:column;gap:0}.cs-diagram-row{display:flex;gap:16px;align-items:stretch}.cs-diagram-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:20px}.cs-diagram-dot{width:20px;height:20px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.12);flex-shrink:0;margin-top:2px}.cs-diagram-line{width:1px;flex:1;background:#0000001a;min-height:20px;margin:4px 0}.cs-diagram-content{padding-bottom:20px;flex:1}.cs-diagram-row:last-child .cs-diagram-content{padding-bottom:0}.cs-diagram-title{font-size:14px;font-weight:600;line-height:22px;color:var(--black);margin-bottom:2px;margin-top:0}.cs-diagram-desc{font-size:13px;line-height:19px;color:var(--text-faint)}.cs-diagram-answer{font-size:13px;color:var(--text-faint);font-style:italic;border-top:1px solid rgba(0,0,0,.06);padding-top:16px;margin-top:16px}.cs-feature-list{display:flex;flex-direction:column;gap:9px;margin-bottom:8px}.cs-feature-item{background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:14px 18px;display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:22px;color:var(--text-muted)}.cs-feature-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-faint);display:flex;align-items:center;justify-content:center;margin-top:3px;font-size:14px}.cs-feature-icon--neg{color:var(--text-faint);opacity:.6}.cs-screenshot{width:100%;border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #00000014;overflow:hidden;margin-top:24px}.cs-screenshot img{width:100%;display:block}.cs-screenshot--padded{padding:40px}.cs-screenshot--padded img{width:100%}.cs-screenshot-caption{font-size:13px;font-weight:400;line-height:20px;color:var(--text-faint);margin-top:10px;margin-bottom:28px}.cs-screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.cs-screenshot-grid .cs-screenshot{margin-top:0}.cs-screenshot-grid .cs-screenshot-caption{margin-bottom:0}.cs-screenshot-grid-label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px}.cs-screenshot-caption--center{text-align:center}.cs-screenshot-placeholder{width:100%;aspect-ratio:16 / 10;background:#00000008;display:flex;align-items:center;justify-content:center}.cs-screenshot-placeholder--dark{background:#0000000f}.cs-screenshot-placeholder--tall{aspect-ratio:9 / 14}.cs-heading--subsection{margin-top:52px}.cs-heading-sm{font-size:21px;font-weight:600;line-height:28px;letter-spacing:-.2px;margin-bottom:16px;color:var(--black)}.cs-flow-label--final{margin-top:48px}.cs-decision-card{background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:24px 28px;margin:32px 0}.cs-decision-label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px}.cs-decision-body{font-size:16px;line-height:26px;color:var(--text-muted);max-width:700px}.cs-decision-body strong{font-weight:600;color:#000c}.cs-annotated-screenshot{position:relative;margin-top:24px;margin-bottom:28px}.cs-annotation{margin-bottom:12px}.cs-annotation--bottom-left{margin-bottom:0;margin-top:12px}.cs-annotation-text{font-size:14px;line-height:21px;color:var(--text-muted);max-width:380px}.cs-annotation-text strong{font-weight:600;color:var(--black)}.cs-annotation--bottom-right{margin-bottom:0;margin-top:12px;display:flex;justify-content:flex-end}.cs-annotation--bottom-right .cs-annotation-text{text-align:right}.cs-annotation--bottom-spread{margin-bottom:0;margin-top:12px;display:flex;justify-content:space-between;gap:24px}.cs-annotation--top-right{display:flex;justify-content:flex-end}.cs-annotation--top-right .cs-annotation-text{text-align:right}.cs-reflection-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.cs-reflection-card{background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:24px}.cs-reflection-card h4{font-size:14px;font-weight:600;line-height:20px;margin-bottom:16px;color:var(--black)}.cs-reflection-list{list-style:none;display:flex;flex-direction:column;gap:14px}.cs-reflection-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:21px;color:var(--text-muted)}.cs-reflection-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:1px;font-size:11px}.cs-reflection-icon--check{color:#22c55ecc;background:#22c55e14}.cs-reflection-icon--info{color:var(--text-faint);background:#0000000a}.cs-placeholder-notice{display:flex;gap:16px;align-items:flex-start;background:#ffffff8c;border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:28px 32px}.cs-placeholder-notice>i{font-size:22px;color:var(--text-faint);flex-shrink:0;margin-top:1px}.cs-placeholder-title{font-size:16px;font-weight:600;line-height:22px;color:var(--black);margin-bottom:8px}.cs-placeholder-body{font-size:14px;line-height:22px;color:var(--text-muted)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:#00000038;transform-origin:0 50%;transform:scaleX(0);z-index:1000;will-change:transform;pointer-events:none}.block-progress{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;z-index:40;pointer-events:none}.block-progress-item{width:6px;height:22px;background:#00000014;border-radius:2px;transition:background .15s ease}.block-progress-item.filled{background:#00000073}[data-theme=dark]{--black: rgba(240, 240, 245, .92);--text-muted: rgba(240, 240, 245, .58);--text-light: rgba(240, 240, 245, .46);--text-faint: rgba(240, 240, 245, .32);--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .08);--card-shadow: 0px 0px 0px 1px rgba(255, 255, 255, .05), 0px 4px 12px -4px rgba(0, 0, 0, .5);--card-shadow-hover: 0px 0px 0px 1px rgba(255, 255, 255, .08), 0px 12px 32px -8px rgba(0, 0, 0, .6);--tag-bg: rgba(255, 255, 255, .08);--tag-border: rgba(255, 255, 255, .12);--divider: rgba(255, 255, 255, .08)}[data-theme=dark] body{background:#0f0f11;color:#f0f0f5eb}[data-theme=dark] .noise-overlay{opacity:.03;filter:invert(1)}[data-theme=dark] .navbar{background:#121216b8;border-color:#ffffff12;box-shadow:0 0 0 .5px #ffffff0a,0 2px 8px #0000004d,0 8px 32px #0006}[data-theme=dark] .navbar-link{color:#f0f0f5d1}[data-theme=dark] .navbar-link:hover{background:#ffffff12}[data-theme=dark] .navbar-link.active{background:#ffffff1a}[data-theme=dark] .navbar-cv{color:#f0f0f573}[data-theme=dark] .navbar-cv:hover{color:#f0f0f5e6}[data-theme=dark] .navbar-theme-toggle{color:#f0f0f580}[data-theme=dark] .navbar-theme-toggle:hover{background:#ffffff12;color:#f0f0f5e6}[data-theme=dark] .logo{filter:invert(1)}[data-theme=dark] .company-logo{filter:brightness(0) invert(1) opacity(.45)}[data-theme=dark] img[src$=".svg"]{filter:invert(1)}[data-theme=dark] .hero-subtitle strong{color:#f0f0f5eb}[data-theme=dark] .about-pillars{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .about-pillar{background:#ffffff0a}[data-theme=dark] .about-highlights{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .about-highlight{background:#ffffff0a}[data-theme=dark] .about-skill{background:#f0f0f51a;color:#f0f0f5c7}[data-theme=dark] .about-skill:hover{background:#f0f0f529}[data-theme=dark] .about-pull-quote{border-left-color:#ffffff29}[data-theme=dark] .scroll-progress{background:#ffffff40}[data-theme=dark] .block-progress-item{background:#f0f0f51f}[data-theme=dark] .block-progress-item.filled{background:#f0f0f58c}[data-theme=dark] .contact-links a span{text-decoration-color:#f0f0f538}[data-theme=dark] .contact-links a:hover span{text-decoration-color:#f0f0f5bf}[data-theme=dark] .footer-pill{background:#121216b8;border-color:#ffffff12}[data-theme=dark] .cs-overlay{background:#0f0f11;background-image:none}[data-theme=dark] .cs-stat,[data-theme=dark] .cs-problem-card,[data-theme=dark] .cs-insight-card,[data-theme=dark] .cs-objective-item,[data-theme=dark] .cs-flow-card,[data-theme=dark] .cs-reflection-card,[data-theme=dark] .cs-table-wrapper,[data-theme=dark] .cs-blockquote,[data-theme=dark] .cs-diagram,[data-theme=dark] .cs-feature-item,[data-theme=dark] .cs-placeholder-notice{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .cs-body strong,[data-theme=dark] .cs-callout{color:#f0f0f5e6}[data-theme=dark] .cs-diagram-dot{background:#ffffff14;border-color:#ffffff1f}[data-theme=dark] .cs-diagram-line{background:#ffffff14}[data-theme=dark] .cs-bullet{background:#fff3}[data-theme=dark] .cs-x-icon{border-color:#ffffff1f}[data-theme=dark] .cs-screenshot{border-color:#ffffff12;box-shadow:0 8px 32px #0000003d}[data-theme=dark] .cs-screenshot-placeholder{background:#ffffff0a}[data-theme=dark] .cs-screenshot-placeholder--dark{background:#ffffff0f}[data-theme=dark] .cs-decision-card{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .cs-decision-body strong,[data-theme=dark] .cs-annotation-text strong{color:#f0f0f5e6}[data-theme=dark] .cs-reflection-icon--info{background:#ffffff0f}[data-theme=dark] .company-name.xsoft{color:#b4c3d2e6}@media(prefers-reduced-motion:reduce){.reveal,.reveal-scale,.reveal-left{opacity:1;transform:none;filter:none;transition:none}.hero .hero-availability,.hero-name,.hero-role,.hero .hero-subtitle,.navbar,.hero-availability-dot{animation:none}.hero-name-char{opacity:1!important;transform:none!important}.about-skills-track{animation:none}}@media(max-width:768px){.navbar{padding:10px 14px}.navbar-center,.navbar-cv,.block-progress{display:none}.hero{padding-top:120px;padding-bottom:72px}.hero-name{font-size:36px;line-height:44px;letter-spacing:-.6px}.hero-role{font-size:18px;line-height:26px}.hero-subtitle{font-size:16px;line-height:25px}.section{padding-bottom:64px}.about-pillars{grid-template-columns:1fr}.about-highlights{grid-template-columns:repeat(3,1fr)}.about-highlight{padding:16px}.about-highlight-value{font-size:24px;line-height:30px}.project-card{flex-direction:column;min-height:auto}.project-card-content{max-width:100%;padding-right:0;margin-bottom:16px}.project-card-images{justify-content:center}.project-card-images img{max-height:160px}.project-cards-row{grid-template-columns:1fr}.approach-item{grid-template-columns:36px 1fr;gap:20px;padding:22px 0}.experience-header{flex-direction:column;gap:6px}.experience-header-right{align-items:flex-start}.experience-dates,.experience-location{text-align:left}.section-heading{font-size:24px;line-height:32px}.cs-hero{padding-top:96px}.cs-title{font-size:26px;line-height:34px}.cs-stats{grid-template-columns:1fr}.cs-meta{grid-template-columns:repeat(2,1fr);gap:16px}.cs-heading{font-size:24px;line-height:32px}.cs-callout{font-size:17px;line-height:26px}.cs-problem-grid,.cs-flow-grid,.cs-reflection-grid,.cs-screenshot-grid{grid-template-columns:1fr}}
