:root{--bg: #F9F7F3;--bg-card: #FFFFFF;--bg-alt: #F2EFE9;--bg-code: #F4F1EC;--text: #1C1914;--text-dim: #57514A;--text-muted: #9A9288;--border: #E5E1D9;--border-soft: #EDE9E2;--accent: #6B4FD8;--accent-hover: #5840B8;--accent-soft: rgba(107, 79, 216, 0.08);--accent-text: rgba(107, 79, 216, 0.12);--shadow-card: 0 1px 3px rgba(28, 25, 20, 0.06), 0 1px 2px rgba(28, 25, 20, 0.04);--shadow-card-hover: 0 4px 12px rgba(28, 25, 20, 0.08), 0 2px 4px rgba(28, 25, 20, 0.06);--font-serif: "Lora", Georgia, "Times New Roman", serif;--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--wrap: 1040px;--wrap-narrow: 720px;--s1: 0.25rem;--s2: 0.5rem;--s3: 0.75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--s8: 5rem}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh}img{max-width:100%;height:auto;display:block}::selection{background:var(--accent-text);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s5)}.wrap-narrow{max-width:var(--wrap-narrow);margin:0 auto;padding:0 var(--s5)}.site-main{padding-bottom:var(--s8)}.site-nav{padding:var(--s5) 0;border-bottom:1px solid var(--border-soft);margin-bottom:var(--s7)}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--s5)}.brand{font-family:var(--font-serif);font-size:1.125rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-0.01em}.brand:hover{color:var(--accent)}.nav-links{display:flex;gap:var(--s5);font-size:0.9375rem}.nav-links a{color:var(--text-dim);text-decoration:none;transition:color 0.15s}.nav-links a:hover{color:var(--accent)}.hero{margin:var(--s6) auto var(--s7)}.hero-name{font-family:var(--font-serif);font-size:clamp(2.25rem, 5vw, 3.25rem);font-weight:700;letter-spacing:-0.02em;line-height:1.05;margin:0 0 var(--s3)}.hero-tagline{font-size:1.125rem;color:var(--text-dim);margin:0;max-width:42em;line-height:1.55}.media-strip{margin:var(--s7) auto}.media-strip-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s4)}.media-strip-label{font-size:0.8125rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}.media-strip-link{font-size:0.875rem;color:var(--accent);text-decoration:none}.media-strip-link:hover{text-decoration:underline}.media-carousel-wrapper{display:flex;align-items:center;gap:var(--s3)}.media-carousel-viewport{overflow:hidden;flex:1;min-width:0}.media-carousel-track{display:flex;gap:var(--s3);transition:transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform}.media-item{flex-shrink:0;height:260px;overflow:hidden;background:var(--bg-alt);cursor:pointer}.media-item img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity 0.2s}.media-item:hover img{opacity:0.85}.carousel-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-size:1.375rem;cursor:pointer;display:grid;place-items:center;transition:background 0.15s, color 0.15s, border-color 0.15s;line-height:1;padding:0}.carousel-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.carousel-btn:disabled{opacity:0.25;cursor:default;pointer-events:none}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s5);gap:var(--s4);flex-wrap:wrap}.section-title{font-family:var(--font-serif);font-size:1.375rem;font-weight:700;margin:0;letter-spacing:-0.01em}.section-link{font-size:0.875rem;color:var(--accent);text-decoration:none}.section-link:hover{text-decoration:underline}.projects-section,.notes-section{margin:var(--s7) auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--s5)}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:box-shadow 0.2s, border-color 0.2s, transform 0.2s}.card[hidden]{display:none}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border);transform:translateY(-2px)}.card-link{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);color:inherit;text-decoration:none;height:100%}.card-title{font-family:var(--font-serif);font-size:1.125rem;font-weight:700;margin:0;line-height:1.3;letter-spacing:-0.01em;color:var(--text);transition:color 0.15s}.card:hover .card-title{color:var(--accent)}.card-summary{font-size:0.9375rem;color:var(--text-dim);line-height:1.55;margin:0;flex:1}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--border-soft)}.card-date{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted)}.card-status{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:0.6875rem;color:var(--text-muted)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.card-status.active .status-dot,.card-status.experimenting .status-dot{background:var(--accent)}.card-status.done .status-dot{background:#5faa6d}.card-status.paused .status-dot{background:#c9a24d}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.tag{font-family:var(--font-mono);font-size:0.6875rem;color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:2px}.search-input{font-family:var(--font-sans);font-size:0.9375rem;background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:8px 14px;width:280px;max-width:100%;outline:none;border-radius:2px;transition:border-color 0.15s, box-shadow 0.15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.archive-empty{color:var(--text-muted);font-size:0.9375rem;margin-top:var(--s5)}.note-list{list-style:none;padding:0;margin:0}.note-item{display:grid;grid-template-columns:7em 1fr;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--border-soft);align-items:baseline}.note-item:first-child{border-top:1px solid var(--border-soft)}.note-date{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted)}.note-title{color:var(--text);text-decoration:none;font-size:1rem;transition:color 0.15s}.note-title:hover{color:var(--accent)}.post{padding:var(--s6) 0 var(--s8)}.post-header{margin-bottom:var(--s6);padding-bottom:var(--s5);border-bottom:1px solid var(--border-soft)}.post-kicker{display:flex;align-items:center;gap:var(--s3);font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);margin:0 0 var(--s4);flex-wrap:wrap}.kicker-category{color:var(--accent);font-weight:500}.kicker-sep{color:var(--border)}.post-title{font-family:var(--font-serif);font-size:clamp(1.875rem, 4vw, 2.75rem);font-weight:700;margin:0 0 var(--s4);line-height:1.1;letter-spacing:-0.02em}.post-lede{font-size:1.125rem;color:var(--text-dim);line-height:1.6;margin:0 0 var(--s4);font-style:italic}.post-meta-row{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s4)}.post-meta-date{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted)}.post-body{font-size:1.0625rem;line-height:1.75}.post-body h2{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin:var(--s7) 0 var(--s4);letter-spacing:-0.015em;line-height:1.2}.post-body h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;margin:var(--s6) 0 var(--s3);letter-spacing:-0.01em}.post-body h4{font-size:1rem;font-weight:600;margin:var(--s5) 0 var(--s2);color:var(--text-dim)}.post-body p{margin:0 0 var(--s4)}.post-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color 0.15s}.post-body a:hover{color:var(--accent-hover)}.post-body strong{font-weight:600}.post-body ul,.post-body ol{padding-left:1.5em;margin:0 0 var(--s4)}.post-body li{margin-bottom:var(--s2)}.post-body li::marker{color:var(--accent)}.post-body hr{border:none;border-top:1px solid var(--border);margin:var(--s6) 0}.post-body code{font-family:var(--font-mono);font-size:0.875em;background:var(--bg-code);color:var(--text);padding:1px 5px;border-radius:3px;border:1px solid var(--border-soft)}.post-body pre,.post-body .highlight{background:var(--bg-code);border:1px solid var(--border);border-left:3px solid var(--accent);padding:var(--s4) var(--s5);overflow-x:auto;font-size:0.875rem;line-height:1.65;margin:var(--s5) 0;border-radius:0 3px 3px 0}.post-body .highlight pre{background:transparent;border:none;padding:0;margin:0}.post-body pre code,.post-body .highlight code{background:none;border:none;padding:0;color:var(--text)}.post-body blockquote{margin:var(--s5) 0;padding:var(--s4) var(--s5);border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text-dim);font-style:italic;border-radius:0 3px 3px 0}.post-body blockquote p{margin:0 0 var(--s2)}.post-body blockquote p:last-child{margin:0}.post-body table{width:100%;border-collapse:collapse;font-size:0.9375rem;margin:var(--s5) 0;border:1px solid var(--border);border-radius:3px;overflow:hidden}.post-body th,.post-body td{padding:var(--s3) var(--s4);text-align:left;border-bottom:1px solid var(--border-soft)}.post-body th{font-weight:600;font-size:0.875rem;background:var(--bg-alt);border-bottom:1px solid var(--border)}.post-body tr:last-child td{border-bottom:none}.post-body img{border-radius:3px;margin:var(--s5) 0}.post-footer{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap}.back-link{font-size:0.9375rem;color:var(--text-dim);text-decoration:none;transition:color 0.15s}.back-link:hover{color:var(--accent)}.footer-pill{font-family:var(--font-mono);font-size:0.6875rem;color:var(--text-muted);background:var(--bg-alt);padding:2px 8px;border-radius:2px}.media-page{padding:var(--s6) 0 var(--s8);max-width:min(1440px, calc(100vw - 3rem))}.media-page-header{margin-bottom:var(--s6)}.media-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--s4);align-items:start}.media-grid-item{background:var(--bg-alt);border:1px solid var(--border-soft);border-radius:3px;transition:transform 0.25s ease, box-shadow 0.25s ease;position:relative;z-index:0}.media-grid-item.landscape{grid-column:span 2}.media-grid-item img{width:100%;height:auto;display:block;border-radius:3px}.media-grid-item:hover{transform:scale(1.04);box-shadow:var(--shadow-card-hover);z-index:1}.media-grid-caption{padding:var(--s3) var(--s4);font-size:0.875rem;color:var(--text-dim);border-top:1px solid var(--border-soft)}.lightbox{position:fixed;inset:0;background:rgba(20,16,12,0.92);display:grid;place-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.2s ease;cursor:default}.lightbox.open{opacity:1;pointer-events:all}.lightbox-img{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;cursor:default;box-shadow:0 24px 64px rgba(0,0,0,0.6);border-radius:2px;display:block;transform:scale(0.96);transition:transform 0.2s ease}.lightbox-img:hover{transform:scale(1)}.lightbox-close{position:absolute;top:1.25rem;right:1.25rem;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1rem;display:grid;place-items:center;transition:background 0.15s;line-height:1}.lightbox-close:hover{background:rgba(255,255,255,0.25)}.site-footer{padding:var(--s6) 0;border-top:1px solid var(--border-soft);font-size:0.875rem;color:var(--text-muted);background:var(--bg)}.footer-inner{display:flex;justify-content:space-between;gap:var(--s5);flex-wrap:wrap}.site-footer a{color:var(--text-dim);text-decoration:none;transition:color 0.15s}.site-footer a:hover{color:var(--accent)}.footer-sep{margin:0 var(--s2);color:var(--border)}.archive-page{padding:var(--s6) 0 var(--s8)}.archive-page-header{margin-bottom:var(--s6)}.highlight{background:transparent;color:var(--text)}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cp,.highlight .cs{color:var(--text-muted);font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr{color:var(--accent)}.highlight .kt{color:#B56B00}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#2A7A3B}.highlight .m,.highlight .mi,.highlight .mf,.highlight .mh,.highlight .mo,.highlight .il{color:#B56B00}.highlight .na{color:var(--accent)}.highlight .nb,.highlight .bp{color:#5840B8}.highlight .nc,.highlight .nf,.highlight .nd{color:#B56B00}.highlight .nt{color:var(--accent)}.highlight .o,.highlight .ow{color:var(--accent)}.highlight .gd{color:#c0392b;background:#fdf0ef}.highlight .gi{color:#2A7A3B;background:#f0fdf4}.highlight .err{color:#c0392b}@media (max-width: 640px){.site-nav{margin-bottom:var(--s5)}.hero{margin:var(--s5) auto var(--s6)}.projects-section,.notes-section,.media-strip{margin:var(--s6) auto}.card-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2, 1fr)}.media-grid-item.landscape{grid-column:span 2}.search-input{width:100%}.note-item{grid-template-columns:6em 1fr;gap:var(--s3)}.section-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:0.01ms !important}}