@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/noto-serif-sc/noto-serif-sc-subset.4ce1b972681d.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-serif-sc/noto-serif-sc-subset.4ce1b972681d.woff2)format("woff2")}:root{color-scheme:light dark;--paper:#f5f2ed;--paper-dark:#ede8e1;--ink:#1c1a18;--ink-light:#6b6560;--ink-faint:#b0aaa3;--vermilion:#c0392b;--rule:1px solid var(--ink-faint);--radius:2px;--texture-opacity:.22;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--font-serif:"Noto Serif SC", ui-serif, Georgia, "Songti SC", "SimSun", serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--frame:min(1120px, calc(100% - 40px));--gutter:40px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1a1814;--paper-dark:#211f1b;--ink:#e8e4de;--ink-light:#9a9188;--ink-faint:#4a4540;--vermilion:#dd6450;--texture-opacity:.16}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--paper:#1a1814;--paper-dark:#211f1b;--ink:#e8e4de;--ink-light:#9a9188;--ink-faint:#4a4540;--vermilion:#dd6450;--texture-opacity:.16}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}::selection{color:inherit;background:#c0392b2e}:root[data-theme=dark] ::selection{color:inherit;background:#dd645047}*{scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent}body{min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:0 0;flex-direction:column;margin:0;font-size:15px;font-weight:400;line-height:1.9;display:flex}html{background:var(--paper)}body:before{z-index:-1;pointer-events:none;content:"";opacity:var(--texture-opacity);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='700'%20height='700'%3E%3Cfilter%20id='f'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.010'%20numOctaves='2'%20seed='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type='linear'%20slope='0.22'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23f)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='500'%20height='500'%3E%3Cfilter%20id='f'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.003%200.55'%20numOctaves='2'%20seed='7'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type='linear'%20slope='0.30'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23f)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cfilter%20id='f'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='1.1'%20numOctaves='4'%20seed='1'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type='linear'%20slope='0.55'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23f)'/%3E%3C/svg%3E");background-size:700px 700px,500px 500px,160px 160px;position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{filter:invert()}}:root[data-theme=dark] body:before{filter:invert()}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:.015em;text-wrap:balance;font-weight:400}a{color:inherit;text-decoration-color:var(--ink-faint);text-underline-offset:.2em}a:hover{color:var(--vermilion)}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}code{font-family:var(--font-mono)}:focus-visible{outline:1px solid var(--vermilion);outline-offset:2px}.skip-link{z-index:100;border-radius:var(--radius);background:var(--ink);color:var(--paper);font-family:var(--font-mono);padding:10px 14px;font-size:11px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.site-header__inner,.site-footer__inner,main{width:var(--frame);border-inline:var(--rule);margin-inline:auto}main{flex:1}main .shell{width:100%;padding-inline:var(--gutter);margin-inline:0}main .post-shell,main .listing-page{margin-inline:auto}.shell{width:var(--frame);margin-inline:auto}.eyebrow,.section-heading>span,.post-card__meta,.post-header__meta,.post-header__back,.back-link,.archive-year__label,.project-card__type,.sidebar-note__label,.api-promo__eyebrow,.post-list__more,.not-found__links,.site-header nav a,.site-logo,.site-footer__inner,.tag-list a,.status-badge,.post-toc__summary,.image-caption,.back-to-top,.code-block-header{font-family:var(--font-mono);font-weight:400}.post-card__meta,.post-header__meta,.archive-list__date,.sidebar-tags__count,.section-heading>span,.prose table{font-variant-numeric:tabular-nums}.eyebrow{color:var(--ink-light);letter-spacing:.14em;margin:0 0 18px;font-size:10px}.eyebrow__dot{color:var(--vermilion);vertical-align:middle;margin-right:6px;font-size:8px}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;display:flex}.section-heading h1,.section-heading h2{margin:0;font-size:17px}.section-heading>span{color:var(--ink-light);font-size:10px}.tag-list{z-index:1;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:relative}.tag-list a{border:var(--rule);border-radius:var(--radius);color:var(--ink-light);padding:2px 7px;font-size:10px;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s;display:inline-block}.tag-list a:hover{color:var(--vermilion);border-color:var(--vermilion);background:var(--paper-dark)}.button{border:var(--rule);border-radius:var(--radius);min-height:38px;color:var(--ink);font-family:var(--font-mono);letter-spacing:.06em;background:0 0;justify-content:center;align-items:center;padding:0 18px;font-size:11px;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--ink-light);color:var(--vermilion)}.button--primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.button--primary:hover{background:var(--ink-light);border-color:var(--ink-light);color:var(--paper)}[data-pending]{text-decoration:underline dashed var(--vermilion) 1px;text-underline-offset:4px}.comments__pending{color:var(--ink-light);font-size:13px}.empty-note{color:var(--ink-light);margin:0;padding-block:28px;font-size:14px}.site-header{border-bottom:var(--rule)}.site-header__inner{min-height:72px;padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:24px;display:flex}.site-logo{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.site-logo:hover{color:var(--vermilion)}.site-logo__mark{color:var(--vermilion);font-size:11px;line-height:1}.site-header nav ul{align-items:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--ink-light);letter-spacing:.04em;padding-block:4px;font-size:11px;text-decoration:none;transition:color .15s;display:inline-block;position:relative}.site-header nav a:hover{color:var(--ink)}.site-header nav a[aria-current=page]{color:var(--vermilion);font-weight:500}.site-header nav a[aria-current=page]:after{background:var(--vermilion);content:"";height:2px;position:absolute;bottom:-2px;left:0;right:0}.site-header__right{align-items:center;gap:26px;display:flex}.site-controls{align-items:center;gap:6px;display:flex}.preference-control{border:var(--rule);border-radius:var(--radius);min-height:26px;color:var(--ink-light);font-family:var(--font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;line-height:1;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.preference-control:hover{color:var(--ink);border-color:var(--ink);background:var(--paper-dark)}.preference-control__icon{width:1em;font-size:12px;line-height:1}.preference-control--language{min-width:34px;text-decoration:none}.post-translation{border:1px dashed var(--ink-faint);border-radius:var(--radius);background:var(--paper-dark);color:var(--ink-light);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:22px 0 28px;padding:10px 16px;font-size:11px;line-height:1.5;display:flex}.post-translation__text{color:var(--ink-light)}.post-translation__link{color:var(--vermilion);white-space:nowrap;font-weight:500;text-decoration:none}.post-translation__link:hover{text-decoration:underline}.site-footer{border-top:var(--rule)}.site-footer__inner{min-height:74px;padding-inline:var(--gutter);color:var(--ink-light);justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}.site-footer p{margin:0}.site-footer__sep{color:var(--ink-faint);margin-inline:6px}.site-footer a{color:var(--ink-light);text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--vermilion);text-decoration:underline}.site-footer__links{font-family:var(--font-mono);align-items:center;gap:18px;display:flex}.hero{border-bottom:var(--rule);padding-block:68px 44px}.hero h1{margin:0;font-size:clamp(28px,3.6vw,34px);font-weight:300;line-height:1.35}.hero__intro{max-width:660px;color:var(--ink-light);margin:18px 0 0;font-size:15px;line-height:1.9}.home-grid{grid-template-columns:minmax(0,1fr) 300px;gap:0;padding-block:44px 64px;display:grid}.home-grid>section{padding-right:var(--gutter)}.home-sidebar{padding-left:var(--gutter);border-left:var(--rule)}.home-sidebar>*+*{margin-top:20px}.sidebar-note{border-top:var(--rule);padding-top:20px}.sidebar-note__label{color:var(--ink-light);letter-spacing:.1em;font-size:10px}.sidebar-note p{color:var(--ink-light);margin:10px 0 0;font-size:13px;line-height:1.85}.sidebar-note p a{color:var(--vermilion);text-decoration:none}.sidebar-note p a:hover{text-decoration:underline}.sidebar-tags{margin-top:11px}.sidebar-tags__count{color:var(--ink-light);margin-left:5px;font-size:9px}.post-list{border-top:var(--rule)}.post-card{border-bottom:var(--rule);padding-block:28px;transition:background-color .15s;position:relative}.post-card__meta{color:var(--ink-light);letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:9px;font-size:10px;display:flex}.post-card__meta-sep{color:var(--ink-faint);font-weight:300}.post-card h2{margin:0;font-size:19px;line-height:1.5}.post-card h2 a{text-decoration:none;transition:color .15s}.post-card h2 a:hover{color:var(--vermilion)}.post-card h2 a:after{content:"";position:absolute;inset:0}.post-card>p{max-width:640px;color:var(--ink-light);margin:11px 0 16px;font-size:14px;line-height:1.85}.post-card:hover{background:#00000004}:root[data-theme=dark] .post-card:hover{background:#ffffff04}.post-list__more{color:var(--vermilion);margin-top:20px;font-size:10px;text-decoration:none;display:inline-block}.post-list__more:hover{text-decoration:underline}.listing-page{max-width:780px;padding-block:54px 40px}.listing-page__heading{margin-bottom:24px}.listing-page__heading h1{font-size:22px}.listing-page__heading h1 span{color:var(--vermilion)}.post-header__back,.back-link{color:var(--ink-light);margin-bottom:26px;font-size:10px;text-decoration:none;display:inline-block}.post-header__back:hover,.back-link:hover{color:var(--vermilion)}.archive-year+.archive-year{margin-top:42px}.archive-year__label{color:var(--ink-light);letter-spacing:.12em;margin:0 0 10px;font-size:10px}.archive-list{border-top:var(--rule);margin:0;padding:0;list-style:none}.archive-list li{border-bottom:var(--rule)}.archive-list a{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;min-height:34px;padding-block:5px;line-height:1.5;text-decoration:none;transition:color .15s,padding-left .15s;display:grid}.archive-list a:hover{color:var(--vermilion);padding-left:4px}.archive-list a:hover .archive-list__date{color:var(--vermilion)}.archive-list__date{color:var(--ink-light);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;font-size:10px;transition:color .15s}.archive-list__title{font-family:var(--font-serif);font-size:14px}.not-found{padding-block:80px 40px}.not-found h1{margin:0 0 12px;font-size:26px}.not-found>p{max-width:520px;color:var(--ink-light);margin:0}.not-found__links{flex-wrap:wrap;gap:22px;margin-top:28px;font-size:10px;display:flex}.not-found__links a{color:var(--vermilion);text-decoration:none}.not-found__links a:hover{text-decoration:underline}.post-shell{max-width:780px;margin-inline:auto}.post{padding-block:54px 0}.post-header{border-bottom:var(--rule);padding-bottom:30px}.post-header h1{margin:0;font-size:clamp(24px,3.2vw,31px);line-height:1.45}.post-header__meta{color:var(--ink-light);align-items:center;gap:9px;margin:18px 0 14px;font-size:10px;display:flex}.reading-progress{background:var(--vermilion);z-index:1000;pointer-events:none;width:0%;height:2px;transition:width 60ms ease-out;position:fixed;top:0;left:0}.post-toc{border:var(--rule);border-radius:var(--radius);background:var(--paper-dark);margin:30px 0 36px}.post-toc__details{padding:16px 20px}.post-toc__summary{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;list-style:none;display:flex}.post-toc__summary::-webkit-details-marker{display:none}.post-toc__summary:after{content:"[-]";font-family:var(--font-mono);color:var(--ink-light);font-size:11px}.post-toc__details:not([open]) .post-toc__summary:after{content:"[+]"}.post-toc__eyebrow{color:var(--ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:500;display:inline-flex}.post-toc__marker{color:var(--vermilion);font-size:12px}.post-toc__list{border-top:1px dashed var(--ink-faint);margin:12px 0 0;padding:10px 0 0;list-style:none}.post-toc__item{margin-block:6px;line-height:1.6}.post-toc__item a{color:var(--ink-light);font-size:13px;text-decoration:none;transition:color .15s}.post-toc__item a:hover{color:var(--vermilion)}.post-toc__item--depth-2{margin-top:8px;font-weight:500}.post-toc__item--depth-2:first-child{margin-top:0}.post-toc__item--depth-3{padding-left:18px;font-size:12.5px}.post-toc__item--depth-3 a{opacity:.9}.prose{color:var(--ink);padding-top:34px;font-size:15px;line-height:1.95}.prose>*{max-width:100%}.prose h2,.prose h3{color:var(--ink);scroll-margin-top:32px;line-height:1.5}.prose h2{border-bottom:1px dashed var(--ink-faint);margin:2.6em 0 .8em;padding-bottom:8px;font-size:20px}.prose h3{margin:2.1em 0 .6em;font-size:16.5px}.prose p,.prose ul,.prose ol{margin-block:1.25em}.prose ul,.prose ol{padding-left:24px}.prose li{margin-block:.4em}.prose li::marker{color:var(--vermilion);font-family:var(--font-mono);font-size:.9em}.prose a{color:var(--vermilion);text-underline-offset:.22em;text-decoration-color:#c0392b59;transition:color .15s,text-decoration-color .15s}.prose a:hover{text-decoration-color:var(--vermilion)}.prose img{border:var(--rule);border-radius:var(--radius);cursor:zoom-in;margin:0 auto;transition:opacity .15s;display:block}.prose img:hover{opacity:.95}.image-figure{margin:32px 0;padding:0}.image-caption{font-family:var(--font-mono);color:var(--ink-light);text-align:center;margin-top:10px;max-width:92%;margin-inline:auto;font-size:11px;line-height:1.6}.image-caption__marker{color:var(--vermilion);margin-right:4px;font-size:9px}.prose blockquote{border-left:3px solid var(--vermilion);border-radius:0 var(--radius) var(--radius) 0;background:var(--paper-dark);color:var(--ink-light);margin:28px 0;padding:14px 22px;font-size:14px;line-height:1.85}.prose blockquote p:first-child{margin-top:0}.prose blockquote p:last-child{margin-bottom:0}.prose :not(pre)>code{border:var(--rule);border-radius:var(--radius);background:var(--paper-dark);color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:.16em .42em;font-size:.86em}.prose hr{border:none;border-top:var(--rule);margin:48px 0;position:relative;overflow:visible}.prose hr:after{background:var(--paper);content:"§";color:var(--vermilion);font-family:var(--font-mono);padding:0 16px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.code-block-wrapper{border:var(--rule);border-radius:var(--radius);background:var(--paper-dark);margin:28px 0;overflow:hidden}.code-block-header{border-bottom:1px solid var(--ink-faint);font-family:var(--font-mono);letter-spacing:.06em;background:#00000008;justify-content:space-between;align-items:center;padding:7px 14px;font-size:10px;display:flex}:root[data-theme=dark] .code-block-header{background:#ffffff08}.code-block-lang{color:var(--ink-light);font-weight:500}.code-copy-btn{border:var(--rule);border-radius:var(--radius);color:var(--ink-light);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.code-copy-btn:hover{color:var(--ink);border-color:var(--ink);background:var(--paper)}.code-copy-btn.is-copied{color:var(--vermilion);border-color:var(--vermilion)}.prose pre{font-size:13px;line-height:1.75;overflow-x:auto;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:18px 20px!important}.table-wrapper{-webkit-overflow-scrolling:touch;border:var(--rule);border-radius:var(--radius);background:var(--paper-dark);width:100%;margin:32px 0;overflow-x:auto}.prose table{border-collapse:collapse;text-align:left;width:100%;margin:0;font-size:13px;line-height:1.6}.prose thead th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-light);border-bottom:var(--rule);background:var(--paper);white-space:nowrap;padding:10px 16px;font-size:10.5px;font-weight:500}.prose tbody td{border-bottom:1px dashed var(--ink-faint);color:var(--ink);padding:10px 16px}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr:hover{background:#00000005}:root[data-theme=dark] .prose tbody tr:hover{background:#ffffff05}.image-lightbox{background:0 0;border:none;max-width:94vw;max-height:94vh;padding:0}.image-lightbox::backdrop{backdrop-filter:blur(2px);background:#1a1814e0}:root[data-theme=light] .image-lightbox::backdrop{background:#f5f2edeb}.image-lightbox__container{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.image-lightbox__close{border:var(--rule);border-radius:var(--radius);background:var(--paper-dark);color:var(--ink-light);font-family:var(--font-mono);cursor:pointer;align-self:flex-end;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:10.5px;transition:color .15s,border-color .15s;display:inline-flex}.image-lightbox__close:hover{color:var(--vermilion);border-color:var(--vermilion)}.image-lightbox__img{object-fit:contain;border:var(--rule);border-radius:var(--radius);max-width:90vw;max-height:80vh;box-shadow:none;cursor:zoom-out}.image-lightbox__caption{color:var(--ink-light);font-family:var(--font-mono);text-align:center;max-width:800px;margin-top:14px;font-size:11px}.back-to-top{z-index:90;border:var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink-light);font-family:var(--font-mono);cursor:pointer;opacity:0;visibility:hidden;align-items:center;gap:6px;padding:6px 11px;font-size:10px;transition:opacity .2s,transform .2s,color .15s,border-color .15s,visibility .2s;display:inline-flex;position:fixed;bottom:28px;right:28px;transform:translateY(8px)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{color:var(--vermilion);border-color:var(--vermilion);background:var(--paper-dark)}.astro-code,.astro-code span{color:var(--shiki-light);background:0 0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)}}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)}.post-end-mark{color:var(--vermilion);user-select:none;justify-content:center;align-items:center;gap:16px;margin-top:56px;padding-top:12px;font-size:12px;display:flex}.post-end-mark:before,.post-end-mark:after{content:"";background:var(--ink-faint);width:48px;height:1px}.post-footer{border-top:var(--rule);margin-top:56px;padding-top:28px;padding-bottom:64px}.api-promo{border-top:var(--rule);padding-top:20px}.api-promo__eyebrow{color:var(--ink-light);letter-spacing:.1em;font-size:10px}.api-promo p{color:var(--ink-light);margin:10px 0 0;font-size:13px;line-height:1.85}.api-promo a{color:var(--vermilion);white-space:nowrap;text-decoration:none}.api-promo a:hover{text-decoration:underline}.comments{margin-top:56px}.comments h2{margin:0;font-size:17px}.comments__hint{color:var(--ink-light);margin:6px 0 20px;font-size:13px}.page-intro{border-bottom:var(--rule);padding-block:68px 44px}.page-intro h1{margin:0;font-size:clamp(28px,3.6vw,34px);font-weight:300;line-height:1.35}.page-intro>p:last-child{max-width:660px;color:var(--ink-light);margin:18px 0 0}.project-grid{grid-template-columns:repeat(3,1fr);padding-block:0 64px;display:grid}.project-card{padding:30px var(--gutter) 30px 0;border-top:var(--rule);flex-direction:column;display:flex}.project-card+.project-card{padding-left:var(--gutter);border-left:var(--rule)}.project-card__top{justify-content:space-between;align-items:center;display:flex}.status-badge{border:var(--rule);border-radius:var(--radius);color:var(--ink-light);padding:2px 6px;font-size:9px}.project-card__type{color:var(--ink-light);letter-spacing:.1em;text-transform:uppercase;margin:22px 0 6px;font-size:10px}.project-card h2{margin:0;font-size:18px}.project-card h2+p{color:var(--ink-light);flex:1;margin:12px 0 20px;font-size:13px;line-height:1.85}.project-card a{color:var(--vermilion);font-size:12px;text-decoration:none}.project-card a:hover{text-decoration:underline}.tool-page h1{margin:0 0 22px;font-size:clamp(24px,3.2vw,30px);font-weight:300;line-height:1.45}.tool-page .prose{padding-top:0}.tool-page__out{margin:30px 0 0}.tool-page__notes{border-top:var(--rule);margin-top:44px;padding-top:22px}.tool-page__notes p{color:var(--ink-light);margin:0 0 12px;font-size:13px;line-height:1.85}.tool-page__notes p:last-child{margin-bottom:0}.tool-page__label{color:var(--ink-light);font-family:var(--font-mono);letter-spacing:.1em;font-size:10px;display:block}.about-page{grid-template-columns:minmax(0,1fr) 280px;gap:0;padding-block:54px 64px;display:grid}.about-main{padding-right:var(--gutter)}.about-main>h1{margin:0;font-size:clamp(26px,3.4vw,32px);font-weight:300;line-height:1.45}.about-lead{max-width:640px;color:var(--ink-light);margin:18px 0 34px;font-size:15px}.about-main .prose{padding-top:0}.about-card{padding-left:var(--gutter);border-left:var(--rule);align-self:start}.avatar-placeholder{border:1.5px solid var(--vermilion);border-radius:var(--radius);width:52px;height:52px;color:var(--vermilion);font-family:var(--font-serif);background:#c0392b0a;place-items:center;font-size:22px;display:grid}.about-card dl{margin:24px 0 20px}.about-card dl div{border-bottom:var(--rule);grid-template-columns:46px 1fr;gap:10px;padding:9px 0;font-size:12px;display:grid}.about-card dt{color:var(--ink-light)}.about-card dd{color:var(--ink-light);margin:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.online-dot{background:var(--vermilion);border-radius:50%;width:6px;height:6px;margin-right:6px;animation:2.5s ease-in-out infinite pulse-dot;display:inline-block}.about-links{font-family:var(--font-mono);gap:18px;font-size:10px;display:flex}.about-links a{color:var(--vermilion);text-decoration:none}.about-links a:hover{text-decoration:underline}@media (width<=900px){.home-grid,.about-page{grid-template-columns:1fr}.home-grid{padding-bottom:48px}.home-grid>section,.about-main{padding-right:0}.home-sidebar,.about-card{border-left:0;border-top:var(--rule);margin-top:36px;padding-top:30px;padding-left:0}.home-sidebar>.sidebar-note:first-child{border-top:0;padding-top:0}.project-grid{grid-template-columns:1fr}.project-card{padding-right:0}.project-card+.project-card{border-left:0;border-top:var(--rule);padding-left:0}}@media (width<=640px){:root{--frame:100%;--gutter:20px}.site-header__inner,.site-footer__inner,main{border-inline:0}.site-header__inner{grid-template-columns:1fr auto;grid-template-areas:"logo controls""nav nav";row-gap:12px;min-height:auto;padding-block:14px 12px;display:grid}.site-logo{grid-area:logo;align-self:center}.site-header__right{display:contents}.site-controls{grid-area:controls;align-self:center}.site-header nav{border-top:1px dashed var(--ink-faint);grid-area:nav;width:100%;padding-top:8px;overflow-x:auto}.site-header nav ul{gap:20px}.hero,.page-intro{padding-block:48px 34px}.home-grid{padding-block:34px 44px}.post,.listing-page{padding-top:40px}.archive-list a{grid-template-columns:1fr;gap:0;padding-block:6px}.site-footer__inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:0;padding-block:20px}.back-to-top{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}