:root{--bg: #ffffff;--dot: #ebebeb;--ink: #111111;--text: #333333;--muted: #6b6b6b;--line: #e8e8e8;--soft: #f5f5f3;--hair: #f2c14e;--hair-soft: #fbf3dc;--red: #c8262c;--navy: #1f2a5a;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-pixel: "Silkscreen", var(--font-mono);--surface: #ffffff;--header-bg: rgb(255 255 255 / .82);--pending-bg: rgb(255 255 255 / .7);--degree-shadow: var(--navy);--card-edge: transparent;--radius: 20px;--header-h: 68px;color-scheme:light}:root[data-theme=dark]{--bg: #0e0e10;--dot: #1f1f23;--ink: #f2f2f0;--text: #c9c9cc;--muted: #8c8c93;--line: #26262b;--soft: #1c1c20;--hair-soft: #2a2416;--surface: #151518;--header-bg: rgb(14 14 16 / .82);--pending-bg: rgb(21 21 24 / .6);--degree-shadow: transparent;--card-edge: #26262b;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}::selection{background:var(--hair);color:var(--ink)}:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}.caret{display:inline-block;width:.5em;height:.12em;margin-left:2px;background:currentColor;vertical-align:baseline;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.site-header{position:sticky;top:0;z-index:20;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.brand{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;text-decoration:none;letter-spacing:-.01em}.brand .caret{color:var(--red)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.icon-button:hover{border-color:var(--ink)}.icon-button:active{transform:scale(.94)}.icon-button svg{width:18px;height:18px}.lang-button{font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.02em}.menu{position:relative}.burger{align-content:center;place-items:stretch;gap:4px;padding:0 12px}.burger span{display:block;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.is-open span:nth-child(2){opacity:0}.burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.dropdown{position:absolute;top:calc(100% + 10px);right:0;display:grid;width:250px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 18px 40px #0000001a;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.dropdown.is-open{opacity:1;visibility:visible;transform:none}.dropdown a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-weight:500;text-decoration:none}.dropdown a:hover{background:var(--soft)}.dropdown-index{font-family:var(--font-pixel);font-size:.7rem;color:var(--red)}.dropdown-arrow{margin-left:auto;color:var(--muted);transition:transform .15s ease}.dropdown a:hover .dropdown-arrow{transform:translate(3px);color:var(--ink)}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:56px;padding-top:72px;padding-bottom:40px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin:0;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.9rem;font-weight:500}.hero-kicker .dot{width:8px;height:8px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 4px #1f9d5526}h1{margin:22px 0 0;font-family:var(--font-display);font-size:clamp(3rem,7.4vw,6rem);font-weight:800;line-height:.95;letter-spacing:-.045em}.bio{max-width:36rem;margin:24px 0 0;font-size:1.2rem;color:var(--text)}.location{display:flex;align-items:center;gap:6px;margin:14px 0 0;color:var(--muted);font-size:.9rem}.location svg{width:10px;height:14px;fill:var(--red)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px}.button{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;text-decoration:none;box-shadow:4px 4px 0 var(--hair);transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--hair)}.socials{display:flex;gap:10px}.social{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:background .15s ease,color .15s ease,transform .15s ease}.social svg{width:18px;height:18px}.social:hover{background:var(--ink);color:var(--bg);transform:translateY(-2px)}.hero-character{justify-self:center;width:auto;height:400px;image-rendering:pixelated}.hero-identity{display:flex;align-items:center;gap:28px}.hero-identity h1{margin-top:16px}.avatar{--cut-a: 100% 58%;--cut-b: 58% 100%;position:relative;flex:none;width:148px;aspect-ratio:1;cursor:pointer;transition:transform .35s cubic-bezier(.3,1.4,.5,1);-webkit-tap-highlight-color:transparent}.avatar-photo{width:100%;height:100%;border:5px solid #fff;border-radius:50%;object-fit:cover;object-position:60% 30%;box-shadow:0 10px 26px #0000002e;clip-path:polygon(0 0,100% 0,var(--cut-a),var(--cut-b),0 100%);transition:clip-path .35s ease}.avatar-peel{position:absolute;inset:0;filter:drop-shadow(-3px -3px 4px rgb(0 0 0 / .22));pointer-events:none}.avatar-peel span{position:absolute;inset:0;background:linear-gradient(135deg,#fff 55%,#e4e4e4 75%,#c9c9c9);clip-path:polygon(99.2% 58.8%,86.9% 62.7%,72.6% 72.6%,62.7% 86.9%,58.8% 99.2%);transition:clip-path .35s ease}.avatar:hover,.avatar.is-peeled{--cut-a: 100% 42%;--cut-b: 42% 100%;transform:rotate(-6deg) scale(1.04)}.avatar:hover .avatar-peel span,.avatar.is-peeled .avatar-peel span{clip-path:polygon(99.4% 42.6%,74.9% 45%,56.6% 56.6%,45% 74.9%,42.6% 99.4%)}.section{padding-top:112px}.section-head{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:baseline;margin-bottom:32px}.section-index{font-family:var(--font-pixel);font-size:.85rem;color:var(--red)}h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.05;letter-spacing:-.035em}.section-head p{grid-column:2;margin:8px 0 0;color:var(--muted);font-size:1.05rem}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.proj{position:relative;border:1px solid var(--card-edge);display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.proj:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000024}.proj-visual{position:relative;display:grid;place-items:center;height:200px;overflow:hidden}.proj-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px 22px 22px}.proj-head{display:flex;align-items:center;gap:10px}.proj-icon{flex:none;width:32px;height:32px;border-radius:9px}.proj-head h3{margin:0;font-size:1.05rem;font-weight:600}.badge{padding:2px 8px;border-radius:999px;font-family:var(--font-pixel);font-size:.6rem;text-transform:uppercase;line-height:1.6}.proj-tagline{margin:0;font-size:.95rem;line-height:1.5;opacity:.78}.proj-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.tags li{padding:2px 9px;border-radius:999px;font-family:var(--font-mono);font-size:.7rem;background:#ffffff17}.proj-link{flex:none;font-family:var(--font-mono);font-size:.75rem;text-decoration:none;opacity:.65}a.proj-link:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.proj--taverna{background:#0a0a0b;color:#e6e6e8}.proj--taverna .proj-visual:before{content:"";position:absolute;inset:-60% -20% auto auto;z-index:-1;width:320px;height:320px;background:radial-gradient(circle,rgb(245 165 36 / .28),transparent 65%);animation:lantern 4s ease-in-out infinite}@keyframes lantern{50%{opacity:.6}}.proj--taverna .proj-icon{box-shadow:0 0 0 1px #ffffff1f,0 0 18px #f5a5244d}.proj--taverna .badge{background:#f5a52429;color:#f5b54a}.tw{display:grid;gap:8px;width:82%;font-size:.78rem}.tw-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgb(255 255 255 / .07);border-radius:8px;background:#161618}.tw-row i{flex:none;width:7px;height:7px;border-radius:50%;background:#47474c}.tw-row.is-done i{background:#3ecf8e}.tw-row.is-running i{background:#f5b54a;animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #f5b54a99}to{box-shadow:0 0 0 7px #f5b54a00}}.tw-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tw-row b,.tw-row em{margin-left:auto;font-family:var(--font-mono);font-size:.66rem;font-style:normal}.tw-row b{padding:1px 7px;border-radius:4px;background:#e6e6e8;color:#0a0a0b}.tw-row em{color:#6a6a70}.proj--guerra{background:#2a1708;color:#fff7e6}.proj--guerra .proj-visual{background:var(--tavern) center 70% / cover no-repeat}.proj--guerra .proj-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#2a1708)}.proj--guerra .proj-head h3{font-family:"Bangers",var(--font-display);font-size:1.45rem;font-weight:400;letter-spacing:.04em;line-height:1;color:#ffd25e;text-shadow:2px 2px 0 #120800}.proj--guerra .badge{background:#6bb44e;color:#10230a}.proj--guerra .tags li{background:#fff7e61f}.hand{position:relative;z-index:1;display:grid;place-items:center;margin-top:40px}.hand img{grid-area:1 / 1;width:108px;height:auto;filter:drop-shadow(0 10px 12px rgb(0 0 0 / .5));transform-origin:50% 130%;transform:translate(calc(var(--i) * 34px)) rotate(calc(var(--i) * 9deg));transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.proj--guerra:hover .hand img{transform:translate(calc(var(--i) * 62px)) rotate(calc(var(--i) * 11deg)) translateY(-10px)}.proj--framepilot{background:#101114;color:#f1f1f4}.proj--framepilot .badge{background:#d977572e;color:#e58b6c}.fp{display:grid;gap:14px;width:84%}.fp-chat{justify-self:end;margin:0;padding:7px 12px;border-radius:12px 12px 3px;background:#ffffff14;font-size:.75rem}.fp-timeline{position:relative;display:grid;gap:5px;padding:10px;border:1px solid rgb(255 255 255 / .09);border-radius:10px;background:#00000040}.fp-track{display:flex;gap:3px;height:18px}.fp-track span{border-radius:4px;background:linear-gradient(180deg,#e6c27a,#c9a35a)}.fp-track span.is-cut{background:repeating-linear-gradient(135deg,rgb(255 255 255 / .1) 0 4px,transparent 4px 8px);outline:1px dashed rgb(255 255 255 / .25);outline-offset:-1px}.fp-track--text{height:12px}.fp-track--text span{background:#d97757}.fp-track--audio{height:10px}.fp-track--audio span{background:repeating-linear-gradient(90deg,#494238 0 2px,#a7a093 2px 3px)}.fp-playhead{position:absolute;top:4px;bottom:4px;left:10%;width:2px;background:#fff;box-shadow:0 0 8px #fff9;animation:playhead 5s linear infinite}@keyframes playhead{to{left:92%}}.education{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px}.degrees{display:grid;gap:16px}.degree{display:flex;align-items:flex-start;gap:18px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:6px 6px 0 var(--degree-shadow)}.degree>div{flex:1;min-width:0}.degree--pending{border-style:dashed;box-shadow:none;background:var(--pending-bg)}.degree-mark{display:grid;place-items:center;flex:none;width:56px;height:56px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted)}.degree-mark img{width:34px;height:34px;object-fit:contain}.degree-mark .line-icon{width:26px;height:26px}.degree-top{display:flex;justify-content:space-between;gap:12px}.degree-level{font-family:var(--font-pixel);font-size:.68rem;text-transform:uppercase;color:var(--red)}.degree-status{font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.degree h3{margin:8px 0 2px;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.degree--pending h3{color:var(--muted)}.degree p{margin:0;color:var(--text)}.degree .degree-period{margin-top:8px;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.certs{padding:24px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.certs h3{margin:0 0 10px;font-size:1rem;font-weight:600}.certs ul{margin:0;padding:0;list-style:none}.certs a{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none}.certs .line-icon{width:18px;height:18px;color:var(--muted);transition:color .15s ease}.cert-title{font-weight:500}.cert-issuer{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-transform:uppercase}.certs a:hover .cert-title{text-decoration:underline;text-underline-offset:3px}.certs a:hover .line-icon{color:var(--red)}.contact{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px;padding:48px;border-radius:28px;background:var(--navy);color:#fff;box-shadow:8px 8px 0 var(--red)}.contact .section-index{color:var(--hair)}.contact h2{margin-top:10px}.contact p{max-width:30rem;margin:12px 0 0;color:#ffffffbf}.contact-actions{display:grid;justify-items:end;gap:16px}.contact-email{font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,1.75rem);font-weight:700;text-decoration:none;border-bottom:3px solid var(--hair);overflow-wrap:anywhere}.contact .social{background:transparent;border-color:#ffffff40;color:#fff}.contact .social:hover{background:#fff;color:var(--navy)}.footer{display:flex;align-items:flex-end;gap:12px;margin-top:96px;margin-bottom:24px;font-family:var(--font-pixel);font-size:.7rem;color:var(--muted)}.footer span{flex:1;padding-bottom:6px;border-bottom:2px solid var(--ink);margin-bottom:-2px}.footer-sprite{width:40px;height:auto;image-rendering:pixelated;border-bottom:2px solid var(--ink);transition:transform .2s ease}.footer-sprite:hover{transform:translateY(-6px)}@media(max-width:1080px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.hero,.education{grid-template-columns:1fr}.hero{gap:8px;padding-top:32px}.hero-character{display:none}.hero-identity{flex-direction:column;align-items:stretch;gap:20px}.avatar{align-self:center;width:132px}h1{margin-top:16px}}@media(max-width:640px){.container{padding:0 16px}.projects{grid-template-columns:1fr}.section{padding-top:80px}.contact{padding:28px 24px}.contact-actions{justify-items:start}.socials{gap:8px}.social{width:42px;height:42px}.degree{padding:20px;gap:14px}.degree-mark{width:46px;height:46px}.degree-top{flex-direction:column;gap:2px}.certs{padding:20px}.certs a{grid-template-columns:18px 1fr}.cert-issuer{grid-column:2;margin-top:-10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}