:root{--color-bg: #f8fafc;--color-bg-alt: #ffffff;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-surface: #ffffff;--color-surface-alt: #f8fafc;--color-accent: #64748b;--color-accent-light: #94a3b8;--color-accent-muted: #475569;--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", "SF Mono", monospace;--nav-height: 80px;--max-width: 1080px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg: #09090b;--color-bg-alt: #18181b;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-border: #27272a;--color-border-light: #18181b;--color-surface: #18181b;--color-surface-alt: #09090b;--color-accent: #a1a1aa;--color-accent-light: #d4d4d8;--color-accent-muted: #71717a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;transition:background .4s ease,color .3s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.page{min-height:100vh;padding-top:var(--nav-height)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:96px 24px;border-bottom:1px solid var(--color-border);transition:background .4s ease,border-color .3s ease}.section:last-child{border-bottom:none}.section-alt{background:var(--color-bg-alt)}.section-inner{max-width:var(--max-width);margin:0 auto}.micro-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.heading-xl{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;color:var(--color-text)}.heading-lg{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--color-text)}.body-text{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);font-weight:400}.body-text strong,.about-bio-layout strong{color:var(--color-text);font-weight:500}.demo-frame{border-radius:24px;border:1px solid var(--color-border);background:var(--color-surface-alt);padding:24px;box-shadow:inset 0 2px 4px #00000005;overflow:hidden;position:relative;transition:background .4s ease,border-color .3s ease}.demo-frame-dark{background:#0f172a;border-color:#66c0f41f}.demo-frame-light{background:#f8fafc;border-color:#e2e8f0}.tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:100px;border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-surface);transition:background .4s ease,color .3s ease,border-color .3s ease}.about-bio-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.project-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.project-row.reverse .project-text{order:2}.project-row.reverse .project-demo{order:1}@media (max-width: 768px){:root{--nav-height: 72px}.container{padding:0 16px}.section{padding:64px 16px}.nav-links{display:none!important}.nav-burger{display:flex!important}.nav-inner-sep{display:none!important}.nav-island .nav-inner{padding:0 16px!important}.project-row{grid-template-columns:1fr!important;gap:32px!important}.project-row.reverse .project-text{order:1}.project-row.reverse .project-demo{order:2}.about-layout{grid-template-columns:1fr!important;gap:48px!important}.about-bio-layout,.video-grid,.experience-grid{grid-template-columns:1fr!important}.photo-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 480px){.photo-grid{grid-template-columns:1fr!important}}