.blog-header,.blog-post-header{padding:calc(var(--nav-height) + clamp(70px, 9vw, 120px)) 0 clamp(42px, 7vw, 78px);text-align:center;background:linear-gradient(#080a0e9e,#080a0e),#10141a;position:relative;overflow:hidden}.blog-header:after,.blog-post-header:after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:0;right:0}.blog-header h1,.blog-post-header h1{width:min(960px,100% - 32px);color:var(--ink);font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:0 auto;font-size:clamp(3rem,7vw,6.5rem);font-weight:900;line-height:.96}.blog-header p{width:min(680px,100% - 32px);color:var(--ink-soft);margin:20px auto 0;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.65}.blog-tag-filter,.blog-post-tags{flex-wrap:wrap;justify-content:center;gap:8px;width:min(900px,100% - 32px);margin:26px auto 0;display:flex}.blog-tag-link.active{color:#fff;background:var(--red);border-color:#ffffff1a}.blog-section,.blog-post-section{background:var(--bg);padding:clamp(48px,7vw,92px) 0 clamp(72px,9vw,120px)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.blog-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:0 18px 48px #00000038}.blog-card-cover{aspect-ratio:16/9;background:#10141a;position:relative;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .24s}.blog-card:hover .blog-card-cover img{transform:scale(1.025)}.blog-card-cover-placeholder{color:#f6f1e72e;width:100%;height:100%;font-family:var(--font-display);background:#161b22;place-items:center;font-size:5rem;font-weight:900;display:grid}.blog-card-body{padding:22px}.blog-card-date{margin-bottom:12px;display:block}.blog-card-title{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:900;line-height:1.05}.blog-card-title a{transition:color .16s}.blog-card-title a:hover{color:var(--accent)}.blog-card-excerpt{color:var(--ink-soft);margin:14px 0 0;line-height:1.62}.blog-card-tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.blog-tag:hover,.blog-tag-link:hover{color:var(--ink);background:#f6f1e714;border-color:#f6f1e747}.blog-empty{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;grid-column:1/-1;padding:clamp(34px,6vw,68px)}.blog-empty h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:1.8rem;font-weight:900}.blog-empty p{color:var(--ink-soft);margin:12px 0 0}.blog-pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px;display:flex}.blog-pagination a{border:1px solid var(--line);border-radius:var(--radius);min-width:42px;min-height:42px;color:var(--ink-soft);background:#f6f1e70a;justify-content:center;align-items:center;padding:0 14px;font-weight:900;display:inline-flex}.blog-pagination a.active,.blog-pagination a:hover{color:#fff;background:var(--red);border-color:#ffffff14}.blog-post-header{padding:calc(var(--nav-height) + clamp(40px, 5vw, 70px)) 0 clamp(28px, 4vw, 48px);text-align:left}.blog-post-header .container{width:min(920px,100% - 48px)}.blog-post-header h1{width:auto;margin:0;font-size:clamp(2.25rem,4.2vw,4.25rem);line-height:1.05}.blog-post-date{display:block}.blog-post-tags{justify-content:flex-start;width:auto;margin:20px 0 0}.blog-post-content{max-width:920px;margin:0 auto}.blog-post-cover{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:clamp(32px,6vw,58px);overflow:hidden}.blog-post-cover img{object-fit:cover;width:100%;height:auto}.blog-prose{color:var(--ink-soft);font-size:1.06rem;line-height:1.8}.blog-prose>:first-child{margin-top:0}.blog-prose>:last-child{margin-bottom:0}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:1.8em 0 .65em;font-weight:900;line-height:1.12}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote{margin:0 0 1.15em}.blog-prose a{color:var(--accent);text-underline-offset:3px;font-weight:900;text-decoration:underline}.blog-prose blockquote{border-left:3px solid var(--red);color:var(--ink);background:#f6f1e70d;padding:16px 20px}.blog-prose code{color:var(--ink);background:#f6f1e717;border-radius:4px;padding:.16em .34em}@media (max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog-header,.blog-post-header{text-align:left}.blog-header h1,.blog-header p,.blog-post-header h1{width:min(100% - 32px, var(--container))}.blog-tag-filter{width:min(100% - 32px, var(--container));justify-content:flex-start}.blog-grid{grid-template-columns:1fr}.blog-card-body{padding:20px}}