@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--bg-card: #111111;--bg-hover: #1a1a1a;--border: #2a2a2a;--border-mid: #3d3d3d;--text-primary: #f5f5f0;--text-secondary: #ccccc6;--text-muted: #999992;--green: #22c55e;--nav-bg: rgba(8, 8, 8, .38);--nav-border: rgba(255, 255, 255, .08);--font: "Space Grotesk", system-ui, sans-serif;--r-md: 12px;--r-lg: 20px;--r-pill: 999px;--ease: .2s ease;--ease-slow: .35s ease}[data-theme=light]{--bg: #e8f0f8;--bg-card: #dce8f4;--bg-hover: #cfddf0;--border: #9ab8d4;--border-mid: #7ca2bc;--text-primary: #060f18;--text-secondary: #1a3a54;--text-muted: #3d6280;--green: #15803d;--nav-bg: rgba(220, 232, 244, .82);--nav-border: rgba(0, 0, 0, .09)}[data-theme=light] .hero-bg{background-image:url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=1800&q=80&auto=format&fit=crop)}[data-theme=light] .hero-overlay{background:linear-gradient(to bottom,rgba(232,240,248,.55) 0%,rgba(232,240,248,.4) 30%,rgba(232,240,248,.6) 60%,rgba(232,240,248,.92) 82%,var(--bg) 100%)}[data-theme=light] .hero-name{color:#0c1a28;text-shadow:0 2px 24px rgba(232,240,248,.7)}[data-theme=light] .hero-bio{color:#0c1a28d1;text-shadow:0 1px 12px rgba(232,240,248,.5)}[data-theme=light] .hero-tag{color:#15803d;text-shadow:none}[data-theme=light] .hero-tag:before,[data-theme=light] .hero-tag:after{background:#15803d}[data-theme=light] .find-me{border-top-color:#0c1a281a}html{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html{font-family:var(--font);font-size:16px;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}::view-transition-old(root){animation:none}::view-transition-new(root){animation:theme-wipe .5s cubic-bezier(.4,0,.2,1) both}@keyframes theme-wipe{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}body{min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}button{font-family:var(--font)}h1,h2,h3,h4,h5,h6{line-height:1.15;font-weight:700;letter-spacing:-.02em}.container{max-width:1060px;margin:0 auto;padding:0 28px}.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:20px 28px;pointer-events:none}nav{display:flex;align-items:center;gap:4px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:var(--r-pill);padding:6px 10px;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);pointer-events:all;box-shadow:0 2px 32px #00000040}.nav-logo{display:flex;align-items:center;padding:4px 10px;color:var(--text-primary);opacity:.8;transition:opacity var(--ease)}.nav-logo:hover{opacity:1}.nav-logo svg{flex-shrink:0}.nav-divider{width:1px;height:18px;background:var(--border-mid);margin:0 4px;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{padding:6px 12px;border-radius:var(--r-pill);font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:background var(--ease),color var(--ease);white-space:nowrap}.nav-links a:hover{color:var(--text-primary);background:#ffffff0d}.nav-links a.active{background:var(--text-primary);color:var(--bg)}.nav-right{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary);padding:4px 10px 4px 8px;border-radius:var(--r-pill);white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 2.5s ease-in-out infinite}.theme-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-pill);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color var(--ease),background var(--ease);padding:0;flex-shrink:0}.theme-toggle:hover{color:var(--text-primary);background:#8080801a}.theme-toggle svg{width:15px;height:15px}.icon-sun{display:none}.icon-moon,[data-theme=light] .icon-sun{display:block}[data-theme=light] .icon-moon{display:none}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 5px #22c55e00}}.page-wrapper{padding-top:80px}.hero+.page-wrapper{padding-top:0}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-start;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=1800&q=80&auto=format&fit=crop);background-size:cover;background-position:center 30%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,8,8,.86) 0%,rgba(8,8,8,.76) 28%,rgba(8,8,8,.78) 58%,rgba(8,8,8,.96) 82%,var(--bg) 100%),radial-gradient(ellipse 110% 90% at 50% 45%,#0808081a,#080808b3)}.hero-inner{position:relative;z-index:2;padding-top:clamp(140px,24vh,220px);padding-bottom:clamp(80px,14vh,140px);width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4ade80;margin-bottom:32px;text-shadow:0 1px 20px rgba(0,0,0,.9)}.hero-tag:before,.hero-tag:after{content:"";width:24px;height:1px;background:var(--green);flex-shrink:0}.hero-name{font-size:clamp(3.2rem,9vw,6.5rem);font-weight:800;letter-spacing:-.05em;line-height:.92;color:#fff;margin-bottom:32px;text-shadow:0 2px 48px rgba(0,0,0,.9),0 0 80px rgba(0,0,0,.6)}.hero-bio{font-size:1.05rem;color:#e6e6e0e0;max-width:520px;line-height:1.75;margin-bottom:40px;text-shadow:0 1px 24px rgba(0,0,0,.8)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;border-radius:var(--r-pill);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all var(--ease);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--text-primary);color:var(--bg)}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-mid)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-secondary);transform:translateY(-1px)}.find-me{margin-top:52px;padding-top:44px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;width:100%}.find-me-label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.find-me-links{display:flex;flex-wrap:wrap;gap:2px}.find-me-link{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--r-pill);font-size:.82rem;font-weight:500;color:var(--text-secondary);transition:all var(--ease)}.find-me-link:hover{background:var(--bg-card);color:var(--text-primary)}.find-me-link svg{width:15px;height:15px;flex-shrink:0}.section{padding:32px 0}.section+.section{padding-top:0}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.section-link{font-size:.82rem;color:var(--text-secondary);font-weight:500;transition:color var(--ease)}.section-link:hover{color:var(--text-primary)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.projects-grid .project-card:last-child:nth-child(odd){grid-column:span 2}@media (max-width: 600px){.projects-grid .project-card:last-child:nth-child(odd){grid-column:span 1}}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:14px;transition:all var(--ease-slow)}.project-card:hover{border-color:var(--border-mid);transform:translateY(-2px);background:var(--bg-hover)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.project-card-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.project-card-link{font-size:.78rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;transition:color var(--ease)}.project-card-link:hover{color:var(--text-primary)}.project-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.7;flex:1}.project-card-tags{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{font-size:.7rem;font-weight:500;padding:3px 9px;border-radius:var(--r-pill);background:#ffffff0a;color:var(--text-secondary);border:1px solid var(--border);letter-spacing:.02em}.projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 680px){.projects-list{grid-template-columns:1fr}}.project-card-full{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;transition:all var(--ease-slow)}.project-card-full:hover{border-color:var(--border-mid);background:var(--bg-hover)}.pcf-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px}.pcf-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.7;flex:1;margin-bottom:20px}.pcf-divider{height:1px;background:var(--border);margin-bottom:16px}.pcf-stack{font-size:.74rem;color:var(--text-muted);letter-spacing:.03em;margin-bottom:14px}.pcf-links{display:flex;gap:16px;align-items:center}.pcf-link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);transition:color var(--ease)}.pcf-link:hover{color:var(--text-primary)}.pcf-link svg{width:14px;height:14px;flex-shrink:0}.post-list{display:flex;flex-direction:column;gap:12px}.post-card{display:flex;flex-direction:column;gap:12px;padding:22px 24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card);cursor:pointer;transition:all var(--ease);text-decoration:none;color:inherit}.post-card:hover{border-color:var(--border-mid);background:var(--bg-hover)}.writing-empty{padding:52px 0 80px}.writing-empty-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:12px}.writing-empty-text{font-size:1rem;color:var(--text-secondary);line-height:1.75;max-width:480px}.post-card-meta{display:flex;align-items:center;justify-content:space-between}.post-category{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 9px;border-radius:var(--r-pill);background:#ffffff0a;color:var(--text-muted);border:1px solid var(--border)}.post-date{font-size:.74rem;color:var(--text-muted)}.post-title{font-size:1rem;font-weight:600;letter-spacing:-.02em;line-height:1.35;color:var(--text-primary)}.post-excerpt{font-size:.845rem;color:var(--text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quote-section{padding:52px 0;text-align:center}.quote-mark{font-size:4rem;line-height:1;color:var(--border-mid);font-family:Georgia,serif;margin-bottom:-8px}.quote-text{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--text-secondary);max-width:580px;margin:0 auto 24px;line-height:1.75;font-style:italic;letter-spacing:-.01em}.quote-author{font-size:.85rem;color:var(--text-muted);font-weight:500;font-style:normal}.page-hero{padding:56px 0 36px;margin-bottom:40px}.page-hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:24px}.page-hero-tag:before{content:"";width:18px;height:1px;background:var(--green)}.page-hero-title{font-size:clamp(2.8rem,7vw,5rem);font-weight:800;letter-spacing:-.05em;line-height:.95;color:var(--text-primary);margin-bottom:24px}.page-hero-desc{font-size:1rem;color:var(--text-secondary);line-height:1.65}.work-list{display:flex;flex-direction:column;gap:0}.work-item{display:grid;grid-template-columns:140px 1fr;gap:0 40px;padding:32px 0}.work-item+.work-item{border-top:1px solid var(--border);border-image:linear-gradient(to right,transparent,var(--border) 10%,var(--border) 60%,transparent) 1}.work-date{font-size:.75rem;color:var(--text-muted);font-weight:500;padding-top:4px;line-height:1.5;letter-spacing:.02em}.work-company{font-size:1.05rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px}.work-role{font-size:.85rem;color:var(--green);font-weight:500;margin-bottom:18px}.work-bullets{display:flex;flex-direction:column;gap:8px}.work-bullets li{font-size:.9rem;color:var(--text-secondary);line-height:1.65;padding-left:18px;position:relative}.work-bullets li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--text-muted)}.work-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.post-reading{max-width:1140px;margin:0 auto;padding:52px 28px 100px}.post-back{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-muted);font-weight:500;margin-bottom:44px;transition:color var(--ease)}.post-back:hover{color:var(--text-primary)}.post-header{margin-bottom:28px}.post-header-title{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.04em;line-height:1.1;color:var(--text-primary);margin-bottom:20px}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.post-tag-chip{font-size:.72rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 12px;letter-spacing:.01em}.post-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.post-meta-category{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--r-pill);padding:3px 10px}.post-meta-sep{color:var(--text-muted);font-size:.875rem}.post-meta-time{display:flex;align-items:center;gap:5px;font-size:.875rem;color:var(--text-secondary)}.post-meta-time svg{width:14px;height:14px;flex-shrink:0;opacity:.7}.post-meta-date{font-size:.875rem;color:var(--text-secondary)}.post-header-divider{height:1px;background:var(--border);margin-bottom:52px}.post-reading-body{font-size:1rem;line-height:1.85;color:var(--text-secondary)}.post-reading-body h2{font-size:1.35rem;color:var(--text-primary);margin:52px 0 16px;letter-spacing:-.03em}.post-reading-body h3{font-size:1.1rem;color:var(--text-primary);margin:32px 0 12px}.post-reading-body p{margin-bottom:24px}.post-reading-body code{font-size:.85em;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-family:SF Mono,Fira Code,monospace}.post-reading-body pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:24px;overflow-x:auto;margin:28px 0;font-size:.85rem;font-family:SF Mono,Fira Code,monospace;line-height:1.6}.post-reading-body pre code{background:none;border:none;padding:0}.post-reading-body ul,.post-reading-body ol{padding-left:24px;margin-bottom:24px}.post-reading-body ul{list-style:disc}.post-reading-body ol{list-style:decimal}.post-reading-body li{margin-bottom:8px}.post-reading-body blockquote{border-left:2px solid var(--border-mid);padding-left:24px;color:var(--text-muted);margin:28px 0;font-style:italic}.post-reading-body a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-mid);transition:text-decoration-color var(--ease)}.post-reading-body a:hover{text-decoration-color:var(--text-primary)}footer{padding:36px 0 28px;border-top:1px solid var(--border);margin-top:60px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.footer-copy{font-size:.76rem;color:var(--text-muted)}.footer-right{display:flex;align-items:center;gap:0}.footer-links{display:flex;gap:16px;align-items:center}.footer-links a{display:flex;align-items:center;color:var(--text-muted);transition:color var(--ease)}.footer-links a:hover{color:var(--text-primary)}.footer-link-text{display:none}.footer-icon{width:15px;height:15px;flex-shrink:0}.footer-clock{font-size:.76rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:16px;margin-left:16px;border-left:1px solid var(--border-mid)}.footer-tagline{font-size:.7rem;color:var(--text-muted);text-align:center;letter-spacing:.08em;text-transform:uppercase}@media (max-width: 768px){.work-item{grid-template-columns:1fr;gap:8px}.work-date{padding-top:0}footer{margin-top:16px;padding:12px 0 10px}.footer-main{justify-content:center;margin-bottom:4px}.footer-right{display:none}.footer-copy{font-size:.7rem;text-align:center}.footer-tagline{font-size:.62rem;letter-spacing:.1em;margin-top:0}.projects-list{grid-template-columns:1fr}.page-hero{padding:44px 0 28px;margin-bottom:28px}.page-hero-title{font-size:clamp(2.2rem,9vw,3.6rem)}.section{padding:32px 0}.section+.section{padding-top:0}}@media (max-width: 680px){.status-badge span:not(.dot){display:none}.nav-links a{padding:6px 8px;font-size:.82rem}.find-me{flex-direction:column;align-items:center;gap:16px}.hero-name{font-size:clamp(2.8rem,12vw,4rem)}.hero-bio{font-size:.97rem}.post-reading{padding-left:20px;padding-right:20px}}@media (max-width: 480px){.container{padding:0 16px}.nav-divider,.nav-right{display:none}.nav-links a{padding:5px 7px;font-size:.78rem}.hero{min-height:auto}.hero-inner{padding-top:100px;padding-bottom:56px}.projects-grid{grid-template-columns:1fr}.projects-grid .project-card:last-child:nth-child(odd){grid-column:span 1}.work-item{gap:6px}.post-reading{padding-left:16px;padding-right:16px}.find-me-link{padding:7px 10px;font-size:.78rem}.btn{padding:10px 18px;font-size:.84rem}.hero-actions{gap:8px}}