:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--surface:#141417;--surface-2:#1b1b1f;--line:#25252b;--line-2:#37373f;--fg:#f3f2ef;--fg-2:#cac9c5;--muted:#93929a;--ok:#3ddc84;--accent:#ff3d2e;--on-accent:#0b0b0d;--display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--hand:"Caveat", "Segoe Print", "Comic Sans MS", cursive;--r:20px;--nav-h:64px;--gut:max(clamp(16px, 3vw, 32px), env(safe-area-inset-left,0px));--gut-r:max(clamp(16px, 3vw, 32px), env(safe-area-inset-right,0px))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 20px)}body{background-color:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:48px 48px;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg);position:fixed;inset:0 0 auto}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent);color:var(--on-accent)}.wrap{max-width:1312px;padding-left:var(--gut);padding-right:var(--gut-r);margin-inline:auto}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--accent);color:var(--on-accent);border-radius:10px;padding:10px 16px;font-weight:700;text-decoration:none;position:fixed;top:-60px;left:16px}.skip:focus{top:calc(env(safe-area-inset-top,0px) + 12px)}h1,h2,h3{text-wrap:balance}kbd{font-family:var(--mono);border:1px solid var(--line-2);color:var(--fg);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:.85em}.progress{top:env(safe-area-inset-top,0px);transform-origin:0;background:var(--accent);z-index:70;width:100%;height:2px;position:fixed;left:0;transform:scaleX(0)}.nav{top:env(safe-area-inset-top,0px);z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0b0b0db8;position:fixed;left:0;right:0}.nav-inner{height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{font-family:var(--display);letter-spacing:-.04em;font-variation-settings:"wdth" 85;font-size:26px;font-weight:800;text-decoration:none}.logo span{color:var(--accent);display:inline-block}.motion .logo span{animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{transform:scale(1.5)}}.nav-links{gap:6px;display:flex}.nav-links a{font-family:var(--mono);color:var(--fg-2);border-radius:999px;padding:8px 12px;font-size:13px;text-decoration:none;transition:background .2s,color .2s}.nav-links a:hover{background:var(--surface-2);color:var(--fg)}.nav-right{align-items:center;gap:10px;display:flex}.nav-status{color:var(--fg-2);border:1px solid var(--line-2);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:flex}.nav-status .dot{background:var(--ok);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3ddc8429}.lang-btn,.menu-btn{border:1px solid var(--line-2);background:var(--surface);min-height:40px;font-family:var(--mono);cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px;transition:border-color .2s}.lang-btn:hover,.menu-btn:hover{border-color:var(--fg-2)}.lang-btn{color:var(--muted)}.lang-btn .on{color:var(--fg);font-weight:700}.menu-btn{display:none}.mobile-menu{border-top:1px solid var(--line);padding-block:8px 16px}.mobile-menu a{font-family:var(--display);border-bottom:1px solid var(--line);padding:14px 4px;font-size:28px;font-weight:700;text-decoration:none;display:block}.hero{padding-top:calc(var(--nav-h) + 56px);padding-bottom:64px;position:relative;overflow:hidden}.field{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-grid{pointer-events:none;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid;position:relative}.hero-grid>*{pointer-events:auto}.hero-copy{pointer-events:none;flex-direction:column;justify-content:center;gap:26px;padding-block:24px;display:flex}.hero-copy>*{pointer-events:auto}.eyebrow{color:var(--fg-2);align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.eyebrow:before{content:"";background:var(--accent);width:28px;height:1px}.hero-name{font-family:var(--display);letter-spacing:-.045em;font-variation-settings:"wdth" 80, "opsz" 96;margin:0;font-size:clamp(64px,11.2vw,164px);font-weight:800;line-height:.86}.hero-name .line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.hero-name .ch{will-change:transform;display:inline-block}.motion .hero-name:not(.risen) .ch{animation:.8s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i) * 32ms + 80ms)}@keyframes rise{0%{transform:translateY(108%)}}.hero-name .ch.bump{color:var(--accent);animation:.5s cubic-bezier(.3,1.6,.5,1) both bump!important}@keyframes bump{40%{transform:translateY(-14%)rotate(-4deg)}}.hero-name .dot{color:var(--accent)}.lead{max-width:56ch;color:var(--fg-2);margin:0;font-size:clamp(17px,1.4vw,19px)}.lead b{color:var(--fg);font-weight:700}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;min-height:50px;padding:0 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,filter .2s,transform .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{border-color:var(--line-2);background:#14141799}.btn-ghost:hover{border-color:var(--fg-2)}.hint{color:var(--muted);margin:0;font-size:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);isolation:isolate;min-width:0;padding:24px;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.label{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;display:flex}.crop{border:0 solid var(--accent);width:16px;height:16px;position:absolute}.crop.tl{border-top-width:2px;border-left-width:2px;top:14px;left:14px}.crop.tr{border-top-width:2px;border-right-width:2px;top:14px;right:14px}.crop.bl{border-bottom-width:2px;border-left-width:2px;bottom:14px;left:14px}.crop.br{border-bottom-width:2px;border-right-width:2px;bottom:14px;right:14px}.avatar-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141417d1;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:44px 24px 28px;display:flex}.avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;position:relative}.avatar-btn canvas{width:224px;height:280px;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform .3s;display:block}.avatar-btn.hop canvas{animation:.5s cubic-bezier(.3,1.5,.5,1) hop}@keyframes hop{40%{transform:translateY(-16px)}}.bubble{white-space:nowrap;background:var(--fg);color:var(--bg);transform-origin:0 100%;border-radius:12px 12px 12px 2px;padding:8px 12px;font-size:14px;font-weight:700;transition:transform .25s cubic-bezier(.3,1.5,.5,1);position:absolute;top:-6px;left:58%;transform:scale(0)}.bubble.show{transform:scale(1)}.note{font-family:var(--hand);color:var(--accent);pointer-events:none;flex-direction:column;align-items:flex-end;font-size:30px;font-weight:700;line-height:1;display:flex;position:absolute;top:22px;right:28px;transform:rotate(-7deg)}.note svg{width:70px;height:56px;margin-top:2px;margin-right:34px}.note path{stroke:var(--accent);stroke-dasharray:140;stroke-dashoffset:0}.motion .note path{animation:1.1s ease-out .9s both draw}@keyframes draw{0%{stroke-dashoffset:140px}}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{font-family:var(--mono);border:1px solid var(--line-2);color:var(--fg-2);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:12px}.avatar-card .chips{justify-content:center}.marquee{border-block:1px solid var(--line);background:var(--surface);white-space:nowrap;padding-block:16px;overflow:hidden}.marquee-track{font-family:var(--display);letter-spacing:-.02em;font-variation-settings:"wdth" 85;align-items:center;gap:28px;padding-right:28px;font-size:clamp(22px,3vw,34px);font-weight:700;display:inline-flex}.motion .marquee-track{animation:38s linear infinite slide}.marquee-track i{color:var(--accent);font-style:normal;font-family:var(--mono);font-weight:400}@keyframes slide{to{transform:translate(-50%)}}.section{padding-block:96px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.section-head h2{font-family:var(--display);letter-spacing:-.04em;font-variation-settings:"wdth" 85;margin:0;font-size:clamp(40px,6vw,76px);font-weight:800;line-height:.95}.section-head p{margin:0;font-size:13px}.reveal{transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s}.motion .reveal:not(.in){opacity:.35;transform:translateY(26px)}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"about about globe tz""stats stats globe now""term term stack stack""term term life hello";gap:18px;display:grid}.c-about{grid-area:about}.c-globe{grid-area:globe}.c-tz{grid-area:tz}.c-stats{grid-area:stats}.c-now{grid-area:now}.c-term{grid-area:term}.c-stack{grid-area:stack}.c-life{grid-area:life}.c-hello{grid-area:hello}.c-about p{color:var(--fg);margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.7}.c-about p.label{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.6}.hl{background:linear-gradient(color-mix(in srgb, var(--accent) 42%, transparent), color-mix(in srgb, var(--accent) 42%, transparent)) no-repeat 0 88% / 100% 42%;padding:0 3px;font-weight:700;transition:background-size .9s cubic-bezier(.2,.8,.2,1) .25s}.motion .reveal:not(.in) .hl{background-size:0% 42%}.c-globe{flex-direction:column;gap:12px;display:flex}.globe-wrap{flex:1;place-items:center;min-height:220px;display:grid;position:relative}.globe{aspect-ratio:1;cursor:grab;touch-action:pan-y;width:100%;max-width:300px;display:block}.globe:active{cursor:grabbing}.place{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.2}.coords{font-family:var(--mono);color:var(--muted);font-size:12px}.tz-big{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.tz-big small{font-family:var(--body);color:var(--muted);letter-spacing:0;margin-left:6px;font-size:13px;font-weight:500}.tz-there{color:var(--fg-2);margin:8px 0 14px;font-size:14px}.tz-bar{background:var(--surface-2);border-radius:99px;height:12px;position:relative;overflow:hidden}.tz-bar span{position:absolute;top:0;bottom:0}.tz-bar .you{background:var(--line-2)}.tz-bar .me{box-shadow:inset 0 0 0 1.5px var(--accent);border-radius:99px}.tz-bar .both{background:var(--accent)}.tz-now{background:var(--fg);border-radius:2px;width:2px;height:20px;position:absolute;top:-4px}.tz-bar-wrap{padding-top:4px;position:relative}.tz-scale{font-family:var(--mono);color:var(--muted);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.tz-legend{color:var(--fg-2);flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;display:flex}.tz-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.tz-legend .you{background:var(--line-2)}.tz-legend .me{box-shadow:inset 0 0 0 1.5px var(--accent)}.tz-overlap{font-family:var(--mono);color:var(--fg);margin-top:10px;font-size:12px}.c-stats{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:18px;display:grid}.stat-n{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(34px,3.4vw,46px);font-weight:800;line-height:1}.stat:first-child .stat-n{color:var(--accent)}.stat-l{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.45}.c-now .now-title{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.2}.c-now .now-sub{color:var(--fg-2);margin-top:6px;font-size:14px}.typed{font-family:var(--mono);color:var(--accent);min-height:20px;margin-top:14px;font-size:13px}.typed:after{content:"";background:var(--accent);vertical-align:-2px;width:7px;height:14px;margin-left:3px;display:inline-block}.motion .typed:after{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.live{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%}.motion .live{animation:2s infinite ping}@keyframes ping{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.c-term{cursor:text;background:#0e0e10;flex-direction:column;min-height:380px;padding:0;display:flex}.term-bar{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:14px 18px;display:flex}.term-bar>span:not(.term-title){background:var(--line-2);border-radius:50%;width:11px;height:11px}.term-title{color:var(--muted);margin-left:10px;font-size:12px}.term-out{color:var(--fg-2);white-space:pre-wrap;word-break:break-word;flex:1;max-height:340px;padding:16px 20px 4px;font-size:13.5px;line-height:1.75;overflow-y:auto}.term-out .cmd{color:var(--fg)}.term-out .cmd b{color:var(--accent);font-weight:500}.term-out .ok{color:var(--ok)}.term-out .acc{color:var(--accent)}.term-out a{color:var(--fg);text-underline-offset:3px}.term-out button.tlink{color:var(--fg);text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.term-form{align-items:center;gap:10px;padding:8px 20px 18px;font-size:13.5px;display:flex}.prompt{color:var(--accent);white-space:nowrap}.term-form input{min-width:0;color:var(--fg);font:inherit;caret-color:var(--accent);background:0 0;border:0;outline:0;flex:1;padding:6px 0}.term-form:focus-within{box-shadow:inset 0 -1px 0 var(--accent)}.stack-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.stack-groups h3{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:11px;font-weight:500}.stack-groups .chip{background:var(--surface-2);font-family:var(--body);color:var(--fg);border-radius:10px;font-size:13px;transition:border-color .2s,transform .2s}.stack-groups .chip:hover{border-color:var(--accent);transform:translateY(-2px)}.c-life p,.c-hello p{color:var(--fg-2);margin:0;font-size:15px}.c-life p.label,.c-hello p.label{color:var(--muted);margin-bottom:14px;font-size:12px}.c-life .big,.c-hello .big{font-family:var(--display);color:var(--fg);letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.c-hello{flex-direction:column;justify-content:space-between;gap:16px;display:flex}.c-hello .btn{align-self:flex-start;min-height:44px;padding:0 18px;font-size:14px}.projects{position:relative;overflow:hidden}.giant{font-family:var(--hand);color:var(--accent);opacity:.14;white-space:nowrap;pointer-events:none;will-change:transform;-webkit-user-select:none;user-select:none;font-size:clamp(140px,24vw,360px);font-weight:700;line-height:1;position:absolute;top:10px;left:0}.projects .wrap{position:relative}.plist{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.prow{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:56px minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) 28px;align-items:center;gap:18px;width:100%;padding:26px 10px;transition:background .3s;display:grid}.pnum{font-family:var(--mono);color:var(--muted);font-size:13px;transition:color .3s}.pname{font-family:var(--display);letter-spacing:-.03em;font-variation-settings:"wdth" 90;font-size:clamp(24px,2.8vw,38px);font-weight:700;line-height:1.1;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s}.pcat{color:var(--fg-2);font-size:14px}.pstack{font-family:var(--mono);color:var(--muted);font-size:12px}.parrow{color:var(--muted);font-size:20px;transition:transform .3s,color .3s}.prow:hover,.prow:focus-visible{background:var(--surface)}.prow:hover .pname,.prow:focus-visible .pname{color:var(--accent);transform:translate(12px)}.prow:hover .pnum,.prow:hover .parrow{color:var(--accent)}.prow:hover .parrow{transform:translate(3px,-3px)}.plist:hover .prow:not(:hover) .pname{color:var(--muted)}.preview{pointer-events:none;z-index:40;border:1px solid var(--line-2);opacity:0;border-radius:18px;width:340px;height:240px;transition:opacity .25s;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,-50%)scale(0);box-shadow:0 40px 80px #0009}.preview.on{opacity:1}.preview-track{height:100%;transition:transform .55s cubic-bezier(.7,0,.2,1)}.preview .cover{height:100%}.preview,.d-cover{container-type:inline-size}.cover{background:var(--surface-2);color:var(--fg);font-family:var(--body);position:relative;overflow:hidden}.cover *{box-sizing:border-box}.cv-gym{background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 55%), #121215}.cv-phone{background:#0c0c0e;border:1.2cqw solid #2e2e35;border-radius:6cqw;flex-direction:column;gap:2.6cqw;width:40cqw;height:84cqw;padding:5cqw 4cqw;display:flex;position:absolute;top:9cqw;left:8cqw}.cv-phone b{font-family:var(--display);letter-spacing:-.02em;font-size:4.6cqw}.cv-set{color:var(--fg-2);justify-content:space-between;font-size:3cqw;display:flex}.cv-bar{background:#24242a;border-radius:9cqw;height:2.2cqw;overflow:hidden}.cv-bar i{background:var(--accent);border-radius:9cqw;height:100%;display:block}.cv-off{flex-direction:column;align-items:flex-start;gap:2cqw;width:38cqw;display:flex;position:absolute;top:18cqw;right:7cqw}.cv-off .pill{font-family:var(--mono);border:1px solid var(--line-2);background:#0c0c0e;border-radius:9cqw;padding:1.6cqw 3cqw;font-size:3.3cqw}.cv-off .pill.acc{border-color:var(--accent);color:var(--accent)}.cv-off strong{font-family:var(--display);letter-spacing:-.04em;margin-top:2cqw;font-size:9cqw;line-height:.9}.cv-nutry{background:#111114;grid-template-columns:12cqw 1fr;display:grid}.cv-side{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:3.4cqw;padding-top:6cqw;display:flex}.cv-side i{background:#2a2a31;border-radius:1.2cqw;width:4cqw;height:4cqw}.cv-side i:first-child{background:var(--accent)}.cv-main{grid-template-columns:1fr 1fr;align-content:start;gap:4cqw;padding:6cqw;display:grid}.cv-main h4{font-family:var(--display);letter-spacing:-.02em;grid-column:1/-1;margin:0;font-size:5.4cqw}.cv-donut{aspect-ratio:1;background:conic-gradient(var(--accent) 0 38%, #e8e6e1 38% 66%, #3a3a42 66%);border-radius:50%;place-items:center;max-width:30cqw;display:grid}.cv-donut:after{content:"";aspect-ratio:1;background:#111114;border-radius:50%;width:58%}.cv-bars{align-items:flex-end;gap:2cqw;height:30cqw;display:flex}.cv-bars i{background:#2e2e35;border-radius:1cqw 1cqw 0 0;flex:1}.cv-bars i:nth-child(4){background:var(--accent)}.cv-chat{background:#101013;flex-direction:column;justify-content:center;gap:2.6cqw;padding:6cqw;display:flex}.msg{border-radius:3.4cqw;max-width:70%;padding:2.4cqw 3.4cqw;font-size:3.6cqw;line-height:1.35}.msg.u{background:#2a2a31;border-bottom-right-radius:.8cqw;align-self:flex-end}.msg.b{background:color-mix(in srgb, var(--accent) 22%, #16161a);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-bottom-left-radius:.8cqw;align-self:flex-start}.cv-flow{background:#101013;justify-content:center;align-items:center;gap:2cqw;padding:5cqw;display:flex}.node{border:1px solid var(--line-2);text-align:center;font-family:var(--mono);color:var(--fg-2);background:#16161a;border-radius:3cqw;flex:1;padding:3cqw 2cqw;font-size:2.8cqw;line-height:1.35}.node b{font-family:var(--display);color:var(--fg);letter-spacing:-.02em;margin-bottom:1cqw;font-size:4cqw;display:block}.node.acc{border-color:var(--accent)}.node.acc b{color:var(--accent)}.wire{background:repeating-linear-gradient(90deg, var(--accent) 0 4px, transparent 4px 8px);flex:none;width:4cqw;height:2px}.motion .wire{animation:1s linear infinite wire}@keyframes wire{to{background-position:8px 0}}.cv-geo{background:radial-gradient(circle,#f3f2ef38 1px,#0000 1.6px) 0 0/10px 10px,#101013;align-items:center;padding:6cqw;display:flex}.quiz{border:1px solid var(--line-2);background:#16161a;border-radius:4cqw;flex-direction:column;gap:2.4cqw;width:52cqw;padding:4.4cqw;display:flex}.quiz b{font-family:var(--display);letter-spacing:-.02em;font-size:4.8cqw;line-height:1.15}.quiz span{border:1px solid var(--line-2);color:var(--fg-2);border-radius:2cqw;padding:1.6cqw 3cqw;font-size:3.4cqw}.quiz span.ok{border-color:var(--accent);color:var(--fg);background:color-mix(in srgb, var(--accent) 18%, transparent)}.cv-kart{background:#0f1012;place-items:center;display:grid}.cv-kart svg{width:86%;height:86%}.drawer{border:0;border-left:1px solid var(--line);background:var(--bg);width:min(640px,100%);max-width:100%;height:100%;max-height:100%;color:var(--fg);margin:0 0 0 auto;padding:0;overflow-y:auto}.drawer::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.motion .drawer[open]{animation:.45s cubic-bezier(.2,.8,.2,1) drawer-in}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}}.drawer-inner{padding:24px max(24px, env(safe-area-inset-right,0px)) 40px 24px;flex-direction:column;gap:18px;display:flex}.drawer-top{justify-content:space-between;align-items:center;display:flex}.drawer-index{font-size:12px}.drawer-close{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;border-radius:50%;min-width:44px;min-height:44px;font-size:20px}.d-cover{border:1px solid var(--line);aspect-ratio:17/12;border-radius:16px;max-width:100%;overflow:hidden}.d-cover .cover{height:100%}.d-cat{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px}.drawer h3{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,48px);font-weight:800;line-height:1}.d-lead{color:var(--fg-2);margin:0;font-size:17px}.drawer h4{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:500}.d-did{color:var(--fg-2);margin:0;padding-left:20px}.d-did li{margin-bottom:6px}.d-did li::marker{color:var(--accent)}.d-res{border:1px dashed var(--line-2);color:var(--fg);border-radius:12px;margin:0;padding:14px 16px}.d-links{flex-wrap:wrap;gap:10px;display:flex}.d-links:empty{display:none}.d-shots{scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.d-shots img{border:1px solid var(--line);scroll-snap-align:start;background:var(--surface);border-radius:10px;width:auto;height:180px}.d-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:18px;display:flex}.d-nav button{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px}.cv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:48px;display:grid}.cv-side-col{top:calc(var(--nav-h) + 32px);flex-direction:column;gap:20px;display:flex;position:sticky}.cv-side-col h2{font-family:var(--display);letter-spacing:-.04em;font-variation-settings:"wdth" 85;margin:0;font-size:clamp(40px,6vw,76px);font-weight:800;line-height:.95}.cv-side-col p{color:var(--fg-2);max-width:42ch;margin:0}.cv-side-col p.mono{color:var(--muted)}.cv-dl{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.tl{flex-direction:column;gap:22px;padding-left:36px;display:flex;position:relative}.tl:before{content:"";background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.tl-fill{background:var(--accent);transform-origin:top;width:2px;height:calc(100% - 16px);position:absolute;top:8px;left:7px;transform:scaleY(0)}.job{position:relative}.job:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:16px;height:16px;position:absolute;top:30px;left:-36px}.job .card{padding:26px}.job-when{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;font-size:12px}.job h3{font-family:var(--display);letter-spacing:-.02em;margin:6px 0 2px;font-size:26px;font-weight:700;line-height:1.2}.job .org{color:var(--fg-2);margin:0 0 14px;font-size:15px}.job ul{color:var(--fg-2);flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.job li::marker{color:var(--accent)}.job li b{color:var(--fg)}.contact{padding-block:120px 72px}.contact>.mono{margin:0}.prox{font-family:var(--display);letter-spacing:-.04em;cursor:default;margin:16px 0 36px;font-size:clamp(46px,9vw,136px);font-weight:400;line-height:.92}.prox .w{white-space:nowrap}.prox .ch{font-variation-settings:"wght" 400, "wdth" 100, "opsz" 96;transition:color .2s;display:inline-block}.contact-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.email{border:1px dashed var(--line-2);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:14px;padding:12px 18px;font-size:clamp(16px,2.2vw,24px);text-decoration:none}.email:hover{border-color:var(--fg-2)}.links{flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.links a{border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}.links a:hover{border-color:var(--accent)}.footer{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:26px 40px;font-size:12px;display:flex}.footer-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.motion-btn{border:1px solid var(--line-2);background:var(--surface);min-height:36px;font-family:var(--mono);cursor:pointer;color:var(--fg-2);border-radius:999px;padding:0 12px;font-size:12px}.motion-btn[aria-pressed=false]{color:var(--muted)}.toast{left:50%;bottom:max(28px, calc(env(safe-area-inset-bottom,0px) + 28px));background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;z-index:80;border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;font-size:14px;font-weight:700;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.sparks{pointer-events:none;z-index:90;width:100%;height:100%;position:fixed;inset:0}@media (width<=1080px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"about about""globe tz""globe now""stats stats""stack stack""term term""life hello"}.prow{grid-template-columns:44px minmax(0,1.4fr) minmax(0,1fr) 28px}.pstack,.nav-status{display:none}}@media (width<=860px){.nav-links{display:none}.menu-btn{align-items:center;display:inline-flex}.hero{padding-top:calc(var(--nav-h) + 28px)}.hero-grid{grid-template-columns:1fr}.cv-grid{grid-template-columns:1fr;gap:28px}.cv-side-col{position:static}.c-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{display:none}}@media (width<=640px){.bento{grid-template-columns:1fr;grid-template-areas:"about""globe""tz""now""stats""term""stack""life""hello"}.stack-groups{grid-template-columns:1fr}.prow{grid-template-columns:36px minmax(0,1fr) 24px;gap:12px;padding:20px 4px}.pcat{grid-area:2/2;margin-top:-6px;font-size:13px}.parrow{grid-area:1/3/3}.section{padding-block:72px}.avatar-btn canvas{width:176px;height:220px}.note{font-size:24px;right:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.no-motion html,html.no-motion{scroll-behavior:auto}@media (hover:none){.fine-only{display:none}}@media (hover:hover){.touch-only{display:none}}
