@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f2ec;--surface: #e8f0e8;--border: #c8d8c8;--text-primary: #1a1712;--text-secondary: #9a9080;--text-muted: #b0a898;--accent: #7a9e82;--max-width: 720px;--section-gap: 96px}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;font-weight:300;background:var(--bg);color:var(--text-primary);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-label{font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);border-top:1px solid var(--border);padding-top:16px;margin-bottom:24px}.nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .2s}.nav--scrolled{border-bottom-color:#e0dbd0}.nav__inner{display:flex;justify-content:space-between;align-items:center;height:56px}.nav__logo{font-family:JetBrains Mono,monospace;font-size:.85rem;letter-spacing:.12em;color:var(--accent)}.nav__links{display:flex;gap:24px}.nav__links a{font-size:.875rem;color:var(--text-secondary)}.nav__links a:hover{color:var(--text-primary);text-decoration:none}.hero{min-height:100vh;display:flex;align-items:center}.hero__content{text-align:center;width:100%}.hero__role{font-family:JetBrains Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:16px}.hero__name{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:300;letter-spacing:.03em;color:var(--text-primary);margin-bottom:16px}.hero__tagline{font-size:1rem;color:var(--text-secondary);max-width:480px;margin:0 auto 32px;line-height:1.7}.hero__cta{display:inline-block;background:var(--accent);color:#fff;font-size:.875rem;padding:10px 24px;border-radius:4px;transition:opacity .2s}.hero__cta:hover{opacity:.85;text-decoration:none}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:24px;box-shadow:0 1px 3px #0000000a;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:8px}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#a8c8a8}.project-card__label{font-family:JetBrains Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.project-card__title{font-size:1rem;font-weight:500;color:var(--text-primary)}.project-card__description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.project-card__tag{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:2px 8px}.project-card__links{display:flex;gap:16px;margin-top:4px}.project-card__links a{font-size:.8rem;color:var(--accent)}.projects{padding-bottom:var(--section-gap)}.projects__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 639px){.projects__grid{grid-template-columns:1fr}}.about{padding-bottom:var(--section-gap)}.about__bio{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:32px;max-width:600px}.about__experience{list-style:none;margin-bottom:32px;display:flex;flex-direction:column;gap:0}.about__role{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.875rem}.about__role:first-child{border-top:1px solid var(--border)}.about__company{font-weight:500;color:var(--text-primary);min-width:140px}.about__title{color:var(--text-secondary);flex:1}.about__years{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.about__links{display:flex;gap:20px}.about__links a{font-size:.875rem}.contact{padding-bottom:0}.contact__intro{font-size:1rem;color:var(--text-secondary);margin-bottom:16px}.contact__email{display:block;font-size:1.25rem;font-weight:400;color:var(--accent);margin-bottom:24px}.contact__email:hover{text-decoration:underline}.contact__links{display:flex;gap:20px}.contact__links a{font-size:.875rem;color:var(--text-muted)}.footer{margin-top:64px;padding:24px 0;border-top:1px solid var(--border)}.footer__copy{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-muted);text-align:center}
