:root{--bg:#0d0b14;--bg2:#15121f;--fg:#f4f1ea;--fg2:#b9b4c6;--fg3:#736d84;--lime:#c8ff3d;--pink:#ff4d9d;--blue:#5ea0ff;--orange:#ff8a3d;--purple:#b48cff;--line:#f4f1ea1f;--disp:"Bricolage Grotesque",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}@media (hover:hover){body,a,button{cursor:none}}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:var(--bg)}.mono{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.wrap{z-index:2;max-width:1200px;margin:0 auto;padding:0 28px;position:relative}.disp{font-family:var(--disp);letter-spacing:-.04em;font-weight:800;line-height:.92}.hl{color:var(--lime)}.grain{pointer-events:none;z-index:1;opacity:.22;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.progress{background:var(--lime);transform-origin:0;z-index:100;height:3px;position:fixed;top:0;left:0;right:0}.cursor{background:var(--lime);pointer-events:none;z-index:99;mix-blend-mode:difference;border-radius:50%;width:10px;height:10px;position:fixed;top:0;left:0;translate:-50% -50%}.cursor-ring{border:1.5px solid var(--lime);pointer-events:none;z-index:98;width:36px;height:36px;font-family:var(--mono);text-transform:uppercase;color:var(--bg);letter-spacing:.05em;will-change:transform;border-radius:50%;place-items:center;font-size:10px;transition:width .25s,height .25s,background .25s;display:grid;position:fixed;top:0;left:0;translate:-50% -50%}.cursor-ring.big{background:var(--lime);width:74px;height:74px}nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0d0b14c7;position:sticky;top:0}nav .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{font-family:var(--disp);letter-spacing:-.05em;-webkit-user-select:none;user-select:none;align-items:center;font-size:22px;font-weight:800;display:inline-flex}.logo span{transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s;display:inline-block}.logo:hover span:first-child{transform:rotate(-12deg)translateY(-3px)}.logo:hover span:nth-child(2){transform:rotate(10deg)translateY(2px)}.logo:hover span:nth-child(3){color:var(--lime);transform:rotate(-8deg)translateY(-2px)scale(1.15)}.navlinks{align-items:center;gap:6px;display:flex}.navlinks a{color:var(--fg2);border-radius:999px;padding:8px 14px;font-weight:500;transition:background .2s,color .2s,transform .2s}.navlinks a:hover{background:var(--fg);color:var(--bg);transform:rotate(-2deg)}@keyframes blink{50%{opacity:.15}}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;min-height:calc(100vh - 64px);padding:60px 0 80px;display:grid;position:relative}.wave{z-index:0;opacity:.55;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero>:not(.wave){z-index:2;position:relative}.kicker{color:var(--fg2);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:26px;display:inline-flex}.kicker b{background:var(--pink);color:var(--bg);white-space:nowrap;border-radius:6px;padding:4px 9px;font-weight:600;display:inline-block;transform:rotate(-3deg)}h1{font-size:clamp(52px,8.4vw,124px)}h1 .w{will-change:transform;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .2s;display:inline-block}h1 .w:hover{color:var(--lime);transform:translateY(-8px)rotate(-3deg)}h1 .scr{color:var(--lime);white-space:nowrap;vertical-align:top;display:inline-grid;position:relative}h1 .scr>*{grid-area:1/1}h1 .scr-ghost{visibility:hidden}h1 .scr-word{will-change:transform,opacity;width:max-content;display:block;position:relative}h1 .scr-word:after{content:"";background:var(--pink);z-index:-1;height:6px;position:absolute;bottom:6px;left:0;right:0;transform:skew(-12deg)}.sub{color:var(--fg2);max-width:52ch;margin-top:28px;font-size:20px}.sub b{color:var(--fg);background:linear-gradient(#0000 60%,#c8ff3d59 60%);font-weight:500}.ctas{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.btn{font-weight:600;font-family:var(--disp);letter-spacing:-.01em;border:2px solid var(--fg);background:var(--bg);color:var(--fg);will-change:transform;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;transition:box-shadow .15s,background .2s,color .2s;display:inline-flex}.btn.primary{background:var(--lime);color:var(--bg);border-color:var(--lime);box-shadow:5px 5px 0 var(--pink)}.btn.primary:hover{box-shadow:1px 1px 0 var(--pink)}.btn.ghost{box-shadow:5px 5px 0 var(--fg)}.btn.ghost:hover{background:var(--fg);color:var(--bg);box-shadow:1px 1px 0 var(--fg)}.cluster{height:520px;position:relative}.stk{font-family:var(--disp);letter-spacing:-.03em;-webkit-user-select:none;user-select:none;touch-action:none;border:2px solid var(--bg);will-change:transform;border-radius:14px;padding:14px 18px;font-size:22px;font-weight:800;line-height:1;position:absolute;box-shadow:6px 6px #0009}.stk small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-top:6px;font-size:10px;font-weight:400;display:block}.stk.lime{background:var(--lime);color:var(--bg)}.stk.pink{background:var(--pink);color:var(--bg)}.stk.blue{background:var(--blue);color:var(--bg)}.stk.orange{background:var(--orange);color:var(--bg)}.stk.white{background:var(--fg);color:var(--bg)}.polaroid{background:var(--fg);touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:6px;width:240px;padding:12px 12px 40px;position:absolute;top:4%;left:6%;box-shadow:10px 12px #0009}.polaroid .img{aspect-ratio:1;background:#1c1830;border-radius:3px;position:relative;overflow:hidden}.polaroid .img img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;display:block;position:absolute;inset:0}.polaroid .cap{text-align:center;font-family:var(--disp);color:var(--bg);font-size:14px;font-weight:600;position:absolute;bottom:12px;left:0;right:0}.hint{color:var(--fg3);align-items:center;gap:8px;display:flex;position:absolute;bottom:-10px;left:0}.hint svg{animation:1.6s ease-in-out infinite wig}@keyframes wig{0%,to{transform:rotate(0)}30%{transform:rotate(-14deg)}60%{transform:rotate(12deg)}}.marq{border-top:2px solid var(--fg);border-bottom:2px solid var(--fg);background:var(--lime);color:var(--bg);z-index:3;margin:20px 0 60px;padding:14px 0;position:relative;overflow:hidden;transform:rotate(-1.2deg)scale(1.02)}.marq .track{width:max-content;font-family:var(--disp);letter-spacing:-.03em;text-transform:uppercase;will-change:transform;font-size:26px;font-weight:800;animation:28s linear infinite mq;display:flex}.marq span{align-items:center;gap:22px;padding:0 22px;display:inline-flex}.marq span:after{content:"✦";color:var(--pink);font-size:18px}@keyframes mq{to{transform:translate(-50%)}}section{padding:100px 0;scroll-margin-top:70px}#chat{padding-bottom:160px}#work{padding-top:80px}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px;display:flex}h2{font-size:clamp(40px,6vw,84px)}h2 .ch{will-change:transform;display:inline-block}.head .tag{border:2px solid var(--fg);color:var(--fg);border-radius:8px;padding:8px 12px;display:inline-block;transform:rotate(3deg)}.chat{flex-direction:column;gap:18px;max-width:820px;min-height:900px;margin:0 auto;display:flex}.msg{align-items:flex-end;gap:14px;display:flex}.msg.ai{flex-direction:row}.msg.me{flex-direction:row-reverse}.av{width:40px;height:40px;font-family:var(--disp);border:2px solid var(--bg);border-radius:12px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.ai .av{background:var(--pink);color:var(--bg)}.me .av{background:var(--lime);color:var(--bg)}.bub{border:2px solid var(--fg);border-radius:18px;max-width:70%;padding:16px 20px;font-size:17px;line-height:1.5}.ai .bub{background:var(--bg2);border-bottom-left-radius:4px}.me .bub{background:var(--fg);color:var(--bg);box-shadow:5px 5px 0 var(--lime);border-bottom-right-radius:4px}.bub b{font-weight:600}.typing{gap:4px;padding:6px 0;display:inline-flex}.typing i{background:var(--fg3);border-radius:50%;width:7px;height:7px;animation:1s infinite ty}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes ty{50%{opacity:.4;transform:translateY(-5px)}}.work{grid-template-columns:1fr 1fr;gap:20px;display:grid}.proj{border:2px solid var(--fg);background:var(--bg2);will-change:transform;border-radius:20px;flex-direction:column;min-height:380px;padding:30px;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden}.proj:hover{box-shadow:10px 10px 0 var(--c)}.proj.big{grid-column:span 2;grid-template-columns:1.1fr .9fr;gap:40px;min-height:520px;display:grid}.proj .ptop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.proj .num{font-family:var(--disp);letter-spacing:-.06em;color:var(--c);opacity:.45;flex-shrink:0;font-size:52px;font-weight:800;line-height:.8}.proj .cat{color:var(--c)}.proj h3{font-family:var(--disp);letter-spacing:-.04em;margin-top:16px;font-size:clamp(30px,3.4vw,48px);font-weight:800;line-height:.95}.proj h3 em{color:var(--c);font-style:normal}.proj p{color:var(--fg2);flex:1;margin-top:16px;font-size:16px}.proj .chips{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.chip{border:1.5px solid var(--line);color:var(--fg2);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:5px 10px;font-size:11px}.proj .links{flex-wrap:wrap;gap:22px;margin-top:24px;display:flex}.proj .go{font-family:var(--disp);color:var(--c);align-items:center;gap:8px;font-weight:600;display:inline-flex}.proj .go.repo{color:var(--fg2)}.proj .go svg{transition:transform .3s}.proj .go:hover svg{transform:translate(4px,-4px)rotate(-10deg)}.proj .go:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.live{background:var(--bg);border:2px solid var(--fg);border-radius:16px;flex-direction:column;gap:18px;padding:24px;display:flex;position:relative}.live .hdr{color:var(--fg3);justify-content:space-between;display:flex}.live .rec{color:var(--pink);align-items:center;gap:8px;display:inline-flex}.live .rec i{background:var(--pink);border-radius:50%;width:8px;height:8px;animation:1s infinite blink}.bars{align-items:center;gap:4px;height:110px;display:flex}.bars i{background:var(--lime);will-change:transform;border-radius:3px;flex:1;height:100%;animation:1.3s ease-in-out infinite bar;transform:scaleY(.2)}@keyframes bar{50%{transform:scaleY(1)}}.tr{gap:10px;font-size:14px;display:grid}.tr div{grid-template-columns:70px 1fr;gap:10px;display:grid}.tr b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--pink);padding-top:3px;font-size:10px;font-weight:600}.tr b.me{color:var(--lime)}.sc{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sc div{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px}.sc small{font-family:var(--mono);text-transform:uppercase;color:var(--fg3);letter-spacing:.06em;font-size:9px}.sc strong{font-family:var(--disp);letter-spacing:-.04em;margin-top:2px;font-size:26px;font-weight:800;display:block}.live.canvas{background:repeating-linear-gradient(0deg,transparent 0 31px,var(--line) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,var(--line) 31px 32px),var(--bg);justify-content:center;min-height:260px}.live.guild{justify-content:flex-start}.gcanvas{height:270px;position:relative}.gedges{width:100%;height:100%;position:absolute;inset:0}.gw{border:2px solid var(--c);background:var(--bg2);border-radius:12px;width:42%;padding:10px 12px;position:absolute;box-shadow:4px 4px #00000080}.gw.queued{opacity:.7;border-style:dashed}.gwh{color:var(--fg);justify-content:space-between;display:flex}.gwh .geng{color:var(--c)}.gbar{background:var(--line);border-radius:3px;height:6px;margin:10px 0 8px;overflow:hidden}.gbar i{background:var(--c);transform-origin:0;border-radius:3px;height:100%;display:block}.gst{color:var(--fg3);align-items:center;gap:6px;display:flex}.gdot{background:var(--c);border-radius:50%;width:6px;height:6px;animation:1s infinite blink}.gcur{pointer-events:none;animation:6s ease-in-out infinite gcur;position:absolute;top:44%;left:44%}.gcur:before{content:"";border-left:8px solid var(--pink);border-top:4px solid #0000;border-bottom:12px solid #0000;width:0;height:0;display:block;transform:rotate(-30deg)}.gcur span{background:var(--pink);color:var(--bg);font-family:var(--mono);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;position:absolute;top:8px;left:12px}@keyframes gcur{0%,to{transform:translate(0)}30%{transform:translate(60px,-30px)}60%{transform:translate(-40px,40px)}}.research{border-top:2px solid var(--fg)}.rrow{border-bottom:1px solid var(--line);will-change:transform;color:inherit;grid-template-columns:48px 1fr auto;align-items:start;gap:22px;padding:26px 0;display:grid}.ridx{color:var(--fg3);padding-top:6px}.rtitle{font-family:var(--disp);letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.1}.rtitle span{font-family:var(--body);color:var(--fg3);letter-spacing:0;margin-top:4px;font-size:14px;font-weight:400;display:block}.rrow p{color:var(--fg2);max-width:70ch;margin-top:10px;font-size:15px}.rrow .chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.rbadge{background:var(--lime);color:var(--bg);font-family:var(--disp);letter-spacing:-.02em;white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:800;transition:transform .3s;transform:rotate(2deg)}.rrow:hover .rbadge{transform:rotate(-2deg)scale(1.08)}.awards{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px;display:grid}.award{border:2px solid var(--fg);background:var(--bg2);will-change:transform;border-radius:18px}.award-in{color:inherit;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:28px 32px;display:grid}.trophy{font-size:28px;line-height:1}.an{font-family:var(--disp);letter-spacing:-.03em;font-size:20px;font-weight:800;line-height:1.1}.ad{color:var(--fg3);margin-top:6px;font-size:13px}.as{color:var(--lime);grid-column:2;margin-top:6px}.skills{border-top:2px solid var(--fg);grid-template-columns:repeat(2,1fr);gap:22px 40px;margin-top:40px;padding-top:72px;display:grid}.sname{color:var(--fg3);margin-bottom:12px}.skills .chips{flex-wrap:wrap;gap:8px;display:flex}.chip.skill{border-color:var(--fg2);color:var(--fg);background:var(--bg2);will-change:transform;padding:7px 12px;font-size:12px;display:inline-block}.orglink span{color:var(--fg2);border-bottom:1px dashed var(--fg3);font-weight:400}.orglink:hover span{color:var(--lime);border-color:var(--lime)}.brag{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.brag .b{border:2px solid var(--bg);color:var(--bg);font-family:var(--disp);letter-spacing:-.04em;will-change:transform;border-radius:18px;padding:26px 30px;font-size:clamp(34px,4vw,56px);font-weight:800;line-height:1;box-shadow:8px 8px #0009}.brag .b small{font-family:var(--mono);letter-spacing:.08em;opacity:.75;margin-top:10px;font-size:11px;font-weight:600;display:block}.takes{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.take{perspective:1200px;height:300px;position:relative}.take .in{transform-style:preserve-3d;will-change:transform;transition:transform .7s cubic-bezier(.34,1.3,.64,1);position:absolute;inset:0}.take:hover .in{transform:rotateY(180deg)}.face{border:2px solid var(--fg);backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:space-between;padding:30px;display:flex;position:absolute;inset:0}.face.front{background:var(--bg2)}.face.back{background:var(--fg);color:var(--bg);transform:rotateY(180deg)}.face .q{font-family:var(--disp);letter-spacing:-.04em;font-size:30px;font-weight:800;line-height:1}.face p{font-size:16px;line-height:1.5}.face .flip{color:var(--fg3)}.face.back .flip{color:var(--bg)}.xp{border-top:2px solid var(--fg)}.xrow{border-bottom:1px solid var(--line);will-change:transform;grid-template-columns:160px 1fr auto;align-items:center;gap:28px;padding:26px 0;display:grid}.xrow .yr{color:var(--fg3)}.xrow h4{font-family:var(--disp);letter-spacing:-.03em;font-size:26px;font-weight:800}.xrow h4 span{color:var(--fg2);font-weight:400}.xrow p{color:var(--fg2);max-width:72ch;margin-top:6px}.xrow .loc{border:1.5px solid var(--line);color:var(--fg2);border-radius:999px;padding:6px 10px}.contact{text-align:center;padding:140px 0 100px}.contact h2{font-size:clamp(70px,16vw,240px);line-height:.85;display:inline-block}.contact h2 .ch{will-change:transform}.contact p{color:var(--fg2);margin-top:30px;font-size:20px}.contact .ctas{justify-content:center}.contact .mail{font-family:var(--mono);color:var(--fg3);border-bottom:1px dashed var(--fg3);margin-top:24px;padding-bottom:2px;display:inline-block}footer{border-top:1px solid var(--line);color:var(--fg3);padding:24px 0}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.confetti{pointer-events:none;z-index:97;position:fixed;inset:0}@media (width<=960px){.hero{grid-template-columns:1fr;min-height:auto;padding:40px 0 60px}.wave{opacity:.4;height:46%;top:auto;bottom:0}.cluster{height:420px;margin-top:20px}.polaroid{width:200px}.stk{padding:12px 14px;font-size:19px}.navlinks a{padding:6px 8px;font-size:14px}.work{grid-template-columns:1fr}.proj.big{grid-column:span 1;grid-template-columns:1fr}.takes{grid-template-columns:1fr}.xrow{grid-template-columns:1fr;gap:8px}.rrow{grid-template-columns:1fr;gap:10px}.ridx{display:none}.rbadge{justify-self:start}.awards,.skills{grid-template-columns:1fr}.gw{width:46%}.bub{max-width:88%}.chat{min-height:0}section{padding:70px 0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}