.blog-motion{--blog-muted:#71716a}.blog-index{position:relative}.blog-spine{writing-mode:vertical-rl;font:500 .75rem/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.625rem;margin:0;display:flex;position:absolute;top:.125rem;left:0;transform:rotate(180deg)}.blog-spine-title{font:inherit;letter-spacing:inherit;margin:0}.blog-count{color:var(--blog-muted);font-variant-numeric:tabular-nums;margin:0}.blog-index-body{min-width:0;padding-left:2.25rem}.blog-title-word{background-image:linear-gradient(var(--acid), var(--acid));animation:blog-title-swipe .56s var(--ease-out) .24s both;background-position:22% 0;background-repeat:no-repeat;background-size:42% 100%;padding-block:.15em}@keyframes blog-title-swipe{0%{background-size:42% 0%}}.blog-empty{border-top:1px solid var(--line);color:var(--blog-muted);gap:1.25rem;padding-block:1.75rem;display:flex}.blog-empty p{margin:0 0 .875rem;font-size:.9375rem;line-height:1.65}.blog-empty-link{align-items:center;gap:.5rem;min-height:44px;font-size:.8125rem;display:inline-flex}.blog-post-list{overflow-anchor:none;margin:0;padding:0;list-style:none}.blog-post-list>li{border-top:1px solid var(--line);scroll-margin-top:88px}.blog-post-list>li:first-child{border-top:0}.blog-post-list>li:first-child .blog-post-preview{padding-top:0}.blog-post-preview{padding-block:1.625rem}.blog-post-card{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:1.25rem;display:grid}.blog-post-cover{aspect-ratio:1;transform-origin:0 0;background:#e6e6e1;border-radius:.75rem;width:6.5rem;display:block;overflow:hidden}.blog-post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .42s var(--ease-out);display:block;transform:scale(1.02)}.blog-post-body{min-width:0}.blog-post-heading{letter-spacing:-.035em;margin:0;font-size:clamp(1.1875rem,1.6vw,1.5rem);font-weight:550;line-height:1.3}.blog-post-entry{grid-template-columns:minmax(0,1fr) 1.25rem;align-items:baseline;column-gap:.75rem;min-height:44px;display:grid}.blog-post-title{overflow-wrap:anywhere}.blog-post-summary{color:var(--blog-muted);margin:.5rem 0 0;font-size:.9375rem;line-height:1.6}.blog-motion[data-focus-input=pointer] .blog-post-entry:focus-visible{outline:none}.blog-post-arrow{color:var(--blog-muted);transition:transform .16s var(--ease-out), color .16s ease;justify-self:end;font-size:1.25rem;font-weight:400}.blog-post-entry:active .blog-post-arrow{transform:scale(.9)}.blog-post-meta{color:var(--blog-muted);font:.75rem/1.7 var(--font-geist-mono), monospace;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.blog-post-meta>*{white-space:nowrap}.blog-article{padding-top:1rem}.blog-back{min-height:44px;color:var(--blog-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.blog-article-end{margin-top:1.5rem}.blog-not-found h1{letter-spacing:-.035em;font-size:1.5rem;font-weight:500}.blog-not-found p{color:var(--blog-muted);line-height:1.7}@media (hover:hover) and (pointer:fine){.blog-post-entry:hover .blog-post-arrow{color:var(--ink);transform:translateY(-2px)}.blog-post-card:has(.blog-post-entry:hover) .blog-post-cover img{transform:scale(1.06)}.blog-empty-link:hover,.blog-back:hover{color:var(--ink)}}@media (max-width:820px){.blog-spine{writing-mode:horizontal-tb;align-items:baseline;gap:.5rem;margin-bottom:1rem;position:static;transform:none}.blog-index-body{padding-left:0}.blog-title-word{background-position:0 72%;background-size:100% 40%;padding-block:0;padding-inline:.1em;animation-name:blog-title-swipe-row}@keyframes blog-title-swipe-row{0%{background-size:0% 40%}}.blog-post-list>li:first-child{border-top:1px solid var(--line)}.blog-post-list>li:first-child .blog-post-preview{padding-top:1.625rem}.blog-post-card{column-gap:1rem}.blog-post-cover{width:4.5rem}}@media (max-width:480px){.blog-post-meta{flex-direction:column;gap:.125rem}.blog-meta-dot{display:none}}@media (prefers-reduced-motion:reduce){.blog-title-word{animation:none}.blog-post-arrow{transition:color .12s;transform:none!important}.blog-post-cover img{transition:none;transform:none!important}}html[data-nav-input=keyboard] .blog-post-arrow{transition:none}html[data-nav-input=keyboard] .blog-title-word{animation:none}.blog-reader-preview{margin-top:1rem}.blog-preview-image{margin:0 0 1.5rem}.blog-preview-image img{transform-origin:0 0;border-radius:.75rem;width:100%;height:auto;display:block}.blog-preview-content{overflow-wrap:anywhere;font-size:1.125rem;line-height:1.85}.blog-preview-content p{margin-block:1.5rem}.blog-preview-content h2,.blog-preview-content h3,.blog-preview-content h4,.blog-preview-content h5,.blog-preview-content h6{letter-spacing:-.035em;margin-block:2.75rem 1rem;font-weight:550;line-height:1.3}.blog-preview-content h2{font-size:1.875rem}.blog-preview-content h3{font-size:1.5rem}.blog-read-more{width:100%;min-height:132px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.blog-read-more-empty{background:linear-gradient(to bottom, transparent, var(--surface,#f5f5f3));border-radius:.5rem}.blog-preview-peek{max-height:5.9em;color:var(--blog-muted);-webkit-line-clamp:3;filter:blur(4px);opacity:.7;-webkit-user-select:none;user-select:none;-webkit-box-orient:vertical;font-size:1.125rem;line-height:1.85;display:-webkit-box;overflow:hidden}.blog-preview-peek:after{content:"";background:linear-gradient(to bottom, transparent 0%, var(--surface,#f5f5f3) 86%);pointer-events:none;position:absolute;inset:28% 0 0}.blog-read-more-label{z-index:1;text-underline-offset:.25em;justify-content:center;align-items:center;gap:4px;min-height:44px;font-size:.9375rem;font-weight:550;text-decoration:underline;display:flex;position:absolute;inset:42% 0 auto}.blog-read-more-label svg{flex-shrink:0}.blog-read-more:focus-visible{outline-offset:4px;border-radius:4px;outline:1.5px solid #1717158c}.blog-reader-toolbar button{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;display:inline-flex}.blog-reader{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);overscroll-behavior:contain;background:#f5f5f3;border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.blog-reader::backdrop{background:#f5f5f3}.blog-reader{opacity:1;transition:opacity .26s var(--ease-out), translate .26s var(--ease-out);translate:0}.blog-reader::backdrop{opacity:1;transition:opacity .26s}@starting-style{.blog-reader{opacity:0;translate:0 12px}.blog-reader::backdrop{opacity:0}}.blog-reader.is-closing{opacity:0;transition-duration:.16s;translate:0 8px}.blog-reader.is-closing::backdrop{opacity:0;transition-duration:.16s}@media (prefers-reduced-motion:reduce){.blog-reader,.blog-reader.is-closing{transition-duration:.16s;translate:none}@starting-style{.blog-reader{translate:none}}}.blog-reader-toolbar{z-index:1;border-bottom:1px solid var(--line);background:#f5f5f3;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem max(1.25rem,50vw - 480px);font-size:.875rem;display:flex;position:sticky;top:0}.blog-reader-toolbar>span{color:#71716a}.blog-reader-content{width:min(100%,800px);margin:0 auto;padding:3rem 1.5rem 5rem}.blog-reader-content h1{letter-spacing:-.04em;margin:0 0 1.5rem;font-size:clamp(1.875rem,4vw,3rem);font-weight:550;line-height:1.15}@media (max-width:540px){.blog-reader-toolbar>span{display:none}.blog-reader-toolbar{justify-content:flex-end}.blog-reader-content{padding-top:2rem}}