@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Mono:wght@400;500&display=swap";:root{--text:#2c2c2c;--text-muted:#888;--bg:#fafaf8;--bg-card:#f3f2ee;--border:#e2e1dc;--accent-line:#c8b99a;--tag-bg:#ece9e2;--serif:"Lora", Georgia, serif;--mono:"DM Mono", ui-monospace, monospace;font-family:var(--serif);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.65}*,:before,:after{box-sizing:border-box}body{margin:0}a{color:inherit}nav{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:sticky;top:0}.site-logo{font-family:var(--mono);letter-spacing:.08em;color:var(--text-muted);font-size:13px}.site-nav{gap:32px;display:flex}.nav-link{font-family:var(--mono);letter-spacing:.04em;color:var(--text-muted);padding-bottom:2px;font-size:13px;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent-line);width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after,.nav-link:hover:after{width:100%}.page{max-width:1100px;margin:0 auto;padding:0 48px 96px}.page-header{border-bottom:1px solid var(--border);padding:72px 0 64px}.page-eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px;font-size:12px}.page-title{letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(36px,5vw,60px);font-weight:400;line-height:1.1}.page-subtitle{color:var(--text-muted);max-width:520px;margin:0;font-size:17px;line-height:1.7}.project-list{flex-direction:column;display:flex}.project-section{border-bottom:1px solid var(--border);padding:64px 0}.project-index{font-family:var(--mono);letter-spacing:.1em;color:var(--accent-line);margin-bottom:10px;font-size:11px}.project-title{letter-spacing:-.01em;margin:0 0 32px;font-size:clamp(22px,3vw,30px);font-weight:400}.project-body{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (width<=768px){.project-body{grid-template-columns:1fr;gap:24px}}.project-description{color:var(--text-muted);margin:0 0 24px;font-size:16px;line-height:1.75}.project-source{font-family:var(--mono);color:var(--text-muted);margin:0 0 24px;font-size:11px}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag{font-family:var(--mono);background:var(--tag-bg);color:var(--text-muted);border-radius:3px;padding:4px 10px;font-size:11px}.project-link{font-family:var(--mono);color:var(--text);border-bottom:1px solid var(--accent-line);padding-bottom:1px;font-size:12px;text-decoration:none;transition:border-color .2s}.project-link:hover{border-color:var(--text)}.project-preview{background:var(--bg-card);border:1px solid var(--border);box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;height:340px;padding:24px;display:flex;overflow:hidden}.chart-challenge-preview{background:var(--bg-card);border:1px solid var(--border);box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;height:500px;padding:24px;display:flex;overflow:hidden}.project-image{object-fit:cover;object-position:top;border-radius:4px;width:100%;height:100%}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:48px 0;display:grid}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg-card);border:1px solid var(--border);color:inherit;border-radius:6px;flex-direction:column;gap:12px;padding:28px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.blog-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow,0 4px 12px #00000014)}.blog-card-meta{justify-content:space-between;align-items:center;display:flex}.blog-card-category{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-line);font-size:10px}.blog-card-date{font-family:var(--mono);color:var(--text-muted);font-size:11px}.blog-card-title{font-family:var(--serif);color:var(--text);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:400;line-height:1.4}.blog-card-subtitle{color:var(--text-muted);flex:1;margin:0;font-size:14px;line-height:1.6}.blog-card-link{font-family:var(--mono);color:var(--text-muted);letter-spacing:.04em;margin-top:4px;font-size:11px;transition:color .2s}.blog-card:hover .blog-card-link{color:var(--text)}.post-header{border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding:48px 0 40px;display:flex}.post-back{font-family:var(--mono);color:var(--text-muted);letter-spacing:.04em;font-size:12px;text-decoration:none;transition:color .2s}.post-back:hover{color:var(--text)}.post-meta{align-items:center;gap:16px;display:flex}.post-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.15}.post-subtitle{color:var(--text-muted);margin:0;font-size:18px;font-style:italic}.post-body{max-width:680px;padding:48px 0 96px;line-height:1.8}.post-body h1,.post-body h2,.post-body h3{font-family:var(--serif);color:var(--text);letter-spacing:-.01em;margin:40px 0 16px;font-weight:400}.post-body p{color:var(--text-muted);margin:0 0 20px}.post-body a{color:var(--text);text-underline-offset:3px}.post-body pre{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin:24px 0;padding:20px;overflow-x:auto}.post-body code{font-family:var(--mono);color:var(--text);font-size:13px}.post-body blockquote{border-left:3px solid var(--accent-line);color:var(--text-muted);margin:24px 0;padding:4px 0 4px 20px;font-style:italic}.post-body img{border-radius:6px;width:100%;margin:24px 0}.post-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px}.post-body th,.post-body td{text-align:left;border-bottom:1px solid var(--border);padding:10px 16px}.post-body th{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.post-body iframe{border:none;border-radius:6px;width:100%;margin:24px 0}.scroll-top{border:1px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:border-color .2s,transform .2s;display:flex;position:fixed;bottom:32px;right:32px}.scroll-top:hover{border-color:var(--accent-line);transform:translateY(-2px)}