.blog-hero{background:var(--color-bg-dark-alt);padding-top:calc(var(--spacing-3xl) + 10rem);padding-bottom:calc(var(--spacing-3xl) + 6rem);text-align:center;position:relative;overflow:hidden}.blog-hero>.container{z-index:1;position:relative}.blog-hero .section-header{max-width:960px;margin-left:auto;margin-right:auto}.blog-hero .hero-title-xl{color:var(--color-text-light);letter-spacing:-.03em;line-height:1.08}.blog-hero .section-desc{color:var(--color-text-secondary);max-width:720px}.blog-featured{padding:0 0 var(--spacing-3xl);z-index:1;margin-top:-8rem;position:relative}.blog-highlight-card{background:var(--color-bg-dark-alt);border:1px solid rgba(var(--color-surface-rgb), .08);border-radius:var(--radius-md);color:inherit;grid-template-columns:1fr 1fr;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:grid;overflow:hidden}.blog-highlight-card:hover{border-color:rgba(var(--color-primary-rgb), .25);box-shadow:0 16px 48px rgba(var(--color-shadow-rgb), .35);color:inherit;transform:translateY(-4px)}.blog-highlight-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.blog-highlight-image-wrap{min-height:360px;position:relative;overflow:hidden}.blog-highlight-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.blog-highlight-card:hover .blog-highlight-image{transform:scale(1.05)}.blog-highlight-overlay{background:linear-gradient(to right, transparent 60%, rgba(var(--color-bg-dark-rgb), .3) 100%);pointer-events:none;position:absolute;inset:0}.blog-highlight-body{gap:var(--spacing-sm);padding:var(--spacing-xl);flex-direction:column;justify-content:center;display:flex}.blog-highlight-category{background:rgba(var(--color-primary-rgb), .1);width:fit-content;color:var(--color-primary);border-radius:var(--radius-sm);padding:4px 12px;display:inline-block}.blog-highlight-title{margin-bottom:0}.blog-highlight-excerpt{margin:0}.blog-highlight-link{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-top:var(--spacing-sm);margin-top:auto;transition:gap .3s;display:inline-flex}.blog-highlight-card:hover .blog-highlight-link{gap:var(--spacing-sm)}.blog-highlight-link svg{width:16px;height:16px}.blog-overview{padding:var(--spacing-3xl) 0}.blog-overview .section-header{margin-bottom:var(--spacing-xl)}.blog-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.blog-grid>*{height:100%}.blog-card{background:var(--color-bg-dark-alt);border:1px solid rgba(var(--color-surface-rgb), .06);border-radius:var(--radius-md);height:100%;color:inherit;flex-direction:column;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:rgba(var(--color-primary-rgb), .25);box-shadow:0 12px 40px rgba(var(--color-shadow-rgb), .35);color:inherit;transform:translateY(-6px)}.blog-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.blog-card-image-wrap{aspect-ratio:16/10;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-overlay{background:linear-gradient(to top, rgba(var(--color-bg-dark-rgb), .6) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.blog-card-category{top:var(--spacing-sm);left:var(--spacing-sm);background:rgba(var(--color-primary-rgb), .9);color:var(--color-text-light);border-radius:var(--radius-sm);z-index:1;padding:4px 12px;position:absolute}.blog-card-header{padding:var(--spacing-lg) var(--spacing-lg) 0}.blog-card-category-inline{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);border-radius:var(--radius-sm);padding:4px 12px;display:inline-block}.blog-card--no-image .blog-card-excerpt{-webkit-line-clamp:6}.blog-card-body{gap:var(--spacing-xs);padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.blog-card-title{margin-bottom:0}.blog-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.blog-card-meta{align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-text-muted);padding-top:var(--spacing-sm);margin-top:auto;display:flex}.blog-card-meta-dot{opacity:.5}@media (max-width:1024px){.blog-highlight-card{grid-template-columns:1fr}.blog-highlight-image-wrap{aspect-ratio:16/9;min-height:280px}.blog-featured,.blog-overview{padding:var(--spacing-2xl) 0}.blog-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero{padding-top:200px;padding-bottom:calc(var(--spacing-2xl) + 4rem)}.blog-featured{padding:0 0 var(--spacing-xl);margin-top:-5rem}.blog-highlight-body{padding:var(--spacing-lg)}.blog-highlight-image-wrap{min-height:220px}.blog-overview{padding:var(--spacing-xl) 0}.blog-grid{gap:var(--spacing-sm);grid-template-columns:1fr}}.blog-article-header{padding-top:calc(var(--spacing-3xl) + 10rem);padding-bottom:var(--spacing-xl);text-align:center}.blog-article-header-inner{max-width:800px;margin:0 auto}.blog-article-category{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);padding:4px 12px;display:inline-block}.blog-article-title{margin-bottom:var(--spacing-md)}.blog-article-meta{justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.blog-article-author{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.blog-article-meta-dot{opacity:.5}.blog-article-hero-image{padding-bottom:var(--spacing-2xl)}.blog-article-image-wrap{border-radius:var(--radius-md);max-width:960px;margin:0 auto;position:relative;overflow:hidden}.blog-article-image{object-fit:cover;aspect-ratio:2;width:100%;height:auto;display:block}.blog-article-body{padding-bottom:var(--spacing-3xl)}.blog-article-content{max-width:900px;font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 auto;line-height:1.8}.blog-article-content h2{font-family:var(--font-family-heading);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-light);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);line-height:1.2}.blog-article-content h3{font-family:var(--font-family-heading);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-light);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);line-height:1.3}.blog-article-content p{margin-bottom:var(--spacing-md)}.blog-article-content strong{color:var(--color-text-light);font-weight:var(--font-weight-semibold)}.blog-article-content a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.blog-article-content a:hover{opacity:.8}.blog-article-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);list-style:outside}.blog-article-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);list-style:decimal}.blog-article-content li{margin-bottom:var(--spacing-xs)}.blog-article-content ul li::marker{color:var(--color-primary)}.blog-article-content ol li::marker{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.blog-article-content code{background:rgba(var(--color-surface-rgb), .08);color:var(--color-primary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.875em}.blog-article-content blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:3px solid rgba(var(--color-surface-rgb), .15);color:var(--color-text-secondary);font-style:italic}.blog-article-content blockquote p{margin-bottom:var(--spacing-xs)}.blog-article-content blockquote p:last-child{margin-bottom:0}.blog-article-content .blog-callout{border-left-color:var(--color-primary);background:rgba(var(--color-primary-rgb), .06);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--spacing-md) var(--spacing-lg);font-style:normal}.blog-article-content .blog-callout strong{color:var(--color-primary)}.blog-article-content hr{background:rgba(var(--color-surface-rgb), .1);height:1px;margin:var(--spacing-2xl) 0;border:none}.blog-inline-figure{margin:var(--spacing-xl) 0;text-align:center}.blog-inline-figure img{border-radius:var(--radius-md);width:100%;height:auto;display:block}.blog-inline-figure figcaption{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.blog-faq{margin:var(--spacing-md) 0;border:1px solid rgba(var(--color-surface-rgb), .08);border-radius:var(--radius-md);overflow:hidden}.blog-faq+.blog-faq{margin-top:calc(-1 * var(--spacing-md) + var(--spacing-2xs));border-top-left-radius:0;border-top-right-radius:0}.blog-faq-question{padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-text-light);cursor:pointer;list-style:none;transition:background .2s;display:block}.blog-faq-question::-webkit-details-marker{display:none}.blog-faq-question:before{content:"+";width:24px;font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-bold);transition:transform .2s;display:inline-block}.blog-faq[open] .blog-faq-question:before{content:"−"}.blog-faq-question:hover{background:rgba(var(--color-surface-rgb), .04)}.blog-faq-answer{padding:0 var(--spacing-lg) var(--spacing-md);padding-left:calc(var(--spacing-lg) + 24px);color:var(--color-text-secondary)}.blog-faq-answer p{margin-bottom:var(--spacing-xs)}.blog-faq-answer p:last-child{margin-bottom:0}.blog-article-next{padding-bottom:var(--spacing-3xl)}.blog-next-card{max-width:900px;padding:var(--spacing-xl);background:var(--color-bg-dark-alt);border:1px solid rgba(var(--color-surface-rgb), .06);border-radius:var(--radius-md);color:inherit;text-align:center;margin:0 auto;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:block}.blog-next-card:hover{border-color:rgba(var(--color-primary-rgb), .25);box-shadow:0 12px 40px rgba(var(--color-shadow-rgb), .35);color:inherit;transform:translateY(-4px)}.blog-next-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.blog-next-label{color:var(--color-primary);margin-bottom:var(--spacing-sm);display:block}.blog-next-title{margin-bottom:var(--spacing-sm)}.blog-next-arrow{font-size:var(--font-size-xl);color:var(--color-primary);transition:transform .3s;display:block}.blog-next-card:hover .blog-next-arrow{transform:translate(8px)}@media (max-width:768px){.blog-article-header{padding-top:200px;padding-bottom:var(--spacing-lg)}.blog-article-category,.blog-article-title{margin-bottom:var(--spacing-sm)}.blog-article-hero-image{padding-bottom:var(--spacing-xl)}.blog-article-content{font-size:var(--font-size-base);line-height:1.75}.blog-article-body,.blog-article-next{padding-bottom:var(--spacing-2xl)}.blog-next-card{padding:var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-highlight-card,.blog-next-card{transition:none}.blog-card:hover,.blog-highlight-card:hover,.blog-next-card:hover{transform:none}.blog-card-image,.blog-highlight-image{transition:none}.blog-card:hover .blog-card-image,.blog-highlight-card:hover .blog-highlight-image,.blog-next-card:hover .blog-next-arrow{transform:none}}