.blog-hero{border-bottom:2px solid var(--border-subtle);padding:180px 0 100px}.blog-hero h1{letter-spacing:-.04em;margin-bottom:24px;font-size:5rem;font-weight:900;line-height:1}@media (max-width:768px){.blog-hero h1{font-size:3.5rem}}.blog-hero-sub{color:var(--text-muted);max-width:800px;font-size:1.5rem;font-weight:500}.blog-list-section{background-color:var(--bg-surface);padding:80px 0 120px}.blog-grid{grid-template-columns:1fr;gap:40px;display:grid}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{border:2px solid var(--border-subtle);background-color:var(--bg-main);color:inherit;min-height:450px;transition:transform var(--transition-bounce),border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.blog-card:hover{border-color:var(--brand-primary);transform:translateY(-8px)}.blog-card-body{flex-direction:column;flex:1;padding:48px 40px;display:flex}.blog-date{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:32px;font-size:1rem;font-weight:700;display:inline-flex}.blog-card h3{letter-spacing:-.02em;margin-bottom:24px;font-size:2.925rem;font-weight:800;line-height:1.2}.blog-card p{color:var(--text-muted);flex:1;margin-bottom:32px;font-size:1.125rem;line-height:1.6}.blog-read-more{color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;transition:gap var(--transition-fast);align-self:flex-start;align-items:center;gap:8px;font-size:1.125rem;font-weight:800;display:inline-flex}.blog-card:hover .blog-read-more{gap:16px}