@font-face{font-family:inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-v20-latin-regular.woff2)format('woff2')}@font-face{font-family:inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-v20-latin-500.woff2)format('woff2')}@font-face{font-family:inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-v20-latin-600.woff2)format('woff2')}@font-face{font-family:inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-v20-latin-700.woff2)format('woff2')}@font-face{font-family:karla;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/karla-v33-latin-regular.woff2)format('woff2')}@font-face{font-family:karla;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/karla-v33-latin-500.woff2)format('woff2')}@font-face{font-family:karla;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/karla-v33-latin-600.woff2)format('woff2')}@font-face{font-family:karla;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/karla-v33-latin-700.woff2)format('woff2')}@font-face{font-family:roboto mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/roboto-mono-v31-latin-regular.woff2)format('woff2')}@font-face{font-family:roboto mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/roboto-mono-v31-latin-500.woff2)format('woff2')}@font-face{font-family:space grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-v22-latin-regular.woff2)format('woff2')}@font-face{font-family:space grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-v22-latin-500.woff2)format('woff2')}@font-face{font-family:space grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/space-grotesk-v22-latin-600.woff2)format('woff2')}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--page-max-width:750px;--header-height:5rem;--font-title:'Space Grotesk', 'Fira Sans', system-ui, sans-serif;--font-heading:'Karla', 'Fira Sans', system-ui, sans-serif;--font-body:'Karla', Palatino, system-ui, serif;--font-mono:'Roboto Mono', 'Fira Mono', monospace;--font-logo:'Inter', 'Fira Sans', system-ui, sans-serif;--font-paragraph:'Karla', Palatino, system-ui, serif;--font-size-xxs:0.5rem;--font-size-xs:0.75rem;--font-size-xs-md:0.8rem;--font-size-sm:0.875rem;--font-size-sm-md:0.925rem;--font-size-base:1.05rem;--font-size-md:1.2rem;--font-size-lg:1.35rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:4.5rem;--font-size-6xl:5.125rem;--font-size-7xl:6rem;--font-size-code:0.9rem;--color-primary:#bd8a8b;--color-secondary:#a27f83;--color-text:#3c3a3d;--color-text-title:#1a1819;--color-text-muted:#5a575c;--color-background:#f9f7f6;--color-background-alt:#f4f2f1;--color-highlight:#1a1819;--color-hover:#bc8188;--color-success:#34a741;--color-error:#b80c35;--color-note:#0853c1;--color-border:#312c2c33;--color-primary-alpha:rgba(189, 138, 139, 0.2)}[data-theme=dark]{--color-primary:#c6b4d2;--color-secondary:#a4b9c8;--color-text:#dce0e6;--color-text-title:#f0f0f7;--color-text-muted:#b6b8c4;--color-background:#1a1b1e;--color-background-alt:#17181b;--color-highlight:#f0f0f7;--color-hover:#c6b4d2;--color-success:#86efac;--color-error:#fb7185;--color-note:#60a5fa;--color-border:#5b5b5d;--color-primary-alpha:rgba(198, 180, 210, 0.2)}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0;overflow-x:hidden}.wrapper{max-width:var(--page-max-width);width:100%;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}.content{flex:1;width:100%;padding:1rem 0;margin:1rem 0}@media(max-width:768px){.wrapper{padding:0 1.25rem}}.page-title{font-family:var(--font-heading);font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));line-height:1.2;font-weight:500;color:var(--color-text-title);margin:0}a{color:var(--color-highlight);text-decoration:underline var(--color-text-muted);transition:color .3s ease}a:hover{color:var(--color-hover);text-decoration:underline var(--color-hover);font-weight:600}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-title);position:relative;margin:2.25rem 0 1rem;line-height:1.2;font-weight:500}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{cursor:pointer}.post h1::before,.post h2::before,.post h3::before,.post h4::before,.post h5::before,.post h6::before{content:"#";position:absolute;transform:translateX(-125%);color:var(--color-primary);opacity:0;transition:opacity .2s ease;cursor:pointer;text-decoration:none;font-family:var(--font-body);font-weight:400}.post h1:hover::before,.post h2:hover::before,.post h3:hover::before,.post h4:hover::before,.post h5:hover::before,.post h6:hover::before{opacity:.75}h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}h1{font-size:clamp(var(--font-size-lg),2.5vw,var(--font-size-xl))}h2{font-size:clamp(var(--font-size-md),2.2vw,var(--font-size-lg))}h3{font-size:clamp(var(--font-size-md),2vw,var(--font-size-lg))}h4{font-size:clamp(var(--font-size-base),1.5vw,var(--font-size-md))}h5{font-size:clamp(var(--font-size-base),1.5vw,var(--font-size-md))}h6{font-size:clamp(var(--font-size-base),1.5vw,var(--font-size-md));font-weight:400}@media(max-width:768px){h1::before,h2::before,h3::before,h4::before,h5::before,h6::before{display:none}}header.site-header{max-width:var(--page-max-width);width:100%;margin:.5rem auto;display:flex;justify-content:space-between;align-items:center;height:4rem;position:relative;box-sizing:border-box}header .header-right{display:flex;align-items:center;gap:.75rem}header .search-toggle{margin-top:.5rem;margin-right:-.25rem}header .search-toggle svg{width:1.125em;height:1.125em}header .logo .logo-title{font-family:var(--font-logo);font-size:var(--font-size-xl);margin:0;font-weight:500}.logo a{background:linear-gradient(130deg,var(--color-text) 0%,var(--color-primary) 50%,var(--color-secondary) 100% );background-size:200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;-webkit-font-smoothing:antialiased;transition:.5s ease}header .header-nav{display:flex;align-items:center;font-family:var(--font-heading)}header .header-nav-list{display:flex;margin:0;padding:0;align-items:center;gap:.75rem}header .header-nav-list li::before{display:none}header .header-nav-item{list-style:none}header .header-nav-item a{color:var(--color-text);text-decoration:none}header .header-nav-item a:hover{color:var(--color-hover)}header .header-nav-item a.active{font-weight:500;text-decoration:underline}header .nav-toggle{display:none}@media(max-width:768px){header .header-right{gap:.5rem}header .nav-toggle{display:flex;align-items:center;padding:.5rem;background:0 0;border:none;color:var(--color-text);cursor:pointer;z-index:101}header .header-nav{display:none;pointer-events:none}header .header-nav.active{display:block;position:absolute;top:3.25rem;right:.5rem;background-color:var(--color-background);padding:1rem;border:1px solid var(--color-border);border-top:none;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:100;pointer-events:auto}header .header-nav.active .header-nav-list{flex-direction:column;gap:.5rem;align-items:flex-start}}.theme-toggle{position:relative;padding-left:var(--font-size-xs)}.theme-toggle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:var(--font-size-base);width:1.5px;background-color:var(--color-text)}.checkbox{display:none}.switch{display:flex;align-items:center;margin-left:.5rem;justify-content:space-between;position:relative;background:var(--color-text);border-radius:.9rem;padding:.15rem;height:1.2rem;width:2.6rem;cursor:pointer;border:1px solid var(--color-background)}.switch svg{width:.9rem;height:.9rem;z-index:1;transition:color .3s ease}.switch .sun{color:var(--color-text);margin-left:.25rem}.switch .moon{color:var(--color-background);margin-right:.2rem}.slider{position:absolute;background-color:var(--color-background);border-radius:50%;top:50%;transform:translateX(.05rem)translateY(-50%);left:.2rem;height:1.2rem;width:1.2rem;transition:all .5s ease}@media(max-width:768px){.theme-toggle{margin-left:0;padding-left:0}.theme-toggle::before{display:none}}footer{margin-top:auto;padding:1rem 0;position:relative;opacity:.8}footer:hover{opacity:1}.footer-content{color:var(--color-text);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:var(--font-size-xs)}.footer-content p{margin:0;opacity:.8}.social-icons{display:flex;gap:.75rem;align-items:center}.social-icons a{display:flex;align-items:center;color:inherit;border-bottom:none}.social-icons svg{width:var(--font-size-md);height:var(--font-size-md);opacity:.9;transition:opacity .2s ease}.social-icons a:hover svg{opacity:1;color:var(--color-hover)}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:.5rem}.social-icons{margin-top:.25rem}}.social-links-container{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.social-link{display:inline-flex;align-items:center;gap:.25rem;color:inherit;text-decoration:none}.social-link svg{width:1.25rem;height:1.25rem}.posts{position:relative;margin-top:2rem}.posts-title{font-family:var(--font-title);font-size:var(--font-size-md);font-weight:500;color:var(--color-text-title);text-decoration:none;transition:color .2s ease}.posts-title:hover{color:var(--color-primary)}.posts-year{position:relative;margin-bottom:4rem}.posts-year-label{position:absolute;top:-2.75rem;left:-2rem;font-size:var(--font-size-7xl);font-weight:700;font-family:var(--font-title);color:var(--color-primary);opacity:.075;z-index:-1;line-height:1}.posts-entry{margin-bottom:var(--font-size-xs)}.posts-entry-header{display:flex;align-items:center}.posts-summary{font-size:var(--font-size-base);margin-top:.1rem;color:var(--color-text);line-height:1.5}.posts-date{font-family:var(--font-title);font-size:var(--font-size-sm);color:var(--color-primary);white-space:nowrap;margin-left:.5rem}@media(max-width:768px){.posts-year-label{font-size:var(--font-size-5xl);top:-2rem;left:-1rem}.posts-year{margin-bottom:3rem}.posts-summary{font-size:var(--font-size-sm-md)}.posts-date{font-size:var(--font-size-sm)}}.search-page{max-width:800px;margin:.5rem auto;padding:2rem 1rem}.search-page .title-as-bg-wrapper{top:50%;left:50%;transform:translate(-25%,-50%)}.search-page .title-as-bg-text{font-size:clamp(var(--font-size-5xl),10vw,var(--font-size-7xl))}.search-container{width:100%}.search-container h1{font-size:clamp(var(--font-size-lg),10vw,var(--font-size-xl));font-family:var(--font-title);color:var(--color-primary);line-height:1;font-weight:500;margin-bottom:1rem}.search-box{position:relative;width:100%;max-width:650px;margin:0 auto 2rem}.search-box input{width:100%;padding:.5rem 3rem .5rem 1rem;font-size:var(--font-size-md);font-family:var(--font-body);border:2px solid var(--color-border);border-radius:8px;background:color-mix(in srgb,var(--color-background) 10%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:var(--color-text);transition:all .3s ease;box-sizing:border-box}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.search-box input:not(:placeholder-shown){background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.search-box input:-webkit-autofill{background:color-mix(in srgb,var(--color-primary) 10%,transparent)!important;box-shadow:0 0 0 3px var(--color-primary-alpha)inset;-webkit-text-fill-color:var(--color-text);transition:background-color 5000s ease-in-out 0s;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.search-box .search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);margin-top:.25rem}.search-box .search-icon svg{width:1.125rem;height:1.125rem}.search-result{display:flex;flex-direction:column;gap:.125rem;padding:.5rem 0;cursor:pointer;margin-bottom:.5rem}.search-result-header{display:flex;align-items:baseline;justify-content:space-between}.search-result h2{font-family:var(--font-title);font-size:clamp(var(--font-size-md),1.125vw,var(--font-size-lg));font-weight:400;margin:0;line-height:1.3}.search-result h2 a{color:var(--color-text-title);text-decoration:none;transition:color .2s ease;position:relative}.search-result:hover h2 a{color:var(--color-primary);font-weight:500}.search-result .relevance{display:none}.search-result .meta{display:flex;gap:1rem;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.search-result p{font-family:var(--font-body);font-size:clamp(var(--font-size-sm),1.5vw,var(--font-size-sm-md));color:var(--color-text-muted);margin:0;line-height:1.4;transition:color .2s ease}.search-result:hover .date,.search-result:hover p{color:var(--color-text-title)}.search-error{padding:2rem;text-align:center;font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-error);border:1px solid var(--color-error);border-radius:8px}.no-results{padding:2rem;text-align:center;font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-text-muted)}@media(max-width:768px){.search-page{padding:1rem}.search-box input{font-size:var(--font-size-sm)}.search-result-header{gap:.5rem}}article.post{text-align:left}article.post .post-header{display:flex;flex-direction:column;align-items:flex-start}article.post .post-title{font-family:var(--font-title);font-size:clamp(var(--font-size-2xl),5vw,var(--font-size-3xl));line-height:1.2;font-weight:500;color:var(--color-text)}article.post .post-meta{display:flex;font-family:var(--font-title);font-size:var(--font-size-sm);justify-content:space-between;width:100%;color:var(--color-text-muted);margin:.25rem 0 2rem;align-items:flex-start}article.post .date-author{display:flex;align-items:center;gap:.5rem}article.post .time-group{display:flex;align-items:center;gap:.35rem}article.post .icon{display:inline-flex;align-items:center}article.post .icon svg{width:.85em;height:.85em;fill:currentColor}article.post .post-tags{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:2rem;font-family:var(--font-body);font-size:var(--font-size-sm);border-top:1px solid transparent;border-image:linear-gradient(to right,var(--color-border),transparent)1;padding-top:.25rem;background:0 0}article.post .post-tags svg{width:.75em;height:.75em;color:var(--color-text-muted)}@media(max-width:768px){article.post .post-meta{flex-direction:column;align-items:flex-start}}progress.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:0 0;border:none;z-index:9999;pointer-events:none;appearance:none;-webkit-appearance:none}progress.scroll-progress::-webkit-progress-bar{background:0 0}progress.scroll-progress::-webkit-progress-value{background-color:var(--color-primary);transition:none}progress.scroll-progress::-moz-progress-bar{background-color:var(--color-primary)}.post-sidebar{position:fixed;top:calc(var(--header-height) + 1.5rem);left:.5rem;width:220px;padding:1.5rem .5rem .5rem;height:auto;font-family:var(--font-body);z-index:100;border-radius:1rem;background-color:color-mix(in srgb,var(--color-background) 60%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-buttons{display:flex;gap:.25rem;align-items:center;margin-left:.5rem}.nav-btn-wrapper{position:relative}.nav-btn{background:0 0;border:none;cursor:pointer;color:var(--color-primary);transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.nav-btn:empty{display:none}.toc-toggle-btn svg{width:1.35em;height:1.35em}.prev-btn svg,.next-btn svg{width:.95em;height:.95em;color:var(--color-primary)}.top-btn svg{width:1.5em;height:1.5em}.nav-tooltip{position:absolute;left:50%;transform:translateX(-20%);top:-1.25rem;white-space:nowrap;text-align:center;font-size:var(--font-size-xs-md);font-family:var(--font-title);color:var(--color-primary);font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s ease}.toc-toggle-btn+.nav-tooltip{top:-1.35rem}.prev-btn+.nav-tooltip,.next-btn+.nav-tooltip{top:-1.5rem}.nav-btn-wrapper:hover .nav-tooltip{opacity:1}a.nav-btn{text-decoration:none}a.nav-btn:hover{text-decoration:none;font-weight:400}.toc-toggle-btn:hover::after{top:-1.2rem}.toc{display:none;margin:.5rem 0 0 1rem;overflow-y:auto;font-size:var(--font-size-sm)}.toc a{text-decoration:none}.toc a.active{color:var(--color-text-title);font-weight:600}.toc a.active::before{font-weight:700}.post-sidebar.active .toc{display:block}.toc ul{list-style:none;padding:0;margin:0}.toc li::before{content:""}.toc li{margin-bottom:.25rem}.toc ul ul li{padding-left:1rem}.toc a{color:var(--color-text)}.mobile-toc{display:none;margin:0 0 1.5rem;padding:.5rem 0 .5rem .5rem;font-family:var(--font-title);font-size:var(--font-size-base);border-left:2px solid var(--color-primary);background-color:var(--color-background-alt)}.mobile-toc a{color:var(--color-text)}.mobile-toc-header{display:flex;align-items:center;gap:.5rem;margin:0 0 0 1rem;cursor:pointer;font-weight:500;color:var(--color-primary)}.mobile-toc-header svg{width:.875em;height:.875em;transition:transform .3s ease}.mobile-toc.active .mobile-toc-header svg{transform:rotate(180deg)}.mobile-toc-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;font-family:var(--font-body);font-size:var(--font-size-sm-md)}.mobile-toc.active .mobile-toc-content{max-height:none;overflow-y:visible;margin-top:.5rem}.mobile-toc-content nav{padding:0 0 0 .125rem}.mobile-toc-content li{margin-bottom:0}.mobile-toc-content li::before{content:none}.mobile-toc-content a{text-decoration:none;display:block}.mobile-toc-content a::before{content:"# ";color:var(--color-primary)}.mobile-toc-content ul{padding-left:1rem}.mobile-top-btn{display:none;position:fixed;bottom:1rem;right:1rem;color:var(--color-primary);border:3px solid var(--color-primary);border-radius:50%;width:2.85rem;height:2.85rem;cursor:pointer;opacity:0;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15);background:0 0}.mobile-top-btn.visible{opacity:.75;transform:translateY(0)}.mobile-top-btn svg{width:2em;height:2em;stroke:currentColor;stroke-width:3}.mobile-top-btn:hover{background:var(--color-primary);color:var(--color-background);transform:translateY(-5px)}@media(max-width:1200px){.post-sidebar{display:none}.mobile-toc{display:block}.mobile-top-btn{display:flex;align-items:center;justify-content:center}}*:not(pre)>code{background:var(--color-background-alt);color:var(--color-text);padding:.1em .4em .15em;border-radius:.25rem;font-size:var(--font-size-sm);font-family:var(--font-mono);border:.5px solid var(--color-border);word-break:break-word;vertical-align:middle}pre::-webkit-scrollbar{width:4px;height:4px}pre::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.highlight{background-color:var(--color-background-alt)!important;border-radius:.5rem;overflow-x:auto;margin:.75rem 0}.highlight .chroma{background-color:transparent!important}.highlight .chroma span{font-weight:400!important}.highlight table{width:100%;min-width:100%;border-collapse:collapse}.highlight td.lntd{background-color:var(--color-background-alt)}.highlight td.lntd:first-child{padding:.75rem 0 .75rem .75rem;width:auto;vertical-align:top}.highlight td.lntd:first-child pre{color:var(--color-text-muted);user-select:none;background-color:transparent}.highlight td.lntd:last-child{padding:.75rem 1rem;width:100%}.highlight td.lntd code{padding:0;background-color:transparent}.highlight pre{margin:0;padding:0}.highlight code{font-size:var(--font-size-code);white-space:pre;display:block;padding:.75rem 1rem;color:var(--color-text);background-color:var(--color-background-alt);border:none;border-radius:0}.highlight::-webkit-scrollbar{height:4px}.highlight::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.highlight::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.highlight-wrapper{position:relative}.code-language{position:absolute;top:.5rem;right:.5rem;padding:.1rem .5rem;font-family:var(--font-body);font-size:clamp(var(--font-size-xs),10vw,var(--font-size-xxs));color:var(--color-primary);border-radius:.25rem;z-index:1;background:0 0}.highlight .hl{display:block;background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);margin:0 -1rem;padding:0 1rem}.highlight-wrapper:hover .copy-button{display:block}.copy-button{position:absolute;bottom:.5rem;right:.5rem;background:0 0;border:none;border-radius:.25rem;color:var(--color-text);cursor:pointer;z-index:1;transition:color .2s;opacity:.8;display:none}@media(hover:none){.copy-button{display:block;opacity:.5}.copy-button:active{opacity:1}}.copy-button svg{width:1.35rem;height:1.35rem}.copy-button:hover{color:var(--color-primary)}.copy-button.copied{color:var(--color-secondary)}.copy-button.copied::after{content:'Copied!';position:absolute;top:2.25rem;right:-.5rem;font-family:var(--font-body);color:var(--color-background);background-color:var(--color-primary);padding:.25rem .5rem;border-radius:.25rem;font-size:var(--font-size-xs);white-space:nowrap;opacity:1}blockquote{margin:.75rem 0;padding:.5rem .1rem .5rem 2rem;border-left:.25rem solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-background));font-family:var(--font-body);color:var(--color-text)}blockquote p{margin:.5rem 0}blockquote>*{margin:0}blockquote>*+*{margin-top:.5rem}blockquote blockquote{border-left-width:.15rem;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background))}li{margin:.15rem 0}ul,ol{margin:.25rem 0;padding-left:2rem;color:var(--color-text)}ul{list-style:none}ul li::before{content:"•";color:var(--color-primary);display:inline-block;width:1em;margin-left:-1em;font-weight:600}ol{list-style:none;counter-reset:item}ol>li{counter-increment:item;display:block}ol>li::before{content:counter(item)".";color:var(--color-primary);display:inline-block;margin-left:-1.5em;margin-right:.5em;font-weight:600}article.post .post-content p+ul,article.post .post-content p+ol{margin-top:-.5rem}img{max-width:100%;height:auto;border-radius:.75rem;margin:1rem auto;display:block}figure{margin:1rem 0;text-align:center}figure img{margin:0 auto}figcaption{margin-top:.25rem;font-size:.9rem;color:color-mix(in srgb,var(--color-text) 80%,transparent);font-family:var(--font-paragraph);line-height:1.4}a img{transition:transform .2s ease-in-out}a img:hover{transform:scale(1.02)}.figure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.5rem 0}.figure-grid figure{margin:0}.figure-grid img{margin:0}@media(max-width:400px){.figure-grid{grid-template-columns:1fr;gap:1rem}}.full-width-figure{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:2rem;margin-bottom:2rem}.full-width-figure img{width:100%;height:auto;aspect-ratio:5/1;object-fit:cover;display:block;border-radius:0}.full-width-figure figcaption{max-width:var(--page-max-width);margin:.75rem auto 0;padding:0 1.5rem;text-align:center;font-size:.9rem;color:color-mix(in srgb,var(--color-text) 80%,transparent)}.post-banner{position:relative;width:100vw;margin-top:-2rem;margin-left:50%;transform:translateX(-50%);background:var(--color-background);overflow:hidden;margin-bottom:2rem}.post-banner img{position:relative;height:auto;max-height:40vh;object-fit:contain;object-position:center;margin:0;border-radius:0;display:block}.post-banner-caption{position:relative;width:100%;max-width:var(--page-max-width);margin:.5rem auto 0;text-align:center;font-size:.9rem;color:color-mix(in srgb,var(--color-text) 80%,var(--color-background));font-family:var(--font-paragraph);line-height:1.4}@media(max-width:768px){.post-banner-caption{position:relative;margin:.5rem auto 0;width:calc(100% - 2rem)}}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:2rem 0;background-color:#000}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}table{width:100%;margin:1rem 0 1.5rem;border-collapse:collapse;font-family:var(--font-paragraph);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm-md)}th{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background));padding:.75rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--color-primary)}td{padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 20%,transparent);vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:color-mix(in srgb,var(--color-text) 5%,transparent)}table .text-left{text-align:left}table .text-center{text-align:center}table .text-right{text-align:right}@media(max-width:768px){.post-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}hr{margin:3rem auto;border:none;height:2px;background:linear-gradient( 90deg,transparent,var(--color-primary),transparent );opacity:.3;width:80%}@media(max-width:640px){hr{width:100%;margin:2rem auto}blockquote{padding:.5rem .1rem .5rem 1.2rem}}.callout{margin:1rem 0;padding:.75rem .25rem .5rem 1.5rem;border-radius:.5rem;border-left:3px solid}.callout-title{display:flex;align-items:center;margin-bottom:.25rem;font-weight:600;font-family:var(--font-body)}.callout-title svg{margin-right:.5rem;width:1.25rem;height:1.25rem}.callout-content{font-size:var(--font-size-sm);line-height:1.6}.callout-info{background:color-mix(in srgb,var(--color-note) 7.5%,var(--color-background));border-color:var(--color-note)}.callout-info .callout-title{color:var(--color-note)}.callout-warning{background:color-mix(in srgb,var(--color-error) 5%,var(--color-background));border-color:var(--color-error)}.callout-warning .callout-title{color:var(--color-error)}.callout-note{background:color-mix(in srgb,var(--color-success) 5%,var(--color-background));border-color:var(--color-success)}.callout-note .callout-title{color:var(--color-success)}.details-dropdown{margin:.5rem 0 .75rem;padding:0 1rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-background));transition:all .2s ease}.details-dropdown[open]{padding-bottom:.5rem;border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 7.5%,var(--color-background))}.details-summary{padding:.5rem 0;font-weight:500;color:var(--color-primary);cursor:pointer;list-style:none;display:flex;align-items:center}.details-summary::-webkit-details-marker{display:none}.details-summary::before{content:"▶";display:inline-block;width:1rem;margin-right:.125rem;font-size:.7rem;transition:transform .2s ease}.details-dropdown[open] .details-summary::before{transform:rotate(90deg)}.details-content{line-height:1.6;font-size:var(--font-size-sm)}.details-content p:first-child{margin-top:0}.details-content p:last-child{margin-bottom:0}dl{margin:1rem 0}dt{font-weight:600;color:var(--color-text-title);margin-top:1rem}dd{margin-left:1.5rem;margin-top:.5rem;line-height:1.6}.footnotes{margin-top:2rem;padding:1rem;border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:1rem}.footnotes::before{padding-left:.6rem;content:"Footnotes";display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.footnotes hr{display:none}.footnotes ol{font-size:var(--font-size-sm-md);color:color-mix(in srgb,var(--color-text) 90%,transparent)}.footnotes li{margin:.5rem 0}.footnotes li::before{color:var(--color-text)}.footnotes li p{display:inline}.footnote-ref{font-size:var(--font-size-sm);vertical-align:super;text-decoration:none;color:var(--color-primary)}.footnote-backref{text-decoration:none;color:var(--color-primary);margin-left:.25rem}.footnote-backref:hover{text-decoration:underline}.aside-wrapper{display:inline-block;position:relative}.aside-trigger{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:none;background:0 0;color:var(--color-primary);cursor:pointer;font:inherit}.aside-arrow{transition:transform .2s ease}.aside-open svg{transform:rotate(180deg)}.aside-content{display:none;position:absolute;left:0;top:100%;margin-top:.5rem;padding:1rem;background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent);border-radius:.5rem;z-index:100;width:max-content;max-width:min(400px,80vw);font-size:.85rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media(max-width:500px){.aside-content{max-width:none}}.aside-open .aside-content{display:block}.aside-content p:first-child{margin-top:0}.aside-content p:last-child{margin-bottom:0}.title-as-bg-wrapper{position:absolute;top:0;width:100%;height:100%;z-index:-1;pointer-events:none;max-width:var(--page-max-width);margin:0 auto}.title-as-bg-text{position:absolute;top:5.5rem;left:-1.5rem;font-size:var(--font-size-6xl);font-family:var(--font-title);font-weight:700;color:var(--color-primary);opacity:.075;z-index:-1;line-height:1;text-transform:uppercase;white-space:nowrap;user-select:none}@media(max-width:768px){.title-as-bg-text{top:5.75rem;left:-1rem;font-size:var(--font-size-5xl)}}.cards-list{display:flex;flex-direction:column}.cards-list:has(.card:nth-child(2)){margin-bottom:3rem}.cards-list p{margin:1rem 0 1.5rem}.card-section-title{position:relative;font-size:clamp(var(--font-size-lg),4vw,var(--font-size-xl));font-family:var(--font-title);color:var(--color-primary);line-height:1;margin-top:3rem}.cards-grid{display:flex;flex-direction:column;gap:1.5rem;counter-reset:card-counter}.card{position:relative;display:flex;gap:1rem;text-decoration:none;color:var(--color-text);transition:all .2s ease;align-items:flex-start}.card::before{counter-increment:card-counter;content:"#"counter(card-counter,decimal-leading-zero);position:absolute;top:0;right:.75rem;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary);opacity:.75}.card-icon{flex-shrink:0;width:50px;height:50px;position:relative;align-self:flex-start}.card-icon img{margin:0}.card-icon-placeholder{width:100%;height:100%;position:relative;background-color:color-mix(in srgb,var(--color-text) 5%,var(--color-background));border-radius:.75rem;display:flex;align-items:center;justify-content:center}.card-icon-placeholder span{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-transform:uppercase}.card-content{flex:1}.card-title{font-size:var(--font-size-md);font-weight:400;font-family:var(--font-title);margin:0;color:var(--color-text-title);line-height:1.3}.card-description{font-size:var(--font-size-sm-md);font-family:var(--font-body);line-height:1.5;color:var(--color-text-muted)}.card-content p{margin:.25rem 0 0}.card:hover{text-decoration:none;font-weight:400}.card:hover .card-title{color:var(--color-primary);font-weight:500}.card:hover .card-icon,.card:hover .card-icon-placeholder,.card:hover .card-description,.card:hover::before{color:var(--color-text)}.card:hover .card-icon img,.card:hover .card-icon-placeholder{border:1px solid var(--color-primary)}@media(max-width:768px){.card::before{display:none}.card-icon{width:40px;height:40px}}.home-section{margin:3rem 0}.home-section-title{position:relative;font-size:clamp(var(--font-size-lg),4vw,var(--font-size-xl));font-family:var(--font-title);color:var(--color-primary);line-height:1;font-weight:500}.home-list{display:flex;flex-direction:column;gap:1rem;counter-reset:project-counter}.home-writing-item{display:flex;flex-direction:column;gap:.25rem;text-decoration:none}.home-writing-header{display:flex;align-items:baseline;gap:.75rem}.home-writing-item .home-writing-title{font-family:var(--font-title);font-size:var(--font-size-md);font-weight:400;color:var(--color-text-title);margin:0;line-height:1.3}.home-writing-item:hover .home-writing-title{color:var(--color-primary);font-weight:500}.home-writing-item .home-writing-date{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary)}.home-writing-item .home-writing-description{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.4}.home-more-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:1rem;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);text-decoration:none;font-weight:500}.home-writing-item,.home-writing-item:hover{text-decoration:none;font-weight:400}.home-writing-item:hover .home-writing-description{color:var(--color-text-title)}.home-more-link::after{content:"→"}.home-more-link:hover::after{transform:translateX(.25rem)}.home-project-item{position:relative;display:flex;align-items:baseline;text-decoration:none;gap:.5rem;flex-wrap:wrap}.home-project-item::before{counter-increment:project-counter;content:"#"counter(project-counter,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary);opacity:.75;margin-right:.5rem;align-self:flex-start;flex:none}.home-project-item,.home-project-item:hover{text-decoration:none}.home-project-content{display:inline;flex:1}.home-project-title{font-family:var(--font-title);font-size:var(--font-size-md);font-weight:400;color:var(--color-text-title);margin:0;line-height:1.3;transition:color .2s ease;display:inline}.home-project-description{font-family:var(--font-body);font-size:var(--font-size-sm-md);color:var(--color-text-muted);margin:0;line-height:1.4;display:inline}.home-project-description::before{content:"-";margin:0 .25rem;color:var(--color-text-muted);opacity:.5}.home-project-item:hover .home-project-title{color:var(--color-primary);font-weight:500}.home-project-item:hover .home-project-description{color:var(--color-text-title);font-weight:400}.home-project-item:hover::before{color:var(--color-text-title)}.error-page{text-align:center;padding:6rem 1rem}.error-page h1{font-family:var(--font-title);font-size:var(--font-size-7xl);font-weight:600;color:var(--color-text-muted);margin:0 0 1rem;line-height:1}.error-page p{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0 0 2rem}.error-page a{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-primary);padding-bottom:2px;transition:opacity .2s ease}.error-page a:hover{opacity:.7}.bg{background-color:#fff}.chroma{background-color:#fff}.chroma .x{}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#e5e5e5}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#000;font-weight:700}.chroma .kc{color:#000;font-weight:700}.chroma .kd{color:#000;font-weight:700}.chroma .kn{color:#000;font-weight:700}.chroma .kp{color:#000;font-weight:700}.chroma .kr{color:#000;font-weight:700}.chroma .kt{color:#458;font-weight:700}.chroma .n{}.chroma .na{color:teal}.chroma .nb{color:#0086b3}.chroma .bp{color:#999}.chroma .nc{color:#458;font-weight:700}.chroma .no{color:teal}.chroma .nd{color:#3c5d5d;font-weight:700}.chroma .ni{color:purple}.chroma .ne{color:#900;font-weight:700}.chroma .nf{color:#900;font-weight:700}.chroma .fm{}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#555}.chroma .nx{}.chroma .py{}.chroma .nt{color:navy}.chroma .nv{color:teal}.chroma .vc{color:teal}.chroma .vg{color:teal}.chroma .vi{color:teal}.chroma .vm{}.chroma .l{}.chroma .ld{}.chroma .s{color:#d14}.chroma .sa{color:#d14}.chroma .sb{color:#d14}.chroma .sc{color:#d14}.chroma .dl{color:#d14}.chroma .sd{color:#d14}.chroma .s2{color:#d14}.chroma .se{color:#d14}.chroma .sh{color:#d14}.chroma .si{color:#d14}.chroma .sx{color:#d14}.chroma .sr{color:#009926}.chroma .s1{color:#d14}.chroma .ss{color:#990073}.chroma .m{color:#099}.chroma .mb{color:#099}.chroma .mf{color:#099}.chroma .mh{color:#099}.chroma .mi{color:#099}.chroma .il{color:#099}.chroma .mo{color:#099}.chroma .o{color:#000;font-weight:700}.chroma .ow{color:#000;font-weight:700}.chroma .p{}.chroma .c{color:#998;font-style:italic}.chroma .ch{color:#998;font-style:italic}.chroma .cm{color:#998;font-style:italic}.chroma .c1{color:#998;font-style:italic}.chroma .cs{color:#999;font-weight:700;font-style:italic}.chroma .cp{color:#999;font-weight:700;font-style:italic}.chroma .cpf{color:#999;font-weight:700;font-style:italic}.chroma .g{}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000;font-style:italic}.chroma .gr{color:#a00}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#aaa}.chroma .gt{color:#a00}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}[data-theme=dark]{.bg { color:#cdd6f4;background-color:#1e1e2e; } .chroma { color:#cdd6f4;background-color:#1e1e2e; } .chroma .x { } .chroma .err { color:#f38ba8 } .chroma .cl { } .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } .chroma .hl { background-color:#45475a } .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f849c } .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f849c } .chroma .line { display:flex; } .chroma .k { color:#cba6f7 } .chroma .kc { color:#fab387 } .chroma .kd { color:#f38ba8 } .chroma .kn { color:#94e2d5 } .chroma .kp { color:#cba6f7 } .chroma .kr { color:#cba6f7 } .chroma .kt { color:#f38ba8 } .chroma .n { } .chroma .na { color:#89b4fa } .chroma .nb { color:#89dceb } .chroma .bp { color:#89dceb } .chroma .nc { color:#f9e2af } .chroma .no { color:#f9e2af } .chroma .nd { color:#89b4fa;font-weight:bold } .chroma .ni { color:#94e2d5 } .chroma .ne { color:#fab387 } .chroma .nf { color:#89b4fa } .chroma .fm { color:#89b4fa } .chroma .nl { color:#89dceb } .chroma .nn { color:#fab387 } .chroma .nx { } .chroma .py { color:#fab387 } .chroma .nt { color:#cba6f7 } .chroma .nv { color:#f5e0dc } .chroma .vc { color:#f5e0dc } .chroma .vg { color:#f5e0dc } .chroma .vi { color:#f5e0dc } .chroma .vm { color:#f5e0dc } .chroma .l { } .chroma .ld { } .chroma .s { color:#a6e3a1 } .chroma .sa { color:#f38ba8 } .chroma .sb { color:#a6e3a1 } .chroma .sc { color:#a6e3a1 } .chroma .dl { color:#89b4fa } .chroma .sd { color:#6c7086 } .chroma .s2 { color:#a6e3a1 } .chroma .se { color:#89b4fa } .chroma .sh { color:#6c7086 } .chroma .si { color:#a6e3a1 } .chroma .sx { color:#a6e3a1 } .chroma .sr { color:#94e2d5 } .chroma .s1 { color:#a6e3a1 } .chroma .ss { color:#a6e3a1 } .chroma .m { color:#fab387 } .chroma .mb { color:#fab387 } .chroma .mf { color:#fab387 } .chroma .mh { color:#fab387 } .chroma .mi { color:#fab387 } .chroma .il { color:#fab387 } .chroma .mo { color:#fab387 } .chroma .o { color:#89dceb;font-weight:bold } .chroma .ow { color:#89dceb;font-weight:bold } .chroma .p { } .chroma .c { color:#6c7086;font-style:italic } .chroma .ch { color:#6c7086;font-style:italic } .chroma .cm { color:#6c7086;font-style:italic } .chroma .c1 { color:#6c7086;font-style:italic } .chroma .cs { color:#6c7086;font-style:italic } .chroma .cp { color:#6c7086;font-style:italic } .chroma .cpf { color:#6c7086;font-weight:bold;font-style:italic } .chroma .g { } .chroma .gd { color:#f38ba8;background-color:#313244 } .chroma .ge { font-style:italic } .chroma .gr { color:#f38ba8 } .chroma .gh { color:#fab387;font-weight:bold } .chroma .gi { color:#a6e3a1;background-color:#313244 } .chroma .go { } .chroma .gp { } .chroma .gs { font-weight:bold } .chroma .gu { color:#fab387;font-weight:bold } .chroma .gt { color:#f38ba8 } .chroma .gl { text-decoration:underline } .chroma .w { }}