*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f8fafc;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--accent: #1d4ed8;--accent-h: #1e40af;--tag-bg: #eff6ff;--tag-fg: #1d4ed8;--max: 1100px;--gap: clamp(2rem, 5vw, 4rem)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max);margin:0 auto;padding:0;height:3.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-weight:700;font-size:1rem;color:var(--text);letter-spacing:-.02em}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-size:.875rem;color:var(--muted);font-weight:500}.nav-links a:hover{color:var(--text);text-decoration:none}section{padding:var(--gap) 1.5rem}.inner{max-width:var(--max);margin:0 auto}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:2.5rem;color:var(--text)}#hero{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(3rem,8vw,6rem);border-bottom:1px solid var(--border)}.hero-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem}h1{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text);margin-bottom:1.25rem}.hero-pitch{font-size:clamp(1rem,2vw,1.2rem);color:var(--muted);max-width:600px;margin-bottom:2rem;line-height:1.6}.cta-group{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;padding:.65rem 1.4rem;border-radius:6px;font-size:.9rem;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.85;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}#skills{background:var(--surface);border-bottom:1px solid var(--border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.skill-group h3{font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.8rem;font-weight:500;padding:.25rem .65rem;background:var(--tag-bg);color:var(--tag-fg);border-radius:4px}#work{border-bottom:1px solid var(--border)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card{border:1px solid var(--border);border-radius:10px;padding:1.75rem;background:var(--bg);display:flex;flex-direction:column;gap:.75rem}.card-meta{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card h3{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.card p{font-size:.9rem;color:var(--muted);line-height:1.6;flex:1}.card-stack{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.card-stack .tag{background:var(--surface);color:var(--muted)}.card-link{font-size:.875rem;font-weight:600;color:var(--accent);margin-top:.25rem}.card-link:hover{text-decoration:underline}.badge{display:inline-block;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:99px;background:#dcfce7;color:#15803d;letter-spacing:.05em;text-transform:uppercase}#experience{background:var(--surface);border-bottom:1px solid var(--border)}.exp-list{display:flex;flex-direction:column;gap:0}.exp-item{display:grid;grid-template-columns:1fr auto;gap:.5rem 2rem;padding:1.25rem 0;border-bottom:1px solid var(--border);align-items:start}.exp-item:last-child{border-bottom:none}.exp-role{font-weight:700;font-size:1rem;color:var(--text)}.exp-company{font-size:.9rem;color:var(--muted)}.exp-period{font-size:.8rem;color:var(--muted);white-space:nowrap;text-align:right;padding-top:.2rem}#contact{text-align:center;padding-top:clamp(3rem,8vw,5rem);padding-bottom:clamp(3rem,8vw,5rem)}#contact h2{margin-bottom:.75rem}#contact p{color:var(--muted);margin-bottom:2rem;font-size:1.05rem}.contact-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}footer{border-top:1px solid var(--border);padding:1.5rem;text-align:center;font-size:.8rem;color:var(--muted)}@media (max-width: 600px){.nav-links{display:none}.exp-item{grid-template-columns:1fr}.exp-period{text-align:left}}