.blog-page{position:relative;min-height:100vh}.blog-page-content{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 5vw 80px}.blog-page-title{font-size:clamp(3.2rem,9vw,7.5rem);font-weight:900;letter-spacing:-.04em;line-height:.95;color:var(--text);margin:0 0 1rem;padding-top:calc(60px + 10vw)}.blog-page-subtitle{font-size:1.05rem;line-height:1.5;color:var(--text-muted);font-style:italic;margin:0 0 2.5rem}.blog-page-subtitle-link{color:var(--text);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.blog-page-subtitle-link:hover{opacity:.7}.article-list{display:flex;flex-direction:column;gap:2px}.article-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:color .2s ease}.article-card:first-child{border-top:1px solid var(--border)}.article-card:hover{color:var(--text)}.article-card-left{display:flex;flex-direction:column;gap:6px;flex:1}.article-card-title{font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;transition:opacity .2s ease}.article-card:hover .article-card-title{opacity:.7}.article-card-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f5c542;background:#14120ccc;border:1px solid #f5c5428c;border-radius:999px;padding:4px 10px}.article-card-arrow{font-size:.9rem;color:var(--text-faint);flex-shrink:0;transition:transform .2s ease,color .2s ease}.article-card:hover .article-card-arrow{transform:translateX(3px);color:var(--text-muted)}.article-external-icon{font-size:.75rem;color:var(--text-faint);flex-shrink:0;transition:color .2s ease}.article-card:hover .article-external-icon{color:var(--text-muted)}