@font-face{font-family:Cornbread;src:url(/fonts/cornbread-regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Cornbread", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--rail-width: 9rem;--content-width: 45rem;--measure: 39rem;--radius-sm: .25rem;--radius-md: .375rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .18s}:root,[data-theme=dark]{color-scheme:dark;--bg: #11110f;--bg-surface: #1b1a17;--bg-raised: #24221f;--border: #3a3731;--text: #f4f1ea;--text-dim: #c5bfb5;--text-faint: #938d84;--accent: #d1866c;--accent-strong: #e6a089;--accent-muted: color-mix(in srgb, var(--accent) 38%, transparent);--button-bg: #f4f1ea;--button-text: #11110f;--button-hover: #fffdf8;--overlay: rgb(0 0 0 / 62%);--error: #ff9b91}[data-theme=light]{color-scheme:light;--bg: #f6f5f1;--bg-surface: #ebe9e3;--bg-raised: #ffffff;--border: #d3cfc6;--text: #1d1c19;--text-dim: #56524c;--text-faint: #777169;--accent: #92513f;--accent-strong: #743b2d;--accent-muted: color-mix(in srgb, var(--accent) 30%, transparent);--button-bg: #1d1c19;--button-text: #f6f5f1;--button-hover: #31302b;--overlay: rgb(17 17 15 / 42%);--error: #8f2f2a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.72;letter-spacing:-.008em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) ease,text-decoration-color var(--duration-fast) ease}a:hover{color:var(--accent-strong)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:1rem;z-index:100;translate:0 -120%;padding:.55rem .85rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--button-bg);color:var(--button-text);font-size:.875rem;text-decoration:none;transition:translate var(--duration-fast) var(--ease-out)}.skip-link:focus{translate:0}.site-shell{display:grid;grid-template-columns:var(--rail-width) minmax(0,var(--content-width));width:min(calc(100% - 3rem),calc(var(--rail-width) + var(--content-width)));min-height:100vh;margin-left:clamp(1.5rem,4vw,4rem);padding-block:clamp(2rem,5vw,3.5rem)}.nav-overlay{display:none}.site-header{min-width:0}.site-rail{position:sticky;top:clamp(2rem,5vw,3.5rem);display:flex;flex-direction:column;height:calc(100vh - clamp(4rem,10vw,7rem));padding-right:clamp(1.5rem,3vw,2.5rem)}.site-nav{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:0}.site-nav a{position:relative;padding-block:.15rem;color:var(--text-faint);font-size:.875rem;line-height:1.5}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.nav-toggle:hover{background:var(--bg-surface);color:var(--text)}.header-actions,.nav-toggle{display:none}#main-content{min-width:0;border-left:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.container{width:100%;padding-inline:clamp(1.75rem,5vw,3.5rem) 1rem}.page-header{max-width:var(--measure);padding-block:0 clamp(2.5rem,6vw,4rem)}.home-header{padding-bottom:clamp(2rem,5vw,3.25rem)}.section-title,.article-header h1{color:var(--text);font-size:clamp(1.65rem,4vw,2.25rem);font-weight:500;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}.prose-intro{max-width:32rem;margin-top:.85rem;color:var(--text-dim);font-size:1.05rem;font-weight:300;line-height:1.55}.home-intro{max-width:var(--measure);padding:0}.prose{max-width:var(--measure);padding-bottom:3rem;color:var(--text-dim)}.prose p{margin-bottom:1.55rem;text-wrap:pretty}.prose h2,.prose h3{color:var(--text);font-weight:500;letter-spacing:-.025em;text-wrap:balance}.prose h2{margin:3rem 0 1rem;font-size:clamp(1.35rem,3vw,1.65rem);line-height:1.25}.prose h3{margin:2.25rem 0 .8rem;font-size:1.2rem;line-height:1.3}.prose a,.project-link{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent-muted);text-decoration-thickness:1px;text-underline-offset:.2em}.prose a:hover,.project-link:hover{color:var(--accent-strong);text-decoration-color:currentColor}.prose ul,.prose ol{margin-bottom:1.6rem;padding-left:1.2rem}.prose li{margin-bottom:.7rem;padding-left:.3rem}.prose li::marker{color:var(--accent)}.prose blockquote,.notice{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)}.prose code{padding:.16em .38em;border-radius:.2rem;background:var(--bg-surface);color:var(--text);font-family:var(--font-mono);font-size:.88em}.prose pre{margin:1.75rem 0;padding:1.25rem;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)!important;font-size:.875rem;line-height:1.65}.prose pre code{padding:0;background:transparent;font-size:inherit}.prose img{max-width:100%;margin:2rem 0}.prose hr{margin:2.5rem 0;border:0;border-top:1px solid var(--border)}.button{min-height:2.65rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.button-primary{background:var(--button-bg);color:var(--button-text)}.button-primary:hover{background:var(--button-hover);color:var(--button-text)}.button-secondary{border-color:var(--border);background:transparent;color:var(--text-dim)}.button:disabled{cursor:not-allowed;opacity:.55}.projects-grid{max-width:var(--measure);border-top:1px solid var(--border)}.project-card{display:grid;grid-template-columns:8rem 1fr;gap:1rem 1.5rem;padding-block:1.75rem;border-bottom:1px solid var(--border)}.project-card:last-child{border-bottom:0}.project-card .project-name{display:flex;align-self:start;align-items:center;gap:.6rem;color:var(--text);font-size:1rem;font-weight:500;line-height:1.5}.project-card .project-name img{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:var(--radius-sm);object-fit:contain}.project-card .project-desc{color:var(--text-dim);font-size:.9375rem;line-height:1.7;text-wrap:pretty}.project-card .project-link{grid-column:2;width:fit-content;font-size:.875rem}.project-card .project-link span{display:inline-block;transition:translate var(--duration-fast) var(--ease-out)}.project-card .project-link:hover span{translate:2px 0}.writing-header{padding-bottom:clamp(2rem,5vw,3rem)}.post-list{max-width:var(--measure);list-style:none;border-top:1px solid var(--border)}.post-item{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.5rem;padding-block:1.8rem;border-bottom:1px solid var(--border)}.post-date-column{padding-top:.2rem}.post-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.55rem}.post-date,.post-label{color:var(--text-faint);font-size:.75rem}.post-label{display:block;margin-bottom:.35rem;color:var(--accent)}.post-meta .post-label{display:inline;margin-bottom:0}.post-meta .post-label:before{content:"·";margin-right:.6rem;color:var(--border)}.post-title{margin-bottom:.45rem;color:var(--text);font-size:1.15rem;font-weight:500;line-height:1.35}.post-title a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em}.post-title a:hover{color:var(--text);text-decoration-color:var(--accent-muted)}.post-desc{color:var(--text-dim);font-size:.9375rem;line-height:1.65}.article-container{padding-bottom:3rem}.article-header{max-width:var(--measure);margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}.article-header .post-meta{margin-bottom:.8rem}.article-header .post-desc{max-width:34rem;margin-top:1rem;font-size:1rem}.article-footer{max-width:var(--measure);padding-top:1.5rem;border-top:1px solid var(--border)}.back-link{display:inline-block;color:var(--text-faint);font-size:.8125rem}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{display:block;width:1.125rem;height:1px;position:relative;background:currentColor;transition:transform .24s var(--ease-out),opacity var(--duration-fast) ease}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0}.nav-toggle-icon:before{top:-.34rem}.nav-toggle-icon:after{top:.34rem}.nav-toggle[aria-expanded=true] .nav-toggle-icon{background:transparent}.nav-toggle[aria-expanded=true] .nav-toggle-icon:before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-icon:after{top:0;transform:rotate(-45deg)}@media(min-width:43.751rem){#main-content{padding-top:.15rem}}@media(max-width:43.75rem){.site-shell{display:block;width:100%;margin:0;padding:0}.site-header{position:relative;z-index:50;padding:1rem 1.25rem;background:var(--bg)}.site-rail{position:static;flex-direction:row;align-items:center;height:auto;padding:0}.header-actions{display:flex;margin-left:auto}.nav-toggle{display:inline-flex;color:var(--text-faint)}.site-nav{display:flex;position:absolute;top:calc(100% - .25rem);right:1.25rem;left:auto;z-index:50;width:max-content;min-width:10.5rem;max-width:calc(100vw - 2.5rem);gap:.15rem;margin:0;padding:.45rem;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-raised);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.4rem) scale(.97);transform-origin:top right;transition:opacity var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out),visibility 0s linear var(--duration-fast)}.site-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.site-nav.is-navigating{opacity:0;visibility:hidden;transform:none;transition:none}.site-nav a{width:100%;padding:.6rem .75rem;border-radius:.45rem;color:var(--text-dim);font-size:.9375rem}.site-nav a:hover{background:var(--bg-surface)}.site-nav a[aria-current=page]{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-strong)}.nav-overlay{display:none;position:fixed;inset:0;z-index:30;background:transparent}.nav-overlay.is-open{display:block}#main-content{min-height:calc(100vh - 4rem);padding-top:2.5rem;border-top:1px solid var(--border);border-left:0}.container{padding-inline:1.25rem}.page-header{padding-bottom:2.5rem}.home-header{padding-bottom:2rem}.section-title,.article-header h1{font-size:clamp(1.6rem,8vw,2rem)}.project-card{grid-template-columns:1fr;gap:.65rem}.project-card .project-link{grid-column:1}.post-item{grid-template-columns:1fr;gap:.55rem}.post-date-column{padding-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}