:root{--bg: hsl(210 11% 3.5%);--surface: hsl(215 28% 8%);--surface-alt: hsl(215 28% 12%);--ink: hsl(0 0% 98%);--muted: hsl(217.9 10.6% 64.9%);--line: hsl(215 28% 17%);--accent: hsl(255 90% 76%);--accent-strong: hsl(255 90% 66%);--accent-soft: hsla(255, 90%, 76%, .12);--secondary: hsl(329 100% 54%);--status-bg: hsla(150, 60%, 30%, .18);--status-border: hsla(150, 60%, 50%, .45);--status-fg: hsl(150 60% 75%);--status-dot: hsl(150 80% 55%);--max: 720px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}.page{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:28px 0 80px}.page-wide{--max: 1040px}.topnav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:36px;padding-bottom:18px;border-bottom:1px solid var(--line)}.topnav a{color:var(--muted);font-size:.94rem;transition:color .2s}.topnav a[data-active=true],.topnav a:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:14px}.hero-text h1{margin:0 0 6px;font-size:2rem;line-height:1.05;letter-spacing:-.02em;font-weight:700}.hero-text .subtitle{margin:0 0 14px;color:var(--muted);font-size:1rem;line-height:1.6}.avatar{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-strong),var(--secondary));color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:.08em;box-shadow:0 0 0 1px #ffffff0f inset,0 18px 40px -18px #6b3df58c}.wave{display:inline-block;transform-origin:70% 70%;animation:wave 2.6s ease-in-out infinite}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%{transform:rotate(-10deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}}.status-badge{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 10px;border-radius:999px;background:var(--status-bg);border:1px solid var(--status-border);color:var(--status-fg);font-size:.86rem;font-weight:500}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--status-dot);box-shadow:0 0 #30e88cb3;animation:status-pulse 2s ease-out infinite}@keyframes status-pulse{0%{box-shadow:0 0 #30e88c99}70%{box-shadow:0 0 0 9px #30e88c00}to{box-shadow:0 0 #30e88c00}}.typing-cursor{display:inline-block;margin-left:1px;color:var(--status-fg);animation:blink .7s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.section{margin-top:44px}.section h2{margin:0 0 14px;font-size:1.25rem;letter-spacing:-.01em;font-weight:600}.section p{margin:0 0 14px;color:var(--muted);font-size:1rem;line-height:1.72}.page-header h1{margin:6px 0 14px;font-size:1.9rem;letter-spacing:-.02em;line-height:1.05;font-weight:700}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-family:SFMono-Regular,Cascadia Code,Fira Code,monospace}.eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--secondary))}.experience-list,.project-list{display:grid;gap:18px}.experience-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:18px 0;border-top:1px solid var(--line);align-items:start}.project-item{padding:18px 0;border-top:1px solid var(--line)}.experience-item:first-child,.project-item:first-child{border-top:1px solid var(--line)}.exp-logo{width:56px;height:56px;border-radius:10px;display:grid;place-items:center;background:var(--surface-alt);border:1px solid var(--line);overflow:hidden}.exp-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.exp-logo-fallback{font-weight:600;font-size:.86rem;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.exp-content{min-width:0}.role-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;margin-bottom:6px}.role-row strong{font-size:1rem;color:var(--ink)}.role-row span{color:var(--muted);font-size:.92rem}.meta{margin-bottom:8px;color:var(--accent);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-family:SFMono-Regular,Cascadia Code,Fira Code,monospace}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{padding:5px 10px;border-radius:999px;background:var(--surface-alt);color:var(--muted);font-size:.84rem;border:1px solid var(--line)}.tag.game{background:var(--accent-soft);color:var(--accent);border-color:#a68bf940}.inline-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.inline-links a{color:var(--accent);transition:color .2s}.inline-links a:hover{color:var(--ink)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.project-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .22s ease,transform .22s ease,background .22s ease}.project-card:hover{border-color:var(--accent);transform:translateY(-2px);background:var(--surface-alt)}.project-card .project-card-meta{margin-bottom:10px;color:var(--accent);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-family:SFMono-Regular,Cascadia Code,Fira Code,monospace}.project-card h3{margin:0 0 8px;font-size:1.05rem;color:var(--ink);font-weight:600}.project-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}.project-card .tags{margin-top:14px}.footer{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:56px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.embed-frame{width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);background:#000;border-radius:12px;display:block;margin-top:18px}.embed-controls{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:14px;color:var(--muted);font-size:.94rem}.embed-controls strong{color:var(--ink);font-weight:600}[data-blur-fade]{opacity:0}[data-blur-fade].in{animation:blur-fade-in .6s ease-out forwards}@keyframes blur-fade-in{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(max-width:640px){.page{width:min(calc(100% - 24px),var(--max));padding-top:22px}.hero{grid-template-columns:1fr;gap:18px}.avatar{width:72px;height:72px;font-size:1.3rem}.hero-text h1{font-size:1.7rem}.projects-grid{grid-template-columns:1fr}.topnav{gap:14px}}@media(prefers-reduced-motion:reduce){.wave,.status-dot,.typing-cursor{animation:none}[data-blur-fade]{opacity:1!important}[data-blur-fade].in{animation:none}}