.blog-hero{background:linear-gradient(158deg,#0d1b38 0%,var(--ink-950) 52%,#050c1c 100%);color:#fff;padding:clamp(52px,6vw,84px) 0 clamp(36px,4vw,52px);position:relative;overflow:hidden}.blog-hero:before{content:"";background:radial-gradient(circle,#2f6be629,#0000 68%);border-radius:50%;width:620px;height:620px;position:absolute;top:-140px;right:-160px}.blog-hero .wrap{z-index:2;position:relative}.blog-hero h1{color:#fff;margin:0 0 16px}.blog-hero .lede{color:#fffc;max-width:660px}.blog-demo{background:var(--red-50);color:var(--red-ink);text-align:center;padding:10px var(--gutter);border-bottom:1px solid #f6c9cb;font-size:13.5px}.blog-demo code{font-family:var(--font-mono);background:#fbdcdd;border-radius:3px;padding:1px 6px;font-size:12.5px}.blog-index{padding:clamp(44px,5vw,64px) var(--gutter) clamp(56px,7vw,88px);display:block}.blog-index-head{margin-bottom:28px}.blog-index-title{font-size:clamp(25px,3.4vw,38px)}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.blog-card{border:1px solid var(--gray-150);background:#fff;border-radius:6px;flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;background:var(--gray-75);width:100%}.blog-card-title{padding:24px 24px 0;font-size:18px;line-height:1.28}.blog-card-link{color:inherit;transition:all .16s}.blog-card-link:hover{color:var(--red-ink)}.blog-card-link:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}.blog-card-brief{color:var(--ink-500);padding:10px 24px 0;font-size:15px}.blog-card-meta{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);margin-top:auto;padding:18px 24px 22px;font-size:11.5px}.blog-empty{color:var(--ink-500);padding:0 var(--gutter)}.blog-post{max-width:760px;padding-top:clamp(36px,4vw,52px);padding-bottom:clamp(56px,7vw,88px);display:block}.blog-post-head{border-bottom:1px solid var(--gray-150);margin-bottom:30px;padding-bottom:26px}.blog-post-title{font-size:clamp(28px,4vw,42px)}.blog-post-subtitle{color:var(--ink-500);margin-top:14px;font-size:clamp(17px,1.5vw,20px);line-height:1.5}.blog-post-meta{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-400);margin-top:18px;font-size:11.5px}.blog-post-cover{border-radius:6px;width:100%;margin-bottom:30px}.blog-crumbs{letter-spacing:.09em;text-transform:uppercase;max-width:760px;color:var(--ink-400);margin:0 auto;padding-top:26px;font-size:11.5px;font-weight:700}.blog-crumbs a{color:var(--red-ink)}.blog-crumbs a:hover{text-decoration:underline}.blog-crumbs span{color:var(--gray-200);margin:0 8px}.blog-toc{background:var(--gray-50);border:1px solid var(--gray-150);border-radius:6px;margin-bottom:32px;padding:22px 24px}.blog-toc-title{letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:12px;font-size:11.5px;font-weight:800}.blog-toc-list{gap:8px;font-size:15px;list-style:none;display:grid}.blog-toc-item a{color:var(--ink-500)}.blog-toc-item a:hover{color:var(--red-ink)}.blog-content{color:var(--ink-700);font-size:17px}.blog-content h2{margin:38px 0 14px;scroll-margin-top:96px;font-size:clamp(21px,2.4vw,27px)}.blog-content h3{margin:28px 0 10px;scroll-margin-top:96px;font-size:19px}.blog-content p{margin-bottom:18px}.blog-content a{color:var(--red-ink);text-underline-offset:3px;text-decoration:underline}.blog-content ul,.blog-content ol{gap:8px;margin:0 0 18px 1.25rem;display:grid}.blog-content img{border-radius:6px;margin:28px 0}.blog-content blockquote{border-left:3px solid var(--red);background:var(--gray-50);color:var(--ink-950);border-radius:0 6px 6px 0;margin:28px 0;padding:16px 22px}.blog-content hr{border:0;border-top:1px solid var(--gray-150);margin:36px 0}.blog-content pre{background:var(--ink-950);color:#fff;border-radius:6px;margin:28px 0;padding:18px 20px;overflow-x:auto}.blog-content code{font-family:var(--font-mono);font-size:.92em}.blog-content table{border-collapse:collapse;width:100%;margin:28px 0;font-size:15px}.blog-content th,.blog-content td{border:1px solid var(--gray-150);text-align:left;padding:10px 14px}.blog-content th{background:var(--gray-75);color:var(--ink-950);font-weight:700}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:38px;list-style:none;display:flex}.blog-tag{border:1px solid var(--gray-200);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);border-radius:100px;padding:5px 14px;font-size:12px;font-weight:700}footer.blog-author{border-top:1px solid var(--gray-150);color:var(--ink-950);background:0 0;align-items:center;gap:12px;margin-top:34px;padding:26px 0 0;font-size:15px;font-weight:700;display:flex}.blog-author-img{object-fit:cover;border-radius:50%;width:44px;height:44px;margin-bottom:0}.blog-cta .formcard{max-width:520px}@media (max-width:640px){.blog-card-title,.blog-card-brief,.blog-card-meta{padding-left:20px;padding-right:20px}}