.blog-page{max-width:72rem}.blog-header{border-bottom:1px solid #00000014;margin-bottom:3.5rem;padding-bottom:2rem}.dark .blog-header{border-bottom-color:#ffffff14}.blog-header-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent,#dc2626);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.7rem;display:flex}.blog-header-label:before{content:"";background:var(--accent,#dc2626);width:2rem;height:1px}.blog-header-title{font-family:var(--font-display);letter-spacing:-.02em;color:#18181b;margin-bottom:.75rem;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;line-height:1.1}.dark .blog-header-title{color:#e8e6e1}.blog-header-desc{color:#52525b;max-width:480px;font-size:1.05rem;font-weight:300;line-height:1.6}.dark .blog-header-desc{color:#9a9890}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.25rem;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr;gap:1rem}}.blog-grid-card{color:inherit;background:#fff;border:1px solid #0000000f;border-radius:14px;flex-direction:column;height:100%;text-decoration:none;transition:border-color .3s,box-shadow .35s cubic-bezier(.2,0,0,1),transform .35s cubic-bezier(.2,0,0,1);display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.dark .blog-grid-card{box-shadow:none;background:#0e0e15;border-color:#ffffff0f}.blog-grid-card:hover{border-color:#0000001f;transform:translateY(-3px);box-shadow:0 12px 40px #00000014}.dark .blog-grid-card:hover{border-color:#ffffff1a;box-shadow:0 12px 40px #00000059}.blog-grid-cover{aspect-ratio:16/9;background:#0000000a;border-bottom:1px solid #0000000d;width:100%;position:relative;overflow:hidden}.dark .blog-grid-cover{background:#ffffff0a;border-bottom-color:#ffffff0f}.blog-grid-cover--placeholder{aspect-ratio:auto;min-height:7rem}.blog-grid-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,0,0,1)}.blog-grid-card:hover .blog-grid-cover-img{transform:scale(1.04)}.blog-grid-body{flex-direction:column;flex:1;min-height:0;padding:1rem 1.15rem 1.2rem;display:flex}.blog-grid-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#dc2626);background:#dc262614;border-radius:999px;align-self:flex-start;margin-bottom:.55rem;padding:.22rem .55rem;font-size:.55rem}.dark .blog-grid-badge{color:#ff6b55;background:#e844301f}.blog-grid-meta{font-family:var(--font-mono);color:#a1a1aa;letter-spacing:.02em;margin-bottom:.45rem;font-size:.65rem}.dark .blog-grid-meta{color:#5a5850}.blog-grid-title{font-family:var(--font-display);letter-spacing:-.02em;color:#18181b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.45rem;font-size:1.05rem;font-weight:400;line-height:1.25;transition:color .3s;display:-webkit-box;overflow:hidden}.dark .blog-grid-title{color:#e8e6e1}.blog-grid-card:hover .blog-grid-title{color:var(--accent,#dc2626)}.dark .blog-grid-card:hover .blog-grid-title{color:#ff6b55}.blog-grid-excerpt{color:#71717a;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.8rem;font-weight:300;line-height:1.5;display:-webkit-box;overflow:hidden}.dark .blog-grid-excerpt{color:#8a8880}.blog-grid-read{color:var(--accent,#dc2626);align-items:center;gap:.35rem;margin-top:.75rem;font-size:.75rem;font-weight:500;transition:gap .25s;display:inline-flex}.dark .blog-grid-read{color:#ff6b55}.blog-grid-card:hover .blog-grid-read{gap:.55rem}.blog-grid-read svg{width:12px;height:12px}.blog-empty{text-align:center;color:#a1a1aa;border:1px dashed #0000001a;border-radius:20px;padding:4rem 2rem}.dark .blog-empty{color:#5a5850;border-color:#ffffff14}.blog-empty-icon{opacity:.4;margin-bottom:1rem;font-size:2.5rem}@media (max-width:640px){.blog-grid-body{padding:.9rem 1rem 1.1rem}.blog-grid-title{font-size:1rem}}