.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--bg:#000;--fg:#fff;--muted:#999;--fg-nav-muted:#a8a8a8;--accent:#fff;--accent-soft:#ffffff1a;--border-subtle:#333;--container-max:1200px;--measure-prose:800px;--ease-standard:cubic-bezier(.2, 0, 0, 1);--duration-fast:.16s;--duration-medium:.24s;--duration-page:.3s;--transition-fast:var(--duration-fast) var(--ease-standard);--transition-medium:var(--duration-medium) var(--ease-standard);--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-display:clamp(2rem, 4.5vw + .5rem, 3.8rem);--text-title-xl:clamp(1.5rem, 2.5vw + .5rem, 2.4rem);--text-title-lg:clamp(1.3rem, 1.8vw + .5rem, 1.9rem);--text-title-md:clamp(1.15rem, 1vw + .75rem, 1.5rem);--text-title-sm:clamp(1.05rem, .5vw + .9rem, 1.3rem);--text-body:1rem;--text-body-sm:.95rem;--text-meta:.8rem;--text-meta-sm:.75rem;--space-section:clamp(3rem, 5vw, 4.5rem);--space-block:clamp(2.25rem, 4vw, 3.5rem);--space-content:1.5rem;--font-size-title-card:var(--text-title-sm);--font-size-hero-title:var(--text-title-lg);--font-size-post-h1:clamp(1.2rem, 2vw + .5rem, 1.55rem);--font-size-post-h2:clamp(1.05rem, 1.5vw + .5rem, 1.3rem);--cover-aspect:1200 / 630;--visual-surface:#111;--token-comment:#666;--token-punctuation:#888;--token-operator:#fff;--token-keyword:#888;--token-function:#fff;--token-string:#ccc;--token-number:#fff}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}[hidden]{display:none!important}html{background-color:var(--bg)}body{background-color:var(--bg);color:var(--fg);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-image:none;width:100%;max-width:100vw;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}p,h1,h2,h3,h4,h5,h6,.post-content,.code-wrapper,pre,code{user-select:text;cursor:text}.post-content img{-webkit-touch-callout:none;pointer-events:none}:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:0}.site-main:focus,.site-main:focus-visible{outline:none}a{color:inherit;cursor:pointer;text-decoration:none}.container{max-width:var(--container-max);box-sizing:border-box;width:100%;margin:0 auto;padding:0 1.5rem}.prose-column{max-width:var(--measure-prose);margin-inline:auto}.site-main{padding:1.5rem 0 6rem}@media (width<=768px){.container{padding:0 1rem}}@media (width<=600px){.site-main{padding:.75rem 0 3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.post-card-cover img{transform:none!important}}@keyframes kn-fade-out{to{opacity:0}}@keyframes kn-fade-in{0%{opacity:0}}@keyframes kn-card-in{0%{opacity:0;transform:translateY(12px)}}@keyframes kn-progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(.85)}}::view-transition-old(root){animation:kn-fade-out var(--duration-page) var(--ease-standard) both}::view-transition-new(root){animation:kn-fade-in var(--duration-page) var(--ease-standard) both}html:not(.kn-swapped) .card-grid .post-card{animation:kn-card-in .35s var(--ease-standard) both;animation-delay:calc(var(--card-index,0) * 60ms)}.nav-progress{background:var(--accent);z-index:9999;opacity:0;pointer-events:none;transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.nav-progress.is-active{opacity:1;animation:kn-progress-grow .6s var(--ease-standard) forwards}.nav-progress.is-finishing{opacity:1;transition:transform .12s linear,opacity .15s linear;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),html:not(.kn-swapped) .card-grid .post-card{animation:none}.nav-progress.is-active,.nav-progress.is-finishing{opacity:1;transition:none;animation:none;transform:scaleX(1)}}.skip-to-main{z-index:10001;background:var(--fg);color:var(--bg);border:1px solid var(--border-subtle);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:.5rem .875rem;font-size:.8rem;position:absolute;top:-120px;left:.75rem}.skip-to-main:focus{outline:2px solid var(--accent);outline-offset:2px;top:.75rem}@media (prefers-reduced-motion:reduce){.logo-mark{transition:none}.logo:hover .logo-mark{filter:grayscale();transform:none}}.site-header{background:var(--bg);border-bottom:1px solid var(--border-subtle);z-index:100;view-transition-name:none;padding:1.15rem 0;position:sticky;top:0}.header-inner{align-items:center;gap:clamp(1.25rem,3vw,2.5rem);min-height:3.25rem;display:flex}.header-actions{margin-left:auto}.logo{color:var(--fg);flex:none;align-items:center;margin:-.2rem -.35rem;padding:.2rem .35rem;text-decoration:none;display:inline-flex}.logo-mark{filter:grayscale();width:44px;height:44px;transition:filter var(--transition-fast), transform var(--transition-fast);border-radius:0;transition-delay:0s;display:block;transform:translateY(0)}.main-nav{font-family:var(--mono);letter-spacing:.02em;align-items:center;gap:clamp(1rem,2.5vw,2rem);font-size:clamp(.9rem,.35vw + .82rem,1rem);display:flex}.main-nav .nav-link{min-height:2.75rem;color:var(--fg-nav-muted);white-space:nowrap;transition:color var(--transition-fast), text-decoration-color var(--transition-fast);align-items:center;padding:.35rem .2rem;text-decoration:none;display:inline-flex}.main-nav .nav-link.active{color:var(--fg);text-underline-offset:6px;text-decoration:underline}.lang-nav{font-family:var(--mono);border:1px solid var(--border-subtle);white-space:nowrap;gap:0;font-size:.7rem;display:flex}.lang-nav .nav-link{box-sizing:border-box;min-width:2.2rem;min-height:1.9rem;color:var(--muted);letter-spacing:.04em;transition:color var(--transition-fast), background-color var(--transition-fast);white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:.2rem .45rem;text-decoration:none;display:inline-flex}.lang-nav .nav-link.active{color:var(--bg);background:var(--fg);font-weight:400;text-decoration:none}.divider{display:none}@media (hover:hover){.logo:hover .logo-mark{will-change:transform, filter;filter:grayscale(0%);transform:translateY(-1px)}.main-nav .nav-link:hover,.lang-nav .nav-link:hover{color:var(--fg)}.lang-nav .nav-link.active:hover{color:var(--bg)}.lang-nav:hover{border-color:var(--fg-nav-muted)}}@media (width<=820px){.site-header{padding:.4rem 0}.header-inner{flex-wrap:nowrap;gap:.75rem;min-height:0}.logo-mark{width:34px;height:34px}.main-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;justify-content:center;gap:clamp(.5rem,3.5vw,1.5rem);min-width:0;font-size:.85rem;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav .nav-link{min-height:2.75rem;padding-inline:.15rem}.lang-nav{font-size:.65rem}.lang-nav .nav-link{min-width:2rem;min-height:1.75rem;padding:.15rem .35rem}}@media (width<=400px){.header-inner{gap:.5rem}.main-nav{justify-content:flex-start;font-size:.8rem}.logo-mark{width:30px;height:30px}}.site-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding:1.5rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-text{font-family:var(--mono);color:var(--muted);margin:0;font-size:.85rem}.footer-brand-link{color:inherit;text-decoration:none}.footer-legal-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.footer-link{transition:color var(--transition-fast);text-decoration:none}@media (hover:hover){.footer-brand-link:hover,.footer-link:hover{color:var(--fg)}}@media (width<=768px){.site-footer{padding:1.5rem 0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:.85rem}.footer-legal-nav{justify-content:center;gap:.6rem 1.1rem}.footer-text{font-size:.8rem}}@media (width<=600px){.footer-text{font-size:.75rem}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;gap:clamp(2.5rem,4vw,3.5rem) 2rem;display:grid}@media (width<=768px){.card-grid{box-sizing:border-box;grid-template-columns:1fr;gap:2.5rem 0;width:100%;max-width:100%;overflow-x:hidden}.post-card{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.post-card-link{box-sizing:border-box;width:100%;max-width:100%}.post-card-cover{margin-bottom:1.25rem;overflow:hidden}.post-title{font-size:clamp(1.05rem,4vw,1.15rem);line-height:1.3}.post-snippet{margin-bottom:.5rem;font-size:.9rem;line-height:1.6}.card-meta{flex-wrap:nowrap;align-items:center;gap:.75rem;padding-top:.875rem;overflow:hidden}.card-tags{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex:1;min-width:0;overflow:auto hidden}.pill-date{box-sizing:border-box;align-items:center;min-height:2.75rem;margin-bottom:0;padding:.25rem .5rem;display:inline-flex}.reading-time-badge{gap:.3rem;min-height:2.75rem;padding:.35rem .7rem;font-size:.75rem;bottom:.6rem;right:.6rem}.chip{box-sizing:border-box;align-items:center;min-height:2.75rem;padding:.35rem .625rem;display:inline-flex}}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=639px){.card-grid{row-gap:2rem;padding:0}.post-card-content{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.post-card-cover{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:1rem}.post-title{font-size:clamp(1rem,4.5vw,1.1rem)}.post-snippet{margin-bottom:.5rem;font-size:.85rem}}.post-card{transition:opacity var(--transition-medium);box-sizing:border-box;background:0 0;border:none;border-radius:0;flex-direction:column;width:100%;max-width:100%;display:flex;position:relative;overflow:hidden}.card-grid .post-card{content-visibility:auto;contain-intrinsic-size:auto 420px}@media (hover:hover){.post-card:hover{box-shadow:none;opacity:.8;border-color:#0000;transform:none}.post-card:hover .post-card-cover img{transform:scale(1.02)}.post-card:hover .post-title{text-shadow:none}}@media (prefers-reduced-motion:reduce){@media (hover:hover){.post-card:hover{opacity:1}.post-card:hover .post-card-cover img{transform:none}}}.post-card:active{box-shadow:none;transform:none}.post-card-link{z-index:10;min-height:44px;position:absolute;inset:0}.post-card-cover{pointer-events:none;width:100%;max-width:100%;aspect-ratio:var(--cover-aspect);background:var(--visual-surface);box-sizing:border-box;border:none;border-radius:0;margin-bottom:1.5rem;position:relative;overflow:hidden}.post-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-medium) var(--ease-standard);box-sizing:border-box;max-width:100%}.post-card-cover-fallback{background:var(--visual-surface);color:var(--muted)}.cover-title-text{font-family:var(--mono);color:var(--accent);text-shadow:0 0 10px #00000080;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.2rem;font-weight:700;display:-webkit-box;overflow:hidden}.post-card-content{box-sizing:border-box;flex-direction:column;flex:1;gap:.5rem;width:100%;max-width:100%;padding:0;display:flex;position:relative;overflow:hidden}.post-card-main{z-index:auto;pointer-events:none;flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex;position:relative;overflow:hidden}.post-title{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-weight:600;font-size:var(--font-size-title-card);letter-spacing:-.02em;margin:0 0 .5rem;line-height:1.2}.post-snippet{font-size:var(--text-body-sm);color:var(--muted);-webkit-line-clamp:2;text-overflow:ellipsis;box-sizing:border-box;-webkit-box-orient:vertical;max-width:100%;margin-bottom:.5rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-meta{z-index:20;border-top:1px solid var(--border-subtle);isolation:isolate;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex;position:relative;overflow:hidden}.card-meta a,.card-meta .chip{z-index:21;isolation:isolate;position:relative}.card-tags{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:1;gap:.5rem;min-width:0;display:flex;overflow:auto hidden}.card-tags::-webkit-scrollbar{height:6px}.card-tags::-webkit-scrollbar-thumb{background:var(--border-subtle)}.card-tags .chip{flex-shrink:0}.pill-date{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);text-transform:uppercase;white-space:nowrap;transition:color var(--transition-fast), opacity var(--transition-fast);border:none;flex-shrink:0;padding:0}.reading-time-badge{color:var(--accent);font-family:var(--mono);border:1px solid var(--border-subtle);z-index:15;pointer-events:none;background:#000c;border-radius:0;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;bottom:.8rem;right:.8rem}.chip{border:1px solid var(--border-subtle);font-size:var(--text-meta-sm);font-family:var(--mono);text-transform:uppercase;color:var(--fg);border-color:var(--border-subtle);box-shadow:none;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:0;padding:.1rem .4rem}@media (hover:hover){.pill-date:hover{color:var(--fg);opacity:1}.chip:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}}:root{--ui-chevron-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;display:flex}.feed-load-more{text-align:center;margin-top:2rem}.feed-load-more .btn-primary{margin-top:0}.noscript-feed-hint{border:1px solid var(--border-subtle);color:var(--muted);margin:0 0 1rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.page-title{font-size:var(--text-title-md);letter-spacing:-.04em;margin-bottom:1rem;font-weight:500}.filters-form{box-sizing:border-box;grid-template-columns:2fr 1fr 1fr;align-items:end;gap:1rem;width:100%;max-width:56rem;display:grid}.search-field{flex-direction:column;gap:.35rem;width:100%;display:flex;position:relative}.clear-search-btn{color:var(--muted);cursor:pointer;min-width:36px;min-height:36px;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;font-size:.9rem;line-height:1;display:flex;position:absolute;bottom:1px;right:.65rem}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-results-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.filters{display:contents}.filter-field{flex-direction:column;gap:.35rem;width:100%;display:flex;position:relative}.filter-label{color:var(--muted);font-size:.8rem;font-family:var(--mono)}.search-field input{border:1px solid var(--border-subtle);width:100%;color:var(--fg);font-size:.875rem;font-family:var(--mono);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background-color:#0000;border-radius:0;min-height:38px;padding:.5rem 2.8rem .5rem 1rem}.search-field input:focus{border-color:var(--fg);box-shadow:none;outline:none}.search-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.select-control{border:1px solid var(--border-subtle);width:100%;color:var(--fg);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);appearance:none;cursor:pointer;background-color:#0000;background-image:var(--ui-chevron-icon);background-position:right .6rem center;background-repeat:no-repeat;background-size:.875rem;border-radius:0;min-height:38px;padding:.5rem 2.25rem .5rem 1rem;font-size:.875rem}.select-control:focus{border-color:var(--fg);box-shadow:none;outline:none}.select-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.select-control.is-custom-select-source{display:none}.custom-select{width:100%;position:relative}.custom-select-trigger{border:1px solid var(--border-subtle);width:100%;color:var(--fg);font-size:.875rem;font-family:var(--mono);cursor:pointer;min-height:38px;transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background-color:#0000;border-radius:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.custom-select-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-select-icon{background-image:var(--ui-chevron-icon);width:.875rem;height:.875rem;transition:transform var(--transition-fast);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0}.custom-select.is-open .custom-select-icon{transform:rotate(180deg)}.custom-select-trigger:focus{border-color:var(--fg);box-shadow:none;outline:none}.custom-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.custom-select-dropdown{border:1px solid var(--border-subtle);background:var(--bg);z-index:110;visibility:hidden;opacity:0;pointer-events:none;max-height:16rem;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);padding:.25rem;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.results-count{width:100%;font-size:.8rem;font-family:var(--mono);color:var(--muted);margin:.25rem 0 0}.custom-select.is-open .custom-select-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.custom-select-option{width:100%;color:var(--fg);text-align:left;font-size:.875rem;font-family:var(--mono);cursor:pointer;background:0 0;border:0;padding:.5rem .75rem}.custom-select-option.is-selected{color:var(--accent);background:var(--visual-surface)}.custom-select-option:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.clear-search-btn:focus-visible,.custom-select-trigger:focus-visible,.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty-state{border:1px solid var(--border-subtle);text-align:center;font-family:var(--mono);border-radius:0;margin:2rem 0;padding:3rem 2rem}.empty-title{color:var(--accent);letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.empty-desc{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.not-found{text-align:center;padding:4rem 0}.not-found h1{color:var(--accent);text-shadow:0 0 20px var(--accent-soft);margin-bottom:1rem;font-size:5rem}.not-found-suggestions-heading{color:var(--fg);letter-spacing:-.01em;margin:1.5rem 0 0;font-size:1rem;font-weight:600}.btn-primary{background:var(--fg);color:var(--bg);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);cursor:pointer;border:none;border-radius:0;min-width:44px;min-height:44px;margin-top:1.5rem;padding:.8rem 2rem;font-size:.9rem;text-decoration:none;display:inline-block}@media (hover:hover){.clear-search-btn:hover{color:var(--accent)}.custom-select-option:hover{background:var(--visual-surface)}.btn-primary:hover{background:var(--visual-surface);box-shadow:none;transform:none;color:var(--fg)!important}}@media (width<=768px){.section-header{margin-bottom:1.5rem}.page-title{margin-bottom:.75rem}.filters-form{grid-template-columns:1fr;gap:.75rem}.filters{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.search-field input,.select-control,.custom-select-trigger{min-height:36px;padding:.5rem .875rem;font-size:.85rem}.search-field input{padding-right:2.6rem}.clear-search-btn{min-width:36px;min-height:36px;padding:.4rem;font-size:.85rem;bottom:0;right:.6rem}.filter-label{font-size:.75rem}.btn-primary{min-height:44px;padding:.875rem 1.75rem;font-size:.85rem}.empty-state{padding:2.5rem 1.5rem}.empty-title{font-size:1.1rem}.empty-desc{font-size:.9rem}}@media (width<=600px){.section-header{margin-bottom:1.25rem}.filters-form{gap:.65rem}.filters{grid-template-columns:1fr;gap:.65rem}.search-field input,.select-control,.custom-select-trigger{min-height:36px;padding:.5rem .875rem;font-size:.825rem}.search-field input{padding-right:2.6rem}}.not-found-grid{text-align:left;margin-top:3rem}.not-found #text-en,.not-found #btn-en{display:none}.post-card-title-sm{font-size:1.2rem}.not-found-card-tags{margin-top:.5rem}.sw-update-toast{z-index:100;background:var(--bg);max-width:min(90vw,26rem);color:var(--fg);border:1px solid var(--border-subtle);font-family:var(--mono);text-align:center;cursor:pointer;min-height:44px;padding:.75rem 1.25rem;font-size:.8rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (hover:hover){.sw-update-toast:hover{background:var(--fg);color:var(--bg)}}.sw-update-toast:disabled{opacity:.7;cursor:wait}.page-header{margin-bottom:2.5rem}.page-lead{color:var(--muted);font-size:var(--text-body);max-width:60ch;margin:0;line-height:1.6}.btn-secondary{color:var(--fg);border:1px solid var(--border-subtle);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);cursor:pointer;background:0 0;border-radius:0;min-width:44px;min-height:44px;padding:.8rem 2rem;font-size:.9rem;text-decoration:none;display:inline-block}@media (hover:hover){.btn-secondary:hover{border-color:var(--fg)}}.btn-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip-static{cursor:default;pointer-events:none}.landing{gap:var(--space-section);flex-direction:column;display:flex}.hero{grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem);padding:3rem 0 2rem;display:grid;position:relative}.hero:before{content:"";background-image:radial-gradient(var(--border-subtle) 1px, transparent 1px);pointer-events:none;z-index:-1;background-size:24px 24px;position:absolute;inset:0;mask-image:radial-gradient(80% 90% at 60% 60%,#000 0%,#0000 75%)}.hero-line{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.hero-title{font-size:var(--text-display);letter-spacing:-.04em;white-space:nowrap;margin:0;font-weight:600;line-height:1.06}.hero-line-rule{background:var(--border-subtle);transform-origin:0;flex:1;min-width:3rem;height:1px}.hero-cta{flex-shrink:0;margin-top:0}@media (prefers-reduced-motion:no-preference){.hero-line-rule{animation:kn-rule-draw .9s var(--ease-standard) .3s backwards}}@keyframes kn-rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-visual{width:100%;overflow:hidden}.hero-build{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);align-items:start;gap:clamp(1rem,2.5vw,1.75rem);display:grid}.hb-pane{border:1px solid var(--border-subtle);background:var(--visual-surface);min-width:0}.hb-pane-editor{margin-top:1.75rem}.hb-pane-diff{margin-top:3.25rem}.hb-pane-bar{border-bottom:1px solid var(--border-subtle);gap:.4rem;padding:.55rem .7rem;display:flex}.hb-dot{border:1px solid var(--muted);width:6px;height:6px}.hb-pane-body{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);padding:1rem 1.1rem}.hb-prompt{color:var(--fg);white-space:nowrap;align-items:baseline;gap:.5ch;margin:0 0 .6rem;display:flex}.hb-sign{color:var(--muted)}.hb-typed{white-space:nowrap;width:15ch;display:inline-block;overflow:hidden}.hb-caret{background:var(--fg);flex-shrink:0;align-self:center;width:7px;height:.9em}.hb-out{white-space:nowrap;margin:.25rem 0 0}.hb-code{flex-direction:column;gap:.55rem;display:flex}.hb-code-line{height:6px;width:var(--w,60%);margin-left:calc(var(--x,0) * 1rem);background:var(--border-subtle);transform-origin:0}.hb-code-line--fg{background:var(--muted)}.hb-diff{flex-direction:column;gap:.55rem;display:flex}.hb-diff-line{background:var(--border-subtle);width:78%;height:6px}.hb-diff-add{background:var(--fg);width:62%}.hb-diff-del{background:repeating-linear-gradient(90deg, var(--border-subtle) 0 4px, transparent 4px 8px);width:54%}@media (prefers-reduced-motion:no-preference){.hb-typed{animation:1.6s steps(15,end) .5s backwards kn-type}.hb-caret{animation:1.1s step-end infinite kn-caret}.hb-out{animation:kn-fade-up .4s var(--ease-standard) backwards}.hb-out-a{animation-delay:2.2s}.hb-out-b{animation-delay:2.6s}.hb-code-line{animation:kn-line-in .5s var(--ease-standard) calc(.7s + var(--i,0) * .15s) backwards}.hb-diff-line{animation:kn-fade-up .4s var(--ease-standard) calc(1.1s + var(--i,0) * .15s) backwards}}@keyframes kn-type{0%{width:0}}@keyframes kn-line-in{0%{opacity:0;transform:scaleX(0)}}@keyframes kn-fade-up{0%{opacity:0;transform:translateY(6px)}}@keyframes kn-caret{0%,55%{background:var(--fg)}56%,to{background:0 0}}.landing-section{flex-direction:column;gap:1.5rem;display:flex}.landing-section-head{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.75rem;display:flex}.section-lead{color:var(--muted);font-size:var(--text-body-sm);max-width:68ch;margin:.75rem 0 0;line-height:1.6}.section-title{font-size:var(--text-title-md);letter-spacing:-.03em;margin:0;font-weight:500}.section-link{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);white-space:nowrap;transition:color var(--transition-fast);text-decoration:none}@media (hover:hover){.section-link:hover{color:var(--fg)}}.project-feature{border:1px solid var(--border-subtle);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid;position:relative}.project-feature-link{z-index:1;position:absolute;inset:0}.project-feature-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-feature-cover{aspect-ratio:var(--cover-aspect);background:var(--visual-surface);border-right:1px solid var(--border-subtle);overflow:hidden}.project-feature-cover img{transition:transform var(--transition-medium);display:block}.project-feature-cover-fallback{background:var(--visual-surface);place-items:center;width:100%;height:100%;display:grid}.project-feature-content{padding:var(--space-content);flex-direction:column;justify-content:space-between;gap:1rem;min-width:0;display:flex}.project-feature-index{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted)}.project-feature-title{font-size:var(--text-title-lg);letter-spacing:-.03em;margin:0;font-weight:500}.project-feature-date{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);white-space:nowrap}@media (hover:hover){.project-feature:hover .project-feature-cover img{transform:scale(1.02)}.project-feature:hover .project-feature-title{text-underline-offset:4px;text-decoration:underline}}.project-index{margin:0;padding:0;list-style:none}.project-index-link{border-bottom:1px solid var(--border-subtle);color:var(--fg);align-items:baseline;gap:1.25rem;padding:.9rem 0;text-decoration:none;display:flex}.project-index-num{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted)}.project-index-title{font-size:var(--text-body);letter-spacing:-.02em;flex:1;font-weight:500}.project-index-date{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);white-space:nowrap}@media (hover:hover){.project-index-link:hover .project-index-title{text-underline-offset:4px;text-decoration:underline}}.post-index{margin:0;padding:0;list-style:none}.post-index-link{border-bottom:1px solid var(--border-subtle);color:var(--fg);align-items:baseline;gap:1.5rem;padding:1.15rem 0;text-decoration:none;display:flex;position:relative}.post-index-date{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);white-space:nowrap;min-width:7.5rem}.post-index-title{font-size:var(--text-title-sm);letter-spacing:-.02em;transition:transform var(--transition-fast);font-weight:500;line-height:1.35}@media (hover:hover){.post-index-link:hover .post-index-title{transform:translate(.4rem)}.post-index-link:after{content:"→";font-family:var(--mono);color:var(--muted);opacity:0;transition:opacity var(--transition-fast);margin-left:auto}.post-index-link:hover:after{opacity:1}}.landing-close{border-top:1px solid var(--border-subtle);padding-top:var(--space-block);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:2rem clamp(2rem,5vw,4rem);display:grid;position:relative}.landing-close:after{content:"";background-image:radial-gradient(var(--border-subtle) 1px, transparent 1px);pointer-events:none;z-index:-1;background-size:24px 24px;width:32%;height:55%;position:absolute;bottom:0;right:0;mask-image:radial-gradient(#000 0%,#0000 70%)}.landing-close-kicker{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);margin:0 0 1rem}.landing-close-title{font-size:var(--text-title-xl);letter-spacing:-.04em;margin:0 0 .75rem;font-weight:600}.landing-close-lead{color:var(--muted);font-size:var(--text-body);max-width:40ch;margin:0;line-height:1.6}.landing-close-mail{font-family:var(--mono);font-size:var(--text-title-md);letter-spacing:-.02em;border:1px solid var(--border-subtle);color:var(--fg);word-break:break-all;transition:border-color var(--transition-fast);align-items:center;gap:1rem;padding:1.1rem 1.35rem;font-weight:500;text-decoration:none;display:flex}.landing-close-mail-arrow{color:var(--muted);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0}@media (hover:hover){.landing-close-mail:hover{border-color:var(--fg)}.landing-close-mail:hover .landing-close-mail-arrow{color:var(--fg);transform:translate(.3rem)}}.landing-close-mail:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.contact{padding:var(--space-block) 0 1rem;position:relative}.contact:before{content:"";background-image:radial-gradient(var(--border-subtle) 1px, transparent 1px);pointer-events:none;z-index:-1;background-size:24px 24px;width:45%;height:40%;position:absolute;top:0;right:-10%;mask-image:radial-gradient(#000 0%,#0000 70%)}.contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:2.5rem clamp(2.5rem,6vw,5rem);display:grid}.contact-kicker{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);margin:0 0 1.25rem}.contact-intro{font-size:var(--text-title-xl);letter-spacing:-.04em;max-width:16ch;margin:0 0 1.5rem;font-weight:600;line-height:1.15}.contact-note{color:var(--muted);font-size:var(--text-body-sm);max-width:44ch;margin:0;line-height:1.7}.contact-channels{border-top:1px solid var(--border-subtle);margin:0;padding:0;list-style:none}.contact-channel-link{border-bottom:1px solid var(--border-subtle);color:var(--fg);align-items:center;gap:1.5rem;padding:1.5rem 0;text-decoration:none;display:flex}.contact-channel-num{font-family:var(--mono);font-size:var(--text-meta);color:var(--border-subtle);transition:color var(--transition-fast)}.contact-channel-main{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.contact-channel-label{font-family:var(--mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.contact-channel-value{font-size:var(--text-title-md);letter-spacing:-.02em;word-break:break-all;font-weight:500}.contact-channel-arrow{font-family:var(--mono);color:var(--muted);transition:transform var(--transition-fast), color var(--transition-fast)}@media (hover:hover){.contact-channel-link:hover .contact-channel-num{color:var(--muted)}.contact-channel-link:hover .contact-channel-value{text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--border-subtle)}.contact-channel-link:hover .contact-channel-arrow{color:var(--fg);transform:translate(.2rem,-.1rem)}}.contact-channel-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.legal-document{max-width:78ch}.legal-header{border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem}.legal-kicker{color:var(--muted);font-family:var(--mono);font-size:var(--text-meta);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .75rem}.legal-content{gap:2rem;display:grid}.legal-section{border-bottom:1px solid var(--border-subtle);padding-bottom:2rem}.legal-section h2{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.05rem;font-weight:500}.legal-section p,.legal-section li{color:var(--muted);font-size:var(--text-body-sm);line-height:1.7}.legal-section p{margin:0 0 1rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin:.75rem 0 0;padding-left:1.25rem}.legal-section li+li{margin-top:.5rem}@media (width<=820px){.hero{padding:2rem 0 1rem}.hero-build{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hb-pane-diff{display:none}.hb-pane-editor{margin-top:1.25rem}}@media (width<=768px){.project-feature{grid-template-columns:1fr}.project-feature-cover{border-right:none;border-bottom:1px solid var(--border-subtle)}.landing-close{grid-template-columns:1fr;align-items:start}.contact-grid{grid-template-columns:1fr}}@media (width<=600px){.hero{padding:1rem 0 .5rem}.hero-title{white-space:normal}.hero-build{grid-template-columns:1fr}.hb-pane-editor{display:none}.project-feature-content{padding:1rem 1.15rem}.post-index-link{flex-direction:column;gap:.35rem}.post-index-date{min-width:0}.contact-channel-link{gap:1rem;padding:1.15rem 0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.landing-section-head,.project-feature,.project-index-item,.post-index-item,.landing-close,.contact-head,.contact-channel{animation:linear both kn-rise view();animation-range:entry entry 60%}}}@keyframes kn-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.projects-rows{flex-direction:column;display:flex}.project-row{padding:var(--space-block) 0;border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid;position:relative}.project-row:last-child{border-bottom:1px solid var(--border-subtle)}.project-row--reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.project-row--reverse .project-row-cover{order:2}.project-row-link{z-index:10;min-height:44px;position:absolute;inset:0}.project-row-cover{pointer-events:none;width:100%;aspect-ratio:var(--cover-aspect);background:var(--visual-surface);position:relative;overflow:hidden}.project-row-cover img{transition:filter var(--transition-medium), transform var(--transition-medium);filter:grayscale()contrast(1.05)}.project-row-cover-fallback{background:var(--visual-surface);height:100%;color:var(--muted);place-items:center;padding:1rem;display:grid}.project-row-content{pointer-events:none;min-width:0}.project-row-index{color:var(--border-subtle);font-family:var(--mono);font-size:var(--text-title-lg);letter-spacing:-.04em;margin:0 0 1rem;font-weight:700;line-height:1}.project-row-title{font-size:var(--text-title-xl);letter-spacing:-.04em;margin:0 0 .85rem;font-weight:600;line-height:1.08}.project-row-snippet{color:var(--muted);font-size:var(--text-body);max-width:52ch;margin:0 0 1.5rem;line-height:1.7}.project-row-meta{z-index:20;flex-wrap:wrap;align-items:center;gap:1rem;display:flex;position:relative}.project-row-date{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);text-transform:uppercase;white-space:nowrap}@media (hover:hover){.project-row:hover{border-color:var(--fg)}.project-row:hover .project-row-cover img{filter:grayscale(0%)contrast();transform:scale(1.015)}.project-row:hover .project-row-index{color:var(--muted)}}@media (prefers-reduced-motion:reduce){.project-row-cover img{transition:none}}@media (width<=768px){.project-row,.project-row--reverse{grid-template-columns:1fr;gap:1.25rem;padding:2rem 0}.project-row--reverse .project-row-cover{order:0}.project-row-index{margin-bottom:.65rem}.project-row-snippet{font-size:var(--text-body-sm)}}.project-detail .post-hero-media{aspect-ratio:var(--cover-aspect)}.project-detail .post-title-hero{font-size:var(--text-title-xl);letter-spacing:-.04em}