html.sl-html,html.sl-html body{overflow:hidden;height:100%}.sl-shell{display:flex;height:calc(100vh - 56px);margin-top:56px;overflow:hidden}@layer sl-rail-disabled{.sl-rail{width:56px;height:100vh;background:#1c1a17;display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;border-right:1px solid #2e2b27;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:40;position:relative}.sl-rail.is-open{width:220px}.sl-toggle{display:flex;align-items:center;width:100%;height:52px;padding:0 18px;gap:12px;background:none;border:none;border-bottom:1px solid #2e2b27;cursor:pointer;color:#5a5750;flex-shrink:0;transition:color .2s,background .2s;text-align:left}.sl-toggle:hover{color:#faf7f2;background:#faf7f20a}.sl-toggle-bars{width:16px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sl-toggle-bars span{display:block;height:1.5px;background:currentColor;border-radius:1px;transition:opacity .2s}.sl-rail.is-open .sl-toggle-bars span:nth-child(2){opacity:0}.sl-toggle-lbl{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}.sl-rail.is-open .sl-toggle-lbl{opacity:1}.sl-logo-wrap{display:flex;align-items:center;height:52px;border-bottom:1px solid #2e2b27;text-decoration:none;flex-shrink:0;overflow:hidden}.sl-monogram{width:56px;min-width:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:.95rem;color:#faf7f2;letter-spacing:.08em;flex-shrink:0}.sl-logo-full{font-family:var(--font-serif);font-size:.88rem;color:#a8a49c;white-space:nowrap;opacity:0;transition:opacity .15s;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.sl-logo-full em{color:#b8965a;font-style:normal}.sl-rail.is-open .sl-logo-full{opacity:1}.sl-nav{display:flex;flex-direction:column;flex:1;padding:8px 0}.sl-nav-section-label{height:0;overflow:hidden;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#3a3830;font-weight:600;padding:0 16px;white-space:nowrap;transition:height .2s,padding .2s}.sl-rail.is-open .sl-nav-section-label{height:30px;padding-top:12px;padding-bottom:2px}.sl-nav-item{display:flex;align-items:center;height:40px;color:#7a7670;text-decoration:none;transition:color .2s,background .2s;position:relative;overflow:visible;flex-shrink:0}.sl-nav-item:hover{color:#faf7f2;background:#faf7f20a}.sl-nav-item.is-active{color:#b8965a}.sl-nav-item.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:18px;background:#b8965a;border-radius:0 1px 1px 0}.sl-nav-icon{width:56px;min-width:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sl-nav-name{font-size:.84rem;font-weight:300;white-space:nowrap;opacity:0;transition:opacity .15s}.sl-rail.is-open .sl-nav-name{opacity:1}.sl-rail:not(.is-open) .sl-nav-item:hover:after{content:attr(data-tooltip);position:absolute;left:66px;top:50%;transform:translateY(-50%);background:#252220;color:#faf7f2;font-size:.72rem;font-family:var(--font-sans);padding:5px 10px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:200;border:1px solid #3a3830;letter-spacing:.02em}.sl-rail:not(.is-open) .sl-nav-item:hover:before{content:"";position:absolute;left:59px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#3a3830;pointer-events:none;z-index:200}.sl-bottom{display:flex;flex-direction:column;border-top:1px solid #2e2b27;padding:6px 0;flex-shrink:0}}.sl-content{flex:1;min-width:0;height:100%;overflow-y:auto;background:#faf7f2}.sl-content--split{overflow:hidden;display:flex}.blog-split{display:flex;height:100%;width:100%}.blog-tree-panel{width:260px;min-width:260px;height:100%;background:#252220;overflow-y:auto;flex-shrink:0;border-right:1px solid #1c1a17;scrollbar-width:thin;scrollbar-color:#3a3830 transparent}.blog-reading-pane{flex:1;min-width:0;height:100%;overflow-y:auto;background:#faf7f2}.tree-header{padding:20px 16px 14px;border-bottom:1px solid #1c1a17}.tree-title{font-size:.58rem;text-transform:uppercase;letter-spacing:.18em;color:#5a5750;font-weight:600}.tree-group{border-bottom:1px solid #1c1a17}.tree-cat-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:none;border:none;cursor:pointer;color:#8a8479;text-align:left;font-family:var(--font-sans);font-size:.8rem;font-weight:400;transition:color .15s,background .15s}.tree-cat-btn:hover{color:#faf7f2;background:#faf7f20a}.tree-cat-btn.is-open{color:#b8965a}.tree-chevron{font-size:.5rem;line-height:1;color:#4a4840;transition:transform .2s,color .2s;flex-shrink:0}.tree-cat-btn.is-open .tree-chevron{transform:rotate(90deg);color:#b8965a}.tree-cat-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-cat-count{font-size:.6rem;color:#3a3830;background:#1c1a17;padding:1px 6px;border-radius:10px;flex-shrink:0}.tree-posts{list-style:none;padding:0;display:none}.tree-posts.is-open{display:block}.tree-post-link{display:block;padding:8px 14px 8px 30px;text-decoration:none;border-left:2px solid transparent;transition:background .15s,border-color .15s}.tree-post-link:hover{background:#faf7f20a}.tree-post-link.is-active{background:#b8965a14;border-left-color:#b8965a}.tree-post-title{display:block;font-size:.77rem;color:#7a7670;line-height:1.45;transition:color .15s}.tree-post-link:hover .tree-post-title{color:#c8c4bc}.tree-post-link.is-active .tree-post-title{color:#b8965a}.tree-post-date{display:block;font-size:.62rem;color:#4a4840;margin-top:2px}.reading-welcome{padding:72px 60px 100px;max-width:680px}.reading-eyebrow{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-terracotta);font-weight:500;margin-bottom:16px;display:flex;align-items:center;gap:8px}.reading-eyebrow:before{content:"";display:inline-block;width:20px;height:1px;background:var(--color-terracotta)}.reading-heading{font-family:var(--font-serif);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--color-ink);line-height:1.1;margin-bottom:16px}.reading-heading em{font-style:italic;color:var(--color-terracotta)}.reading-subtext{font-size:.9rem;color:var(--color-muted);line-height:1.8;font-weight:300;margin-bottom:52px;max-width:440px}.reading-recent-label{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-weight:500;margin-bottom:0;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.reading-recent-list{list-style:none;padding:0}.reading-recent-item{border-bottom:1px solid var(--color-border)}.reading-recent-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;text-decoration:none}.reading-recent-title{font-family:var(--font-serif);font-size:.95rem;color:var(--color-ink);line-height:1.3;transition:color .2s}.reading-recent-link:hover .reading-recent-title{color:var(--color-terracotta)}.reading-recent-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.reading-recent-cat{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-terracotta);font-weight:500}.reading-recent-date{font-size:.72rem;color:var(--color-muted)}.reading-post{padding:64px 60px 100px;max-width:720px}.sl-content .projects-main{max-width:860px;padding:72px 60px 100px}.sl-content .proj-detail-main{max-width:760px;padding-bottom:100px}@media(max-width:768px){html.sl-html,html.sl-html body{overflow:visible;height:auto}.sl-shell{flex-direction:column;height:auto;overflow:visible;margin-top:56px}.sl-content{height:auto;overflow-y:visible}.sl-content--split{overflow:visible;flex-direction:column}.blog-split{flex-direction:column;height:auto}.blog-tree-panel{width:100%;min-width:unset;height:auto;max-height:50vh}.blog-reading-pane{height:auto}.reading-welcome,.reading-post,.sl-content .projects-main{padding:40px 24px 60px}.sl-content .proj-detail-main{padding-bottom:60px}.sl-content .proj-hero{padding:40px 24px}.sl-content .proj-body{padding:0 24px}.sl-content .proj-footer{padding:32px 24px 0}}