.article-cover{position:relative;width:100%;max-width:var(--blog-article-column,720px);margin:0 auto var(--space-10);aspect-ratio:16/9;border:1px solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-item-lead-bg);box-shadow:var(--shadow-lg);overflow:hidden}.article-cover__image{object-fit:cover;width:100%;height:100%}.article-cover__fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 75%,rgba(var(--bg-deep-rgb),var(--opacity-24)) 100%);pointer-events:none}@media (max-width:640px){.article-cover{margin-bottom:var(--space-7)}}.article-header{max-width:var(--blog-article-column,720px);width:100%;margin:0 auto;padding-inline:var(--article-hero-inset,0);display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}.article-header--all,.article-header--title{margin-bottom:var(--space-10)}.article-header--meta{gap:0;margin-bottom:var(--space-6)}.article-header__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-1-5) var(--space-3);border:1px solid var(--modal-divider);border-radius:var(--radius-full);background:var(--modal-item-lead-bg);color:var(--modal-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.article-header__eyebrow-dot,.article-header__tag-dot{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background:var(--modal-accent);flex-shrink:0}.article-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:var(--text-ms);color:rgba(var(--white-rgb),var(--opacity-64))}.article-header__meta-dot{display:inline-block;width:var(--space-1);height:var(--space-1);border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.article-header__tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border:1px solid var(--modal-pill-border);border-radius:var(--radius-full);background:var(--modal-item-lead-bg);color:var(--modal-text-soft);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;transition:border-color var(--sg-motion-base)}@media (hover:hover){.article-header__tag:hover{border-color:var(--modal-pill-border-hover)}}.article-header__tag:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}.article-header__date{color:rgba(var(--white-rgb),var(--opacity-80))}.article-header__title{margin:0;font-size:clamp(28px,4.4vw,52px);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--modal-text-primary);text-wrap:balance;overflow-wrap:anywhere}.article-header__subtitle{margin:0;max-width:640px;font-size:var(--text-xl);line-height:var(--leading-normal);color:rgba(var(--white-rgb),var(--opacity-80));text-wrap:pretty}.article-header__byline{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1)}.article-header__avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--modal-mark-size);height:var(--modal-mark-size);border:1px solid var(--modal-border);border-radius:var(--radius-circle);background:var(--modal-item-lead-bg);color:var(--modal-text-soft);font-size:var(--text-ms);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.article-header__byline-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.article-header__author{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--modal-text-primary)}a.article-header__author{text-decoration:none;transition:color var(--sg-motion-base)}@media (hover:hover){a.article-header__author:hover{color:var(--modal-accent)}}a.article-header__author:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-xs)}.article-header__role{font-size:var(--text-xs);line-height:var(--leading-snug);color:rgba(var(--white-rgb),var(--opacity-64))}@media (max-width:640px){.article-header{gap:var(--space-4)}.article-header--all,.article-header--title{margin-bottom:var(--space-7)}.article-header--meta{margin-bottom:var(--space-5)}.article-header__subtitle{font-size:var(--text-base-plus)}}@media (prefers-reduced-motion:reduce){.article-header__tag,a.article-header__author{transition:none}}