.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:clamp(3.2rem,9vw,7.5rem);font-weight:900;line-height:.95}.blog-page-subtitle{color:var(--text-muted);margin:0 0 2.5rem;font-size:1.05rem;font-style:italic;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{flex-direction:column;gap:2px;display:flex}.article-card{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;text-decoration:none;transition:color .2s;display:flex}.article-card:first-child{border-top:1px solid var(--border)}.article-card:hover{color:var(--text)}.article-card-left{flex-direction:column;flex:1;gap:6px;display:flex}.article-card-title{letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.35;transition:opacity .2s}.article-card:hover .article-card-title{opacity:.7}.article-card-badge{letter-spacing:.1em;text-transform:uppercase;color:#f5c542;background:#14120ccc;border:1px solid #f5c5428c;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.article-card-arrow{color:var(--text-faint);flex-shrink:0;font-size:.9rem;transition:transform .2s,color .2s}.article-card:hover .article-card-arrow{color:var(--text-muted);transform:translate(3px)}.article-external-icon{color:var(--text-faint);flex-shrink:0;font-size:.75rem;transition:color .2s}.article-card:hover .article-external-icon{color:var(--text-muted)}