.blog-archive{margin-top:2.5rem}.blog-archive-label{font-family:var(--font-mono);font-size:var(--fs-mono-xs);color:var(--ink-400);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.125rem}.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-card{border-right:1px solid var(--line);cursor:pointer;transition:background var(--dur-mid) ease;flex-direction:column;min-width:0;height:100%;padding:1.75rem 1.5rem;display:flex;position:relative}.blog-strip .blog-card:last-child{border-right:none}.blog-card:hover{background:var(--surface-1)}.blog-card .date{font-family:var(--font-mono);font-size:var(--fs-mono-xs);color:var(--ink-400);letter-spacing:1px;text-transform:uppercase;justify-content:space-between;margin-bottom:.625rem;display:flex}.blog-card .date .cat{color:var(--red-fg)}.blog-card :is(h2,h3){letter-spacing:-.2px;color:var(--ink-900);transition:color var(--dur-mid) ease;margin-bottom:.625rem;font-size:1.0625rem;font-weight:500;line-height:1.35}.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,.blog-archive-row .tags{z-index:2;flex-wrap:nowrap;gap:.375rem;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 72px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 72px),#0000 100%)}.blog-card .tags{margin-top:auto}.blog-tag-chip{font-family:var(--font-mono);font-size:var(--fs-mono-xs);white-space:nowrap;flex:none;text-decoration:none}.blog-tag-chip:hover{color:var(--ink-900);border-color:var(--red);background:color-mix(in srgb, var(--red) 10%, var(--surface-2))}.blog-card .tags+.read{margin-top:0}.blog-card .read{font-family:var(--font-mono);font-size:var(--fs-mono-sm);color:var(--ink-400);transition:color var(--dur-mid) ease;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.blog-card .read svg{width:18px;height:18px;transition:transform var(--dur-mid) ease,color var(--dur-mid) ease}.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;transition:padding-left var(--dur-base) ease,background var(--dur-mid) ease;grid-template-columns:110px 100px minmax(0,1fr) minmax(0,200px) 24px;align-items:center;gap:1.5rem;padding:1rem 4px;display:grid;position:relative}.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) 7%, transparent), transparent 70%);padding-left:.875rem}.blog-archive-row .title{transition:color var(--dur-mid) ease,margin-left var(--dur-mid) ease}.blog-archive-row .tags,.blog-archive-row .date,.blog-archive-row .cat{transition:color var(--dur-mid) ease,transform var(--dur-mid) ease}.blog-archive-row:hover .title{margin-left:4px}.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);font-size:var(--fs-mono-sm);color:var(--ink-400)}.blog-archive-row .cat{font-family:var(--font-mono);font-size:var(--fs-mono-sm);color:var(--red-fg)}.blog-archive-row .title{color:var(--ink-900);transition:color var(--dur-mid) ease;font-size:.9375rem}.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{border-right:none;border-bottom:1px solid var(--line);padding:1.375rem 1.25rem}.blog-strip .blog-card:last-child{border-bottom:none}.blog-strip .blog-card:nth-child(3){border-top:none;grid-column:auto}}:where(:root[data-theme=dark]) .blog-tag-chip{color:var(--ink-700);background:var(--surface-1);border-color:var(--line)}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .blog-tag-chip{color:var(--ink-700);background:var(--surface-1);border-color:var(--line)}}@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}}