@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#94a3b8;background:#0f172a;font-synthesis:none;font-feature-settings:"ss03","cv02","cv11";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:#0f172a;color:#94a3b8;font-size:16px;line-height:1.625}body::selection,body *::selection{color:#134e4a;background:#5eead4}button,a{font:inherit}a{color:inherit;text-decoration:none}button{padding:0;border:0;color:inherit;background:none;cursor:pointer}ol,ul{padding:0;margin:0;list-style:none}h1,h2,h3,p{margin-top:0}.portfolio{position:relative;min-height:100vh}.spotlight{position:absolute;z-index:30;inset:0;pointer-events:none;transition:background .3s cubic-bezier(.4,0,.2,1)}.skip-link{position:absolute;z-index:50;top:0;left:0;display:block;padding:12px 16px;border-radius:0 0 4px;color:#0f172a;background:#eab308;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transform:translate(-100%)}.skip-link:focus-visible{transform:translate(0)}.page-shell{width:100%;max-width:1280px;min-height:100vh;padding:0 48px;margin:0 auto}.page-grid{display:flex;justify-content:space-between;gap:16px}.intro-panel{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;width:48%;height:100vh;max-height:100vh;padding:88px 0 96px}.language-switcher{display:flex;align-items:center;gap:8px;min-height:20px;margin-bottom:12px;color:#64748b;font-size:12px;font-weight:700;line-height:20px;letter-spacing:.12em}.language-switcher span{color:#334155}.language-switcher button{transition:color .15s cubic-bezier(.4,0,.2,1)}.language-switcher button:hover,.language-switcher button:focus-visible,.language-switcher button[aria-pressed=true]{color:#e2e8f0}.intro-panel h1{margin:0;color:#e2e8f0;font-size:48px;font-weight:700;line-height:1;letter-spacing:-.025em}.intro-panel h1 a{display:inline-block}.intro-panel h2{margin:12px 0 0;color:#e2e8f0;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-.025em}.intro-copy{max-width:340px;margin:16px 0 0;line-height:26px}.section-nav{display:block;margin-top:64px}.nav-link{display:flex;width:fit-content;align-items:center;gap:16px;height:40px;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.1em;transition:color .15s cubic-bezier(.4,0,.2,1)}.nav-line{display:block;width:32px;height:1px;background:#475569;transition:width .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:#e2e8f0}.nav-link:hover .nav-line,.nav-link:focus-visible .nav-line,.nav-link.active .nav-line{width:64px;background:#e2e8f0}.social-links{display:flex;align-items:center;gap:20px;margin:32px 0 0 4px}.social-links a{display:block;width:24px;height:24px;color:#94a3b8;transition:color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.social-links a:hover,.social-links a:focus-visible{color:#e2e8f0;transform:translateY(-2px)}.social-links svg{display:block;width:100%;height:100%}main{width:52%;padding:96px 0}main section{margin-bottom:144px;scroll-margin-top:96px}.section-heading-wrap{position:relative;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0)}.section-heading-wrap h2{margin:0;color:#e2e8f0;font-size:14px;font-weight:700;line-height:20px;letter-spacing:.1em;text-transform:uppercase}.about-copy p{margin-bottom:16px}.about-copy strong{color:#e2e8f0;font-weight:500}.external-link{display:inline-flex;align-items:baseline;color:#e2e8f0;font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1)}.external-link:hover,.external-link:focus-visible,.title-link:hover,.title-link:focus-visible{color:#5eead4}.arrow-icon{position:relative;top:2px;width:16px;height:16px;flex:0 0 auto;margin-left:2px;transition:transform .15s cubic-bezier(.4,0,.2,1)}.external-link:hover .arrow-icon,.external-link:focus-visible .arrow-icon{transform:translate(3px,-3px)}.card-item{margin-bottom:48px}.interactive-card{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;padding-bottom:4px;cursor:pointer;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.card-surface{position:absolute;z-index:0;inset:-16px -24px;display:block;border-radius:6px;transition:background .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),filter .15s cubic-bezier(.4,0,.2,1)}.interactive-card:hover .card-surface,.interactive-card:focus-within .card-surface{background:#1e293b80;box-shadow:inset 0 1px #94a3b81a;filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.card-content,.experience-date,.project-preview{position:relative;z-index:10}.experience-date{grid-column:span 2;padding-top:4px;margin-bottom:8px;color:#64748b;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.025em;text-transform:uppercase}.card-content{grid-column:span 6}.card-content h3{margin:0;color:#e2e8f0;font-size:16px;font-weight:500;line-height:22px}.title-link{display:inline-flex;align-items:baseline;color:#e2e8f0;transition:color .15s cubic-bezier(.4,0,.2,1)}.interactive-card:hover .title-link,.interactive-card:focus-visible .title-link{color:#5eead4}.interactive-card:hover .title-link .arrow-icon,.interactive-card:focus-visible .title-link .arrow-icon{transform:translate(3px,-3px)}.company{color:inherit}.card-description{margin:8px 0 0;color:#94a3b8;font-size:14px;line-height:21px}.tags{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:8px}.tags li{padding:4px 12px;border-radius:9999px;color:#5eead4;background:#2dd4bf1a;font-size:12px;font-weight:500;line-height:20px}.profile-link{margin-top:2px;color:#e2e8f0;font-size:16px;font-weight:600;line-height:24px}.project-card{align-items:start}.project-content{order:2}.project-preview{order:1;grid-column:span 2;width:100%;aspect-ratio:16 / 9;margin-top:4px;border:2px solid rgba(226,232,240,.1);border-radius:4px;object-fit:cover;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-preview,.project-card:focus-within .project-preview{border-color:#e2e8f04d}footer{max-width:448px;color:#64748b;font-size:14px;line-height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);border:0}:focus-visible{outline:2px solid #5eead4;outline-offset:4px}@media(min-width:1024px){.card-list:hover .interactive-card{opacity:.5}.card-list .interactive-card:hover,.card-list .interactive-card:focus-within{opacity:1}}@media(max-width:1023px){.spotlight{position:fixed}.page-shell{padding:64px 48px}.page-grid{display:block}.intro-panel{position:static;display:block;width:100%;height:auto;max-height:none;padding:0}.section-nav{display:none}.social-links{margin-top:32px}main{width:100%;padding:96px 0 0}main section{margin-bottom:96px;scroll-margin-top:64px}.section-heading-wrap{position:sticky;z-index:20;top:0;width:calc(100% + 96px);height:auto;padding:20px 48px;margin:0 0 16px -48px;overflow:visible;white-space:normal;clip:auto;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-heading-wrap h2{display:block}.card-surface{display:none}}@media(max-width:767px){.page-shell{padding:48px 24px}.intro-panel h1{font-size:36px;line-height:40px}.intro-panel h2{font-size:18px}main section{margin-bottom:64px;scroll-margin-top:64px}.section-heading-wrap{width:calc(100% + 48px);padding:20px 24px;margin-left:-24px}footer{padding-bottom:16px}}@media(max-width:639px){.interactive-card{display:grid;grid-template-columns:1fr;gap:0}.experience-date,.card-content,.project-preview{grid-column:1}.project-content{order:1}.project-preview{order:2;width:200px;margin-top:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spotlight{display:none}}