.blog-page{padding:calc(var(--header-height) + var(--space-16)) 0 var(--space-20);position:relative}@media(min-width:1024px){.blog-page{padding:calc(var(--header-height) + var(--space-20)) 0 var(--space-32)}}.blog-hero{display:grid;gap:var(--space-10);margin-bottom:var(--space-12)}@media(min-width:768px){.blog-hero{grid-template-columns:1fr 1.1fr;align-items:start;gap:var(--space-12)}}.blog-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin-bottom:var(--space-4)}.blog-lead{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.75;max-width:70ch}.blog-featured{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-10);position:relative;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.blog-featured:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 240px at 10% -10%,rgba(29,78,216,.12),transparent 60%),radial-gradient(560px 260px at 95% 25%,rgba(255,107,0,.1),transparent 55%);pointer-events:none;opacity:.9}.blog-featured>*{position:relative}.blog-featured:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:0 28px 80px #0003}.blog-featured-kicker{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-secondary);margin-bottom:var(--space-5)}.blog-featured-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.01em;line-height:1.15;margin-bottom:var(--space-4)}.blog-featured-excerpt{color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-6)}.blog-link{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.blog-link:hover{color:var(--color-secondary)}.blog-meta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.blog-meta-sep{opacity:.6}.blog-category{color:var(--color-secondary);font-weight:600}.blog-controls{margin-bottom:var(--space-8)}.blog-filters{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:480px){.blog-filters{flex-direction:column}.blog-filter-btn{width:100%}}.blog-filter-btn{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:9999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-weight:600;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.blog-filter-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-border)}.blog-filter-btn.is-active{color:#fff;background:var(--color-secondary);border-color:#1d4ed866}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.blog-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:0 16px 48px #0000001f}.blog-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);font-weight:700}.blog-card-category{color:var(--color-secondary);letter-spacing:.06em}.blog-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:-.01em;line-height:1.2}.blog-card-excerpt{color:var(--color-text-secondary);line-height:1.75}.blog-card-cta{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-secondary);font-weight:700;font-size:var(--text-sm)}.blog-card-arrow{transition:transform var(--duration-fast) var(--ease-out)}.blog-card:hover .blog-card-arrow{transform:translate(2px)}.blog-item{transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.blog-item.is-out{opacity:0;transform:translateY(6px);pointer-events:none}.blog-empty{margin-top:var(--space-8);padding:var(--space-6);text-align:center;color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}@media(prefers-reduced-motion:reduce){.blog-featured,.blog-card,.blog-card-arrow,.blog-item{transition:none!important;transform:none!important}}