@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@400;500;600&family=Roboto+Mono:wght@400;500&display=swap";:root{--color-bg:#fdfcf0;--color-surface:#fff;--color-text:#111827;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-border:#e5e7eb;--color-accent:#0e9f9f;--color-accent-dark:#0c8a8a;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"Roboto Mono", monospace}html.dark{--color-bg:#1c1c1e;--color-surface:#1f293799;--color-text:#f3f4f6;--color-text-muted:#9ca3af;--color-text-light:#4b5563;--color-border:#374151}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .3s,color .3s}::selection{background-color:#0e9f9f33}a{color:inherit;text-decoration:none}ul{list-style:none}.progress-bar{background-color:var(--color-accent);z-index:50;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.nav{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fdfcf0cc;border-bottom:1px solid #e5e7eb80;transition:background-color .3s;position:fixed;top:0;left:0;right:0}html.dark .nav{background-color:#1c1c1ecc;border-bottom-color:#37415180}.nav-inner{justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;padding:1rem 1.5rem;display:flex}.nav-logo{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--color-text);cursor:pointer;font-size:1.25rem;font-weight:600;text-decoration:none}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-accent)}.nav-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:.375rem;align-items:center;padding:.375rem;transition:background-color .2s,color .2s;display:flex}.nav-toggle:hover{color:var(--color-text);background-color:#0000000d}html.dark .nav-toggle:hover{background-color:#ffffff0d}.nav-toggle svg{width:1rem;height:1rem}.hero{flex-direction:column;justify-content:center;max-width:48rem;min-height:100vh;margin:0 auto;padding:6rem 1.5rem 4rem;display:flex}.hero-label{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.875rem}.hero-title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:2rem;font-size:clamp(3rem,8vw,4.5rem);font-weight:700;line-height:1.1}.hero-bio{color:var(--color-text-muted);max-width:40rem;margin-bottom:2.5rem;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.75}html.dark .hero-bio{color:#d1d5db}.hero-actions{align-items:center;gap:1rem;display:flex}.hero-cta{color:var(--color-accent);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}.hero-cta:hover{color:var(--color-accent-dark)}.hero-cta svg{width:1rem;height:1rem}.hero-secondary{color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:color .2s}.hero-secondary:hover{color:var(--color-accent)}.story{max-width:48rem;margin:0 auto;padding:5rem 1.5rem}.story-inner{align-items:flex-start;gap:2rem;display:flex}.story-rule{background-color:#0e9f9f4d;flex-shrink:0;align-self:stretch;width:1px;margin-top:.5rem;display:none}@media (width>=768px){.story-rule{display:block}}.story-content{flex-direction:column;gap:4rem;display:flex}.story-eyebrow{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}.story-section-heading{font-family:var(--font-serif);color:var(--color-text);margin-bottom:1.5rem;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:600}.story-body{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.story-body:last-child{margin-bottom:0}html.dark .story-body{color:#9ca3af}.story-blockquote{border-left:2px solid var(--color-accent);color:#374151;margin:2rem 0;padding-left:1.5rem;font-size:1.25rem;font-style:italic;line-height:1.75}html.dark .story-blockquote{color:#d1d5db}.story-closing{border-left:2px solid var(--color-accent);color:#374151;margin-top:2.5rem;padding-left:1.5rem;font-size:1.25rem;font-style:italic;line-height:1.75}html.dark .story-closing{color:#d1d5db}.projects{max-width:80rem;margin:0 auto;padding:5rem 1.5rem}.section-eyebrow{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem}.section-heading{font-family:var(--font-serif);color:var(--color-text);margin-bottom:3rem;font-size:clamp(1.875rem,5vw,2.25rem);font-weight:600}.projects-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);cursor:default;border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:border-color .3s,box-shadow .3s;display:flex}.project-card:hover{border-color:#0e9f9f80;box-shadow:0 10px 30px -5px #0000001a}.project-card--large{padding:2rem}@media (width>=768px){.project-card--large{grid-column:span 2}}.project-badge{font-family:var(--font-mono);white-space:nowrap;border-radius:9999px;align-items:center;gap:.3rem;width:fit-content;margin-bottom:.75rem;padding:.2rem .55rem;font-size:.7rem;font-weight:500;line-height:1.4;display:inline-flex}.project-badge--amber{color:#b45309;background-color:#fef3c7}html.dark .project-badge--amber{color:#fbbf24;background-color:#78350f66}.project-badge--blue{color:#1d4ed8;background-color:#dbeafe}html.dark .project-badge--blue{color:#60a5fa;background-color:#1e3a8a66}.badge-pulse{background-color:#f59e0b;border-radius:50%;width:.375rem;height:.375rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.project-title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.project-title--large{margin-bottom:.75rem;font-size:1.5rem}.project-description{color:var(--color-text-muted);flex:1;margin-bottom:1rem;font-size:.875rem;line-height:1.7}.project-description--large{margin-bottom:1.5rem;font-size:1rem}.project-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.project-stack{opacity:0;flex-wrap:wrap;gap:.375rem;transition:opacity .2s;display:flex}.project-card:hover .project-stack{opacity:1}.project-github-link{font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;opacity:0;flex-shrink:0;align-items:center;gap:.35rem;font-size:.7rem;font-weight:500;transition:opacity .2s,color .2s;display:inline-flex}.project-github-link svg{width:.85rem;height:.85rem}.project-card:hover .project-github-link{opacity:1}.project-github-link:hover{color:var(--color-accent)}.stack-tag{font-family:var(--font-mono);color:#4b5563;background-color:#f3f4f6;border-radius:.25rem;padding:.25rem .625rem;font-size:.75rem}html.dark .stack-tag{color:#d1d5db;background-color:#374151}.skills{max-width:48rem;margin:0 auto;padding:5rem 1.5rem}.skills-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-group-heading{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem;font-size:.75rem;font-weight:500}.skill-list{flex-direction:column;gap:.5rem;display:flex}.skill-item{color:var(--color-text-muted);font-size:.875rem}.footer{border-top:1px solid var(--color-border);max-width:80rem;margin:0 auto;padding:3rem 1.5rem}.footer-quote{text-align:center;font-family:var(--font-serif);color:#374151;margin-bottom:1.5rem;font-size:1.25rem;font-style:italic}html.dark .footer-quote{color:#d1d5db}.footer-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-left{color:#9ca3af;align-items:center;gap:1rem;font-size:.875rem;display:flex}html.dark .footer-left{color:#6b7280}.footer-copyright{font-family:var(--font-sans)}.footer-dot{color:#d1d5db}html.dark .footer-dot{color:#374151}.footer-signature{font-family:var(--font-mono);letter-spacing:.05em;font-size:.75rem}.footer-links{align-items:center;gap:1.25rem;display:flex}.footer-link{color:#6b7280;font-size:.875rem;transition:color .2s}.footer-link:hover{color:var(--color-accent)}