.blog-page{min-height:100vh}.blog-header{padding:2rem 0 1.5rem}.blog-header__title{color:#0a0a0a;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.blog-header__description{color:#666;font-size:.875rem;line-height:1.6}.blog-tabs{border-bottom:1px solid #e5e5e5;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.blog-tabs__item{color:#666;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s}.blog-tabs__item:hover{color:#0a0a0a;background:#f5f5f5}.blog-tabs__item--active{color:#fff;background:#0a0a0a}.blog-container{max-width:700px;margin:0 auto;padding:0 1.5rem 4rem}.blog-posts{flex-direction:column;gap:2rem;display:flex}.blog-post{border-bottom:1px solid #eaeaea;flex-direction:column;gap:1rem;padding-bottom:2rem;display:flex}.blog-post:last-child{border-bottom:none;padding-bottom:0}.blog-post__image{aspect-ratio:16/9;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:12px;position:relative;overflow:hidden}.blog-post__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-post__image:hover img{transform:scale(1.05)}.blog-post__placeholder{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.blog-post__placeholder span{color:#ccc;font-size:2.5rem;font-weight:600}.blog-post__pinned{color:#fff;background:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.blog-post__content{flex-direction:column;gap:.5rem;display:flex}.blog-post__meta{color:#888;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.blog-post__categories{flex-wrap:wrap;gap:.25rem;display:flex}.blog-post__category{color:#666;background:#f5f5f5;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.blog-post__category svg{opacity:.6;flex-shrink:0}.blog-post__dot{background:#ccc;border-radius:50%;width:3px;height:3px}.blog-post__reading-time{align-items:center;gap:.25rem;display:flex}.blog-post__title{color:#0a0a0a;letter-spacing:-.02em;font-size:1.125rem;font-weight:600;line-height:1.4}.blog-post__excerpt{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-empty{text-align:center;padding:4rem 2rem}.blog-empty__title{color:#0a0a0a;margin-bottom:.25rem;font-size:1rem;font-weight:500}.blog-empty__description{color:#666;font-size:.875rem}.blog-author-stack{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.blog-author-stack__avatars{align-items:center;display:flex}.blog-author-stack__avatar{color:#666;background:#e5e5e5;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-left:-.375rem;font-size:.625rem;font-weight:600;display:flex;overflow:hidden}.blog-author-stack__avatar:first-child{margin-left:0}.blog-author-stack__avatar img{object-fit:cover;width:100%;height:100%}.blog-author-stack__avatar--more{color:#666;background:#f5f5f5;font-weight:500}.blog-author-stack__names{color:#666;font-size:.75rem;font-weight:500}