.blog-hero{padding:88px 0 48px;text-align:center;border-bottom:1px solid var(--border)}.blog-hero .eyebrow{justify-content:center;margin-bottom:20px}.blog-hero h1{font-size:clamp(38px,6vw,64px);margin-bottom:16px}.blog-hero p{font-size:18px;max-width:560px;margin:0 auto}.blog-back{display:flex;width:fit-content;align-items:center;gap:6px;margin:0 auto 28px;font-size:14px;font-weight:600;color:var(--fg-mute);transition:color .15s ease}.blog-back svg{width:14px;height:14px;transform:rotate(180deg);transition:transform .15s ease}.blog-back:hover{color:var(--fg)}.blog-back:hover svg{transform:rotate(180deg) translate(3px)}.blog-hero-meta{margin-top:14px;font-family:var(--mono);font-size:13px;color:var(--fg-mute)}.blog-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}.blog-cat{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:14px;font-weight:600;color:var(--fg-dim);transition:border-color .15s ease,color .15s ease,background .15s ease}.blog-cat:hover{border-color:var(--border-2);color:var(--fg)}.blog-cat.is-active{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,var(--surface));color:var(--accent)}.blog-cat-count{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--fg-mute)}.blog-cat.is-active .blog-cat-count{color:inherit;opacity:.7}.blog-main{padding:56px 0 96px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 960px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.blog-card:hover{border-color:var(--border-2);transform:translateY(-3px);box-shadow:0 14px 40px #0000000f}.blog-card-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-2)}.blog-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card:hover .blog-card-thumb img{transform:scale(1.04)}.blog-card-thumb.is-placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-bottom:1px solid var(--border)}.blog-card-logo{display:inline-flex;opacity:.22;filter:grayscale(1);transition:opacity .25s ease}.blog-card-logo svg,.blog-card-logo img{height:24px;width:auto;display:block}.blog-card:hover .blog-card-logo{opacity:.35}.blog-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.blog-card-body h2{font-size:18px;line-height:1.35;letter-spacing:-.01em;font-weight:700;margin:0 0 10px;overflow-wrap:break-word;word-break:break-word;hyphens:auto}.blog-card-body h2 a:hover{color:var(--accent)}.blog-card-body p{font-size:14px;line-height:1.6;margin:0 0 18px;flex:1;overflow-wrap:break-word;word-break:break-word;hyphens:auto}.blog-meta{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--fg-mute);margin-bottom:14px}.blog-meta svg{width:13px;height:13px;flex-shrink:0}.blog-card-cat{margin-right:4px;padding:2px 7px;border-radius:4px;background:color-mix(in oklch,var(--accent) 9%,transparent);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.blog-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--fg-mute)}.blog-read-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--accent)}.blog-read-more svg{width:14px;height:14px;transition:transform .15s ease}.blog-card:hover .blog-read-more svg{transform:translate(3px)}.blog-empty{text-align:center;padding:64px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.blog-pagination{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:56px auto 0;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap}.blog-main .container{display:flex;flex-direction:column;align-items:center}.blog-main .blog-grid,.blog-main .blog-empty{width:100%}.blog-page-btn{min-width:34px;height:34px;padding:0 10px;border-radius:999px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--fg-mute);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.blog-page-btn:hover{background:var(--surface-2);color:var(--fg)}.blog-page-btn.active{background:linear-gradient(180deg,var(--accent),var(--accent-dim));color:#fff;box-shadow:0 1px 2px var(--accent-glow),0 4px 14px var(--accent-glow)}.blog-page-btn.dots{background:transparent;color:var(--fg-mute);cursor:default}.blog-page-btn.dots:hover{background:transparent}.blog-page-btn svg{width:14px;height:14px}