.blog-archive{margin-top:2.5rem}.blog-archive-label{font-family:var(--font-mono);color:var(--ink-400);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.125rem;font-size:.625rem}.blog-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(max(18rem,33.333%),1fr));gap:0;display:grid}@media (orientation:portrait){.blog-strip{grid-template-columns:repeat(auto-fit,minmax(max(18rem,33.333%),1fr))}}.blog-strip.blog-strip--bare{border-top:none;border-bottom:none}.blog-card{border-right:1px solid var(--line);cursor:pointer;flex-direction:column;min-width:0;height:100%;padding:1.75rem 1.5rem;transition:background .18s;display:flex;position:relative}.blog-card-link{min-width:0}.blog-card:last-child,.blog-strip .blog-card-link:last-child .blog-card{border-right:none}.blog-strip .blog-card-link:not(:last-child) .blog-card{border-right:1px solid var(--line)}.blog-card:hover{background:var(--surface-1)}.blog-card .date{font-family:var(--font-mono);color:var(--ink-400);letter-spacing:1px;text-transform:uppercase;justify-content:space-between;margin-bottom:.625rem;font-size:.625rem;display:flex}.blog-card .date .cat{color:var(--red-fg)}.blog-card :is(h2,h3){letter-spacing:-.2px;color:var(--ink-900);margin-bottom:.625rem;font-size:1.0625rem;font-weight:500;line-height:1.35;transition:color .18s}.blog-card:hover :is(h2,h3){color:var(--red-fg)}.blog-card p{color:var(--ink-500);padding-bottom:1.5rem;font-size:.8125rem;line-height:1.55}.blog-card .tags{flex-wrap:nowrap;gap:.375rem;margin-top:auto;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000 100%)}.blog-tag-chip{font:inherit;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;flex:none;font-size:.625rem}.blog-tag-chip:hover{color:var(--ink-900);border-color:var(--red);background:var(--surface-1)}.blog-archive-row .tags{flex-wrap:nowrap;gap:.375rem;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000 100%)}.blog-card .tags+.read{margin-top:0}.blog-card .read{font-family:var(--font-mono);color:var(--ink-400);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;font-size:.6875rem;transition:color .18s;display:flex}.blog-card .read svg{width:18px;height:18px;transition:transform .18s,color .18s}.blog-card:hover .read{color:var(--red-fg)}.blog-card:hover .read svg{color:var(--red-fg);transform:translate(4px)}.blog-archive-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:110px 100px minmax(0,1fr) minmax(0,200px) 24px;align-items:center;gap:1.5rem;padding:1rem 4px;transition:padding-left .15s,background .18s;display:grid}.blog-archive-row .excerpt{color:var(--ink-500);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8125rem;display:none;overflow:hidden}.blog-archive-row:hover{background:linear-gradient(to right, color-mix(in srgb, var(--red) 4%, transparent), transparent 60%);padding-left:.875rem}.blog-archive-row .title,.blog-archive-row .tags,.blog-archive-row .date,.blog-archive-row .cat{transition:color .18s,transform .18s}.blog-archive-row:hover .title,.blog-archive-row:hover .tags,.blog-archive-row:hover .date,.blog-archive-row:hover .cat{transform:translate(4px)}.blog-archive-row .date{font-family:var(--font-mono);color:var(--ink-400);font-size:.6875rem}.blog-archive-row .cat{font-family:var(--font-mono);color:var(--red-fg);font-size:.6875rem}.blog-archive-row .title{color:var(--ink-900);font-size:.9375rem;transition:color .18s}.blog-archive-row:hover .title{color:var(--red-fg)}.blog-archive-row .arr svg{width:18px;height:18px}.blog-archive-row:hover .row-arrow{opacity:1;transform:translate(0)}@media (max-width:900px){.blog-archive-row{grid-template-rows:auto auto auto;grid-template-columns:110px 100px 1fr;row-gap:.5rem}.blog-archive-row .date{grid-area:1/1}.blog-archive-row .cat{grid-area:1/2}.blog-archive-row .title{grid-area:2/1/auto/-1}.blog-archive-row .tags{grid-area:3/1/auto/-1}.blog-archive-row .arr{display:none}.blog-strip{grid-template-columns:1fr}.blog-strip .blog-card{padding:1.375rem 1.25rem;border-right:none!important}.blog-strip .blog-card-link .blog-card{border-bottom:1px solid var(--line)}.blog-strip .blog-card-link:last-child .blog-card{border-bottom:none}.blog-strip .blog-card:nth-child(3){border-top:none;grid-column:auto}.blog-card .read svg{width:18px;height:18px}}:root[data-theme=dark] .blog-tag-chip{color:var(--ink-700);background:var(--surface-1);border-color:var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .blog-tag-chip{color:var(--ink-700);background:var(--surface-1);border-color:var(--line)}}:root[data-theme=dark] .blog-tag-chip:hover{color:var(--ink-900);border-color:var(--red);background:color-mix(in srgb, var(--red) 10%, var(--surface-1))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .blog-tag-chip:hover{color:var(--ink-900);border-color:var(--red);background:color-mix(in srgb, var(--red) 10%, var(--surface-1))}}@media (hover:none){.blog-tag-chip{min-height:2rem}}@media (min-width:1600px){.blog-archive-row{grid-template-columns:110px 100px max-content minmax(0,1fr) minmax(0,200px) 24px}.blog-archive-row .excerpt{display:block}}.blog-empty{font-family:var(--font-mono);color:var(--ink-500);padding:2rem 0;font-size:.8125rem}