body.blog-index .wrap{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--gutter-sm);padding-right:var(--gutter-sm)}@media(min-width:768px){body.blog-index .wrap{padding-left:var(--gutter-md);padding-right:var(--gutter-md)}}@media(min-width:1024px){body.blog-index .wrap{padding-left:var(--gutter-lg);padding-right:var(--gutter-lg)}}body.blog-index .topbar{padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--color-rule)}body.blog-index .topbar__row{display:flex;align-items:center;justify-content:space-between}body.blog-index .wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em;font-size:17px;color:var(--color-ink-1)}body.blog-index .wordmark__mark{width:24px;height:24px;display:block;flex-shrink:0}body.blog-index .wordmark__mark img{width:100%;height:100%;display:block}body.blog-index .topbar__nav{display:flex;align-items:center;gap:var(--space-24);font-size:14px;color:var(--color-ink-3)}body.blog-index .topbar__nav a{color:var(--color-ink-3);transition:color var(--dur-fast) var(--ease-out)}body.blog-index .topbar__nav a:hover{color:var(--color-accent)}body.blog-index .index-shell{padding-top:var(--section-pad-y-tight);padding-bottom:var(--section-pad-y);max-width:var(--container-prose)}body.blog-index .index-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--color-ink-3);margin-bottom:var(--space-24)}body.blog-index .index-eyebrow:before{content:"";width:20px;height:1px;background:var(--color-rule-strong)}body.blog-index .index-title{font-family:var(--font-display);font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-.03em;font-weight:700;color:var(--color-ink-1);margin:0 0 var(--space-24) 0}body.blog-index .index-lede{font-size:var(--type-lead);line-height:var(--leading-lead);color:var(--color-ink-2);margin:0 0 var(--space-48) 0;max-width:56ch}body.blog-index .tag-filter{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-48);padding-bottom:var(--space-32);border-bottom:1px solid var(--color-rule)}body.blog-index .tag-filter a{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-12);font-size:var(--type-caption);font-weight:500;color:var(--color-ink-2);background:var(--color-surface-panel);border:1px solid var(--color-rule);border-radius:var(--radius-pill);line-height:1.4;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}body.blog-index .tag-filter a:hover{color:var(--color-accent);background:var(--color-accent-wash);border-color:transparent}body.blog-index .tag-filter a.is-active{color:var(--color-ink-inverse);background:var(--color-accent);border-color:var(--color-accent)}body.blog-index .post-list{display:flex;flex-direction:column}body.blog-index .post-card{display:block;padding:var(--space-32) 0;border-bottom:1px solid var(--color-rule);transition:transform var(--dur-fast) var(--ease-out)}body.blog-index .post-card:first-child{padding-top:0}body.blog-index .post-card:last-child{border-bottom:0}body.blog-index .post-card:hover{transform:translate(4px)}body.blog-index .post-card:hover .post-card__title{color:var(--color-accent)}body.blog-index .post-card__meta{display:flex;align-items:center;gap:var(--space-12);font-size:var(--type-caption);color:var(--color-ink-3);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:var(--space-12)}body.blog-index .post-card__dot{width:4px;height:4px;border-radius:999px;background:var(--color-rule-strong)}body.blog-index .post-card__title{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.02em;font-weight:600;color:var(--color-ink-1);margin:0 0 var(--space-12) 0;transition:color var(--dur-fast) var(--ease-out)}body.blog-index .post-card__desc{font-size:var(--type-body);line-height:var(--leading-body);color:var(--color-ink-2);margin:0;max-width:60ch}body.blog-index .empty{padding:var(--space-48) 0;font-size:var(--type-body);color:var(--color-ink-3)}