.page{position:relative;width:100%;max-width:640px;flex-shrink:0;padding:2rem 1.5rem 4rem}.glow{position:fixed;top:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--color-glow) 0%,transparent 70%);pointer-events:none;z-index:-1}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.topbar-actions{display:flex;align-items:center;gap:.5rem}.theme-switch{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface);color:var(--color-text-strong);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.theme-switch:hover{color:var(--color-accent);background:var(--color-surface-hover);border-color:var(--color-accent-border-soft)}.theme-switch:focus-visible{outline:2px solid var(--color-accent-border-hover);outline-offset:2px}.eyebrow{margin:0;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;transition:color .15s}.eyebrow:hover{color:var(--color-text-secondary)}.lang-switch{display:flex;gap:.25rem;padding:.2rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-control-bg)}.lang-switch a{padding:.3rem .55rem;border-radius:4px;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500;letter-spacing:.06em;color:var(--color-text-muted);text-decoration:none;transition:color .15s,background .15s}.lang-switch a:hover{color:var(--color-text-secondary)}.lang-switch a.active{color:var(--color-text-strong);background:var(--color-control-active-bg)}.hero{margin-bottom:3rem}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem}.hero-role{margin:0 0 .5rem;font-size:1.05rem;font-weight:500;color:var(--color-text-secondary)}.hero-subtitle{margin:0;font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--color-text-muted);letter-spacing:.02em}.hero-photo{flex-shrink:0}.hero-photo img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}.what-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.what-card{display:flex;flex-direction:column;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-control-bg)}.what-card strong{display:block;margin-bottom:.2rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--color-accent)}.what-card p{margin:0;font-size:.78rem;line-height:1.35;color:var(--color-text-secondary)}.experience-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.experience-item{display:flex;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-control-bg)}.experience-logo{flex-shrink:0;width:4rem}.experience-logo .company-card{width:4rem;height:4rem;aspect-ratio:1}.experience-body{min-width:0}.experience-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.15rem}.experience-head strong{font-size:.95rem;color:var(--color-text-strong)}.experience-period{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--color-text-faint);white-space:nowrap}.experience-role{display:block;margin-bottom:.4rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--color-text-secondary)}.experience-body>p{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text-secondary);line-height:1.55}.experience-highlights{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}.experience-highlights li{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--color-text-muted);padding:.15rem .45rem;border:1px solid var(--color-border);border-radius:4px}.tech-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.tech-item{padding:1rem;border:1px solid var(--skill-border);border-radius:8px;background:var(--skill-bg)}.tech-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.tech-head strong{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--skill-color)}.tech-item p{margin:0;font-size:.88rem;line-height:1.55;color:var(--color-text-secondary)}.project-page{margin-bottom:2rem}.back-link{display:inline-block;margin-bottom:1.5rem;font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s}.back-link:hover{color:var(--color-accent)}.project-page-header{margin-bottom:2rem}.project-page-header h1{margin:0;font-size:clamp(1.75rem,5vw,2.25rem)}.project-sections{display:flex;flex-direction:column;gap:1.5rem}.project-sections h2{margin:0 0 .5rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.project-sections p{margin:0;font-size:.95rem;line-height:1.65;color:var(--color-text-secondary)}.project-sections ul{margin:0;padding-left:1.25rem;color:var(--color-text-secondary);font-size:.95rem;line-height:1.65}.project-external{display:inline-block;margin-top:1.5rem;padding:.75rem 1.25rem;border:1px solid var(--color-accent-border);border-radius:8px;font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--color-accent);text-decoration:none;transition:border-color .15s,background .15s}.project-external:hover{border-color:var(--color-accent-border-hover);background:var(--color-surface-hover)}.company-compact{cursor:default;pointer-events:none}.company-compact:hover{transform:none;border-color:var(--color-border);background:var(--color-control-bg)}h1{margin:0 0 .5rem;font-size:clamp(2.25rem,6vw,3rem);font-weight:600;line-height:1.15;color:var(--color-text-strong);letter-spacing:-.02em}.accent{color:var(--color-accent)}.tagline{margin:0 0 1.25rem;font-family:IBM Plex Mono,monospace;font-size:.95rem;color:var(--color-text-secondary)}.lead{margin:0;font-size:1.05rem;color:var(--color-text-secondary);max-width:52ch}.pitch{margin:1rem 0 0;font-size:.98rem;line-height:1.65;color:var(--color-text-muted);max-width:58ch}.section{margin-bottom:2.5rem}.section h2{margin:0 0 1rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.projects{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.projects a{display:block;padding:1rem;border:1px solid var(--color-border);border-radius:8px;text-decoration:none;background:var(--color-control-bg);transition:border-color .15s,background .15s;color:inherit}.projects a:hover{border-color:var(--color-accent-border-soft);background:var(--color-surface-hover)}.project-featured a{padding:1.25rem;border-color:var(--color-border-strong)}.project-featured a:hover{border-color:var(--color-accent-border-hover)}.project-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.25rem}.project-head strong{font-family:IBM Plex Mono,monospace;font-size:.95rem;color:var(--color-accent)}.project-badge{font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);padding:.15rem .45rem;border:1px solid var(--color-accent-border);border-radius:4px}.project-badge.muted{color:var(--color-text-muted);border-color:var(--color-border)}.project-url{display:block;margin-bottom:.5rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--color-text-faint)}.projects p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.stack-groups{display:flex;flex-direction:column;gap:1.25rem}.stack-group-label{margin:0 0 .5rem;font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint)}.stack{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.stack-item{display:inline-flex;align-items:center;gap:.45rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--skill-color);padding:.4rem .7rem .4rem .55rem;border:1px solid var(--skill-border);border-radius:6px;background:var(--skill-bg)}.stack-icon{width:1rem;height:1rem;flex-shrink:0}.companies{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.company-card{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-control-bg);text-decoration:none;transition:border-color .15s,background .15s,transform .15s}.company-card:hover{border-color:var(--color-accent-border-soft);background:var(--color-surface-hover);transform:translateY(-1px)}.company-text{cursor:default;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.company-text:hover{transform:none;border-color:var(--color-border);background:var(--color-control-bg)}.company-card img{max-width:85%;max-height:2.25rem;width:auto;height:auto;object-fit:contain}.company-card img[src$="reprod.png"]{max-height:2.75rem}.company-card img[src$="mapsly.png"]{max-height:1.75rem;filter:brightness(1.15)}[data-theme=light] .company-card:has(img[src$="reprod.png"]),[data-theme=light] .company-card:has(img[src$="hypeauditor.svg"]){background:#111827;border-color:#374151}[data-theme=light] .company-card:has(img[src$="reprod.png"]):hover,[data-theme=light] .company-card:has(img[src$="hypeauditor.svg"]):hover{background:#1f2937;border-color:#4b5563}[data-theme=light] .company-card img[src$="mapsly.png"]{filter:none}.contact-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.contact-card{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1rem;border:1px solid var(--color-border);border-radius:8px;text-decoration:none;background:var(--color-control-bg);transition:border-color .15s,background .15s}.contact-card:hover{border-color:var(--color-accent-border-soft);background:var(--color-surface-hover)}.contact-label{font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.contact-value{font-size:.88rem;line-height:1.4;color:var(--color-text-strong);word-break:break-word}.links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.links a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;text-decoration:none;background:var(--color-control-bg);transition:border-color .15s,background .15s}.links a:hover{border-color:var(--color-accent-border-soft);background:var(--color-surface-hover)}.link-label{font-weight:500;color:var(--color-text-strong)}.link-hint{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--color-text-muted)}.footer{padding-top:2rem;border-top:1px solid var(--color-border);font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--color-text-faint)}@media (max-width: 640px){.what-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.page{padding:1.5rem 1.25rem 3rem}.hero-top{flex-direction:column}.what-grid,.contact-grid{grid-template-columns:1fr}.experience-item{flex-direction:column}.experience-logo{width:100%}.companies{grid-template-columns:repeat(2,1fr)}}*,*:before,*:after{box-sizing:border-box}:root,[data-theme=dark]{color-scheme:dark;--color-bg: #0c0f14;--color-surface: #11151c;--color-surface-hover: #151a23;--color-border: #1f2937;--color-border-strong: #2a3444;--color-text: #c8cdd6;--color-text-strong: #f0f2f5;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-text-faint: #4b5563;--color-accent: #e8a838;--color-accent-border: #e8a83844;--color-accent-border-hover: #e8a83866;--color-accent-border-soft: #e8a83855;--color-glow: rgba(232, 168, 56, .08);--color-control-bg: #11151c;--color-control-active-bg: #1f2937}[data-theme=light]{color-scheme:light;--color-bg: #f8f9fb;--color-surface: #ffffff;--color-surface-hover: #f3f4f6;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #374151;--color-text-strong: #111827;--color-text-secondary: #6b7280;--color-text-muted: #6b7280;--color-text-faint: #9ca3af;--color-accent: #c78612;--color-accent-border: #c7861233;--color-accent-border-hover: #c7861255;--color-accent-border-soft: #c7861244;--color-glow: rgba(199, 134, 18, .1);--color-control-bg: #ffffff;--color-control-active-bg: #f3f4f6}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-height:100vh;width:100%;overflow-x:clip;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;justify-content:center}a{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}