.blog-page{flex-direction:column;display:flex}.blog-hero{isolation:isolate;position:relative;overflow:hidden}.blog-hero-bg{pointer-events:none;position:absolute;inset:0}.blog-hero-grid{opacity:.35;background-image:radial-gradient(circle at 1px 1px, var(--ds-border-subtle) 1px, transparent 0);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 40%,#0000 92%);mask-image:linear-gradient(#000 0% 40%,#0000 92%)}.blog-hero-glow{opacity:.5;background:radial-gradient(ellipse, var(--hub-accent-soft) 0%, transparent 62%), radial-gradient(ellipse at 60% 50%, var(--hub-info-soft) 0%, transparent 55%);filter:blur(40px);width:min(36rem,80vw);height:16rem;position:absolute;top:-15%;right:-5%}.blog-hero-inner{z-index:1;padding:clamp(2.5rem,6vw,3.5rem) 0 clamp(2rem,4vw,2.5rem);position:relative}.blog-hero-title{letter-spacing:-.04em;color:var(--ds-text-primary);max-width:18ch;margin-top:1rem;font-size:clamp(2rem,4.2vw,2.75rem);font-weight:700;line-height:1.08}.blog-hero-lead{max-width:34rem;color:var(--ds-text-secondary);margin-top:1rem;font-size:1.0625rem;line-height:1.6}.blog-hero-actions{flex-wrap:wrap;align-items:center;gap:.875rem 1.25rem;margin-top:1.75rem;display:flex}.blog-page-body-inner{max-width:var(--ds-container);margin:0 auto;padding:2rem clamp(1rem,4vw,2rem) 3.5rem}.blog-section{margin-bottom:2rem}.blog-section:last-child{margin-bottom:0}.blog-card{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border-subtle);background:var(--ds-surface-1);transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.blog-card:hover{border-color:var(--hub-accent-border);box-shadow:var(--ds-shadow-md), 0 12px 32px var(--hub-accent-soft);transform:translateY(-2px)}.blog-card-inner{flex-direction:column;height:100%;padding:1.25rem;display:flex}.blog-card--featured{border-color:var(--hub-accent-border);border-left:3px solid var(--hub-accent);background:linear-gradient(145deg, var(--hub-accent-soft) 0%, var(--ds-surface-1) 58%)}.blog-card--featured .blog-card-inner{padding:1.5rem}.blog-card-meta{color:var(--ds-text-tertiary);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.blog-card-featured-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--hub-accent);background:var(--hub-accent-soft);border:1px solid var(--hub-accent-border);border-radius:9999px;padding:.2rem .55rem;font-size:.625rem;font-weight:700}.blog-card-tag{color:var(--ds-text-secondary);background:var(--ds-surface-2);border:1px solid var(--ds-border-subtle);border-radius:9999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:500}.blog-card-title{letter-spacing:-.02em;color:var(--ds-text-primary);margin-top:.75rem;font-size:1.125rem;font-weight:700;line-height:1.3;transition:color .2s}.blog-card--featured .blog-card-title{font-size:clamp(1.25rem,2.5vw,1.5rem)}.blog-card:hover .blog-card-title{color:var(--hub-accent)}.blog-card-desc{color:var(--ds-text-secondary);flex:1;margin-top:.625rem;font-size:.9375rem;line-height:1.55}.blog-card-cta{color:var(--hub-accent);align-items:center;gap:.35rem;margin-top:1rem;font-size:.8125rem;font-weight:600;transition:gap .2s;display:inline-flex}.blog-card:hover .blog-card-cta{gap:.55rem}.blog-masonry{gap:1rem;display:grid}@media (min-width:640px){.blog-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-masonry--featured{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-masonry-item--featured{grid-column:1/-1}@media (min-width:768px){.blog-masonry-item--featured:only-child{grid-column:span 1}}.blog-article{flex-direction:column;display:flex}.blog-article-header{isolation:isolate;border-bottom:1px solid var(--hub-accent-border);background:linear-gradient(180deg, var(--hub-accent-soft) 0%, transparent 100%), var(--ds-surface-1);position:relative;overflow:hidden}.blog-article-header-inner{z-index:1;max-width:48rem;margin:0 auto;padding:2rem clamp(1rem,4vw,1.5rem) 2.5rem;position:relative}.blog-article-back{color:var(--hub-accent);font-size:.8125rem;font-weight:600;text-decoration:none}.blog-article-back:hover{color:var(--ds-accent-hover);text-underline-offset:3px;text-decoration:underline}.blog-article-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.blog-article-title{letter-spacing:-.03em;color:var(--ds-text-primary);margin-top:1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.15}.blog-article-desc{color:var(--ds-text-secondary);margin-top:.875rem;font-size:1.0625rem;line-height:1.6}.blog-article-meta{flex-wrap:wrap;gap:.5rem .75rem;margin-top:1.25rem;display:flex}.blog-article-body{background:var(--ds-surface-0)}.blog-article-body-inner{max-width:48rem;margin:0 auto;padding:2.5rem clamp(1rem,4vw,1.5rem) 3.5rem}.blog-cta-panel{border-radius:var(--ds-radius-lg);border:1px solid var(--hub-accent-border);border-left:3px solid var(--hub-accent);background:linear-gradient(145deg, var(--hub-accent-soft) 0%, var(--ds-surface-1) 65%);margin-top:2.5rem;padding:1.25rem 1.375rem}.blog-cta-panel h2{color:var(--ds-text-primary);margin-top:.5rem;font-size:1.125rem;font-weight:700}.blog-cta-panel p{color:var(--ds-text-secondary)}.blog-cta-actions{flex-wrap:wrap;gap:.5rem;margin-top:1.125rem;display:flex}