*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #555;--color-text-tertiary: #888;--color-accent: #1a1a1a;--color-border: #e5e5e5;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--max-width: 640px}html{font-size:16px;-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}a{color:var(--color-text);text-decoration-color:var(--color-border);text-underline-offset:3px;transition:text-decoration-color .2s}a:hover{text-decoration-color:var(--color-text)}.site{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.header{padding:2rem 0;display:flex;justify-content:space-between;align-items:center}.header-name{font-size:.875rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);text-decoration:none}.header-nav{display:flex;gap:1.5rem}.header-nav a{font-size:.8125rem;color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--color-text)}.hero{padding:4rem 0 3rem}.hero h1{font-size:2.25rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}.hero-intro{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.65;max-width:520px}.hero-links{display:flex;gap:1rem;margin-top:1.75rem}.hero-links a{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-text-secondary);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;transition:border-color .2s,color .2s}.hero-links a:hover{border-color:var(--color-text-tertiary);color:var(--color-text)}.section{padding:2.5rem 0}.section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:1.5rem}.project-card{display:block;text-decoration:none;padding:1.5rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);transition:border-color .2s,box-shadow .2s}.project-card:hover{border-color:#ccc;box-shadow:0 2px 12px #0000000a}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-card h3{font-size:1rem;font-weight:600;letter-spacing:-.01em}.project-card-role{font-size:.75rem;color:var(--color-text-tertiary);font-family:var(--font-mono)}.project-card p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.project-card-arrow{font-size:.8125rem;color:var(--color-text-tertiary);margin-top:1rem;display:flex;align-items:center;gap:.25rem;transition:color .2s}.project-card:hover .project-card-arrow{color:var(--color-text)}.about-text{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.7}.about-text p+p{margin-top:1rem}.divider{border:none;border-top:1px solid var(--color-border);margin:0}.footer{padding:2.5rem 0;display:flex;justify-content:space-between;align-items:center}.footer-left{font-size:.75rem;color:var(--color-text-tertiary)}.footer-links{display:flex;gap:1.25rem}.footer-links a{font-size:.75rem;color:var(--color-text-tertiary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-text)}@media(max-width:480px){.hero{padding:2.5rem 0 2rem}.hero h1{font-size:1.75rem}.hero-intro{font-size:1rem}.hero-links{flex-wrap:wrap}.footer{flex-direction:column;gap:1rem;align-items:flex-start}}