.blog-page{min-height:100vh;position:relative}.blog-page-content{z-index:1;max-width:720px;margin:0 auto;padding:0 5vw 80px;position:relative}.blog-page-title{letter-spacing:-.04em;color:var(--text);margin:0 0 1rem;padding-top:calc(60px + 10vw);font-size:max(3.2rem,min(9vw,7.5rem));font-weight:900;line-height:.95}.blog-page-subtitle{color:var(--text);margin:0 0 3rem;font-size:1.05rem;line-height:1.5}.blog-page-subtitle-link{color:var(--text);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.blog-page-subtitle-link:hover{opacity:.7}.article-list{background:var(--bg);border:1px solid var(--border);border-radius:18px;flex-direction:column;padding:max(.75rem,min(2.5vw,1.5rem));display:flex}[data-mode=neobrutalist] .article-list{border-width:3px}.article-card{color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin:0 -14px;padding:16px 14px;text-decoration:none;transition:background-color .18s;display:flex}.article-card:hover{background-color:var(--bg-card)}.article-card-left{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.article-card-title{letter-spacing:-.01em;font-size:1.08rem;font-weight:600;line-height:1.35}.article-card.is-featured .article-card-title{font-weight:800}.article-card-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--text);align-self:flex-start;font-size:.62rem;font-weight:700}.article-card-arrow{color:var(--text);flex-shrink:0;font-size:.95rem;line-height:1;transition:transform .18s}.article-card:hover .article-card-arrow{transform:translate(3px)}