:root{--bg:#eef0f3;--bg-2:#e3e6eb;--fg:#141821;--muted:#5b6472;--amber:#c86a00;--ice:#2f5fd6;--line:#14182124;--display:"Syne","Helvetica Neue",Arial,sans-serif;--body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#eef0f3;--bg-2:#e3e6eb;--fg:#141821;--muted:#5b6472}}:root[data-theme=dark]{--bg:#eef0f3;--bg-2:#e3e6eb;--fg:#141821;--muted:#5b6472}:root[data-theme=light]{--bg:#eef0f3;--fg:#141821}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;cursor:none;font-size:17px;line-height:1.55;overflow-x:hidden}@media (pointer:coarse){body{cursor:auto}}a{color:inherit;text-decoration:none}::selection{background:var(--amber);color:#fff}#scene{z-index:0;display:block;position:fixed;inset:0}.grain{z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-100%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.vignette{z-index:1;pointer-events:none;background:radial-gradient(80% 70% at 50% 45%,#0000 45%,#eef0f3b3 100%);position:fixed;inset:0}.cur,.cur-ring{z-index:50;pointer-events:none;mix-blend-mode:difference;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cur{background:#fff;width:6px;height:6px}.cur-ring{border:1px solid #fff;width:34px;height:34px;transition:width .25s,height .25s,opacity .25s}.cur-ring.big{opacity:.6;width:64px;height:64px}@media (pointer:coarse){.cur,.cur-ring{display:none}}nav{z-index:20;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,56px);font-size:14px;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}nav .brand{font-family:var(--display);letter-spacing:-.02em;font-size:17px;font-weight:800}nav ul{gap:26px;list-style:none;display:flex}nav a{padding:4px 0;position:relative}nav a:after{content:"";background:#fff;height:1px;transition:right .3s cubic-bezier(.6,0,.2,1);position:absolute;bottom:0;left:0;right:100%}nav a:hover:after,nav a:focus-visible:after{right:0}@media (width<=720px){nav ul{display:none}}.progress{transform-origin:0 0;background:var(--amber);z-index:21;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.shape-label{z-index:20;color:var(--muted);pointer-events:none;align-items:center;gap:12px;font-size:13px;display:flex;position:fixed;bottom:26px;left:clamp(20px,4vw,56px)}.shape-label i{background:var(--amber);border-radius:50%;width:6px;height:6px;animation:2.4s infinite blink;box-shadow:0 0 10px #c86a0099}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.shape-label span{transition:opacity .4s,transform .4s;display:inline-block}.shape-label span.swap{opacity:0;transform:translateY(6px)}main{z-index:2;position:relative}section{flex-direction:column;justify-content:center;min-height:100vh;padding:20vh clamp(20px,6vw,120px) 12vh;display:flex}.wrap{width:100%;max-width:1180px;margin:0 auto;position:relative}section:not(.hero):not(.contact) .wrap:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 60% at 38%,#eef0f3f0 35%,#eef0f3bf 60%,#eef0f300 85%);position:absolute;inset:-60px -80px}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;line-height:.95}h2{max-width:14ch;margin-bottom:.5em;font-size:clamp(38px,6vw,84px);font-weight:800}h3{letter-spacing:-.02em;font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1.15}p.lead{max-width:56ch;color:var(--fg);font-size:clamp(18px,1.5vw,22px)}p.dim{color:var(--muted);max-width:60ch}.rv{opacity:0;transition:opacity 1s}.rv.in{opacity:1}.hero{pointer-events:none;justify-content:flex-start;min-height:100vh;padding-top:24vh}.hero .wrap>*{pointer-events:auto}.intro{color:var(--muted);max-width:44ch;margin-bottom:2.2em;font-size:15px}.name{letter-spacing:-.05em;font-size:clamp(56px,12.5vw,190px);font-weight:800;line-height:.86;overflow:hidden}.name .ln{white-space:nowrap;font-size:calc(1em * var(--s,1));padding-bottom:.06em;display:block;overflow:hidden}.name .ch{opacity:0;transform-origin:0 100%;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .6s;display:inline-block;transform:translateY(115%)rotate(6deg)}.name.on .ch{opacity:1;transform:none}.tag{flex-wrap:wrap;align-items:flex-end;gap:16px 40px;margin-top:6vh;display:flex}.tag p{max-width:36ch;font-size:clamp(18px,1.7vw,24px);font-weight:500}.tag p em{color:var(--amber);font-style:normal}.hint{color:var(--muted);align-items:center;gap:14px;margin-top:9vh;font-size:13px;display:flex}.hint b{background:linear-gradient(var(--fg),transparent);transform-origin:top;width:1px;height:46px;animation:1.8s cubic-bezier(.6,0,.2,1) infinite drop;display:block}@keyframes drop{0%{opacity:0;transform:scaleY(0)}40%{opacity:1}to{opacity:0;transform:scaleY(1)}}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px 40px;max-width:900px;margin-top:9vh;padding-top:26px;display:grid}.facts div{flex-direction:column;gap:4px;display:flex}.facts b{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1}.facts small{color:var(--muted);font-size:13px}.qual{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 60px;display:grid}.qual article{border-bottom:1px solid var(--line);padding:34px 0 36px}.qual article:nth-child(-n+2){border-top:0}.qual h3{max-width:16ch;margin-bottom:12px}.qual p{color:var(--muted);max-width:40ch}@media (width<=760px){.qual{grid-template-columns:1fr}}.tl{max-width:860px;padding-left:44px;position:relative}.tl:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:8px}.tl .beam{background:linear-gradient(var(--amber),var(--ice));transform-origin:top;width:1px;height:100%;transition:transform 1.6s cubic-bezier(.6,0,.2,1);position:absolute;top:0;left:8px;transform:scaleY(0)}.tl.in .beam{transform:scaleY(1)}.job{padding:0 0 64px;position:relative}.job:before{content:"";background:var(--bg);border:1px solid var(--fg);border-radius:50%;width:9px;height:9px;position:absolute;top:10px;left:-40px}.job time{color:var(--muted);margin-bottom:8px;font-size:14px;display:block}.job h3{margin-bottom:6px}.job .org{color:var(--amber);margin-bottom:16px;font-size:15px;display:block}.job ul{max-width:60ch;color:var(--fg);gap:10px;list-style:none;display:grid}.job li{color:#2b3140;padding-left:18px;position:relative}.job li:before{content:"";background:var(--muted);width:8px;height:1px;position:absolute;top:.65em;left:0}.oss{border-top:1px solid var(--line);gap:0;max-width:960px;display:grid}.oss a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px 40px;padding:32px 0;transition:padding-left .4s cubic-bezier(.16,1,.3,1);display:grid}.oss a:hover,.oss a:focus-visible{padding-left:14px}.oss .repo{color:var(--ice);margin-bottom:8px;font-size:14px;display:block}.oss .what{color:var(--muted);max-width:56ch}.oss .ref{font-family:var(--display);color:var(--fg);white-space:nowrap;opacity:.7;padding-top:2px;font-size:15px;font-weight:700}@media (width<=640px){.oss a{grid-template-columns:1fr}}.proj{grid-template-columns:repeat(12,1fr);gap:40px 24px;display:grid}.proj article{border-top:1px solid var(--line);transform-style:preserve-3d;grid-column:span 5;padding:28px 0 0;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative}.proj article:nth-child(2){grid-column:7/span 6;margin-top:80px}.proj article:nth-child(3){grid-column:2/span 5;margin-top:-30px}.proj article:nth-child(4){grid-column:8/span 5;margin-top:20px}.proj article:after{content:"";background:var(--amber);width:0;height:1px;transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;top:-1px;left:0}.proj article:hover:after{width:100%}.proj .stack{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.8}.proj p{color:#2b3140;max-width:44ch;margin-top:10px}.proj .star{color:var(--amber);font-size:14px}@media (width<=860px){.proj article,.proj article:nth-child(n){grid-column:1/-1;margin-top:0}}.mq{white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--display);letter-spacing:-.02em;margin-top:-1px;padding:18px 0;font-size:clamp(22px,3.2vw,44px);font-weight:700;overflow:hidden}.mq div{animation:60s linear infinite mq;display:inline-block}.mq.rev div{color:var(--muted);animation-direction:reverse}.mq span{padding:0 .55em}.mq span:after{content:"/";color:var(--amber);padding-left:1.1em;font-weight:500}@keyframes mq{to{transform:translate(-50%)}}.skills-note{color:var(--muted);max-width:60ch;margin-top:40px}.edu{grid-template-columns:1fr 1fr;gap:40px 60px;max-width:960px;display:grid}.edu dl{gap:22px;display:grid}.edu dt{font-weight:600}.edu dd{color:var(--muted);font-size:15px}.edu .langs{color:var(--muted);flex-wrap:wrap;gap:10px 22px;font-size:15px;display:flex}.edu .langs b{color:var(--fg);font-weight:500}@media (width<=760px){.edu{grid-template-columns:1fr}}.contact{text-align:left;justify-content:center;min-height:100vh}.contact h2{max-width:none;font-size:clamp(44px,8.5vw,140px);line-height:.9}.mail{font-family:var(--display);letter-spacing:-.02em;margin-top:20px;padding:8px 0;font-size:clamp(20px,2.6vw,34px);font-weight:700;display:inline-block;position:relative}.mail:after{content:"";background:var(--amber);transform-origin:0;width:100%;height:2px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(.18)}.mail:hover:after,.mail:focus-visible:after{transform:scaleX(1)}.links{flex-wrap:wrap;gap:14px;margin-top:48px;display:flex}.links a{border:1px solid var(--line);will-change:transform;border-radius:999px;padding:14px 22px;font-size:15px;font-weight:500;transition:border-color .3s,background .3s}.links a:hover,.links a:focus-visible{border-color:var(--fg);background:#1418210d}footer{color:var(--muted);z-index:2;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:40px clamp(20px,6vw,120px);font-size:13px;display:flex;position:relative}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}@media (prefers-reduced-motion:reduce){.grain,.hint b,.shape-label i,.mq div{animation:none}.name .ch{opacity:1;transition:none;transform:none}.rv{opacity:1;transition:none}}#root{display:contents}