.article-hero{padding-top:56px;padding-bottom:40px;position:relative;overflow:hidden}.article-hero__bg{background:radial-gradient(ellipse 50% 40% at 50% 0%, color-mix(in oklab, var(--primary) 14%, transparent), transparent 60%);position:absolute;inset:0}.article-hero>*{position:relative}.article-back{font-family:var(--ff-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:8px;margin-bottom:28px;font-size:12px;display:inline-flex}.article-back:hover{color:var(--fg)}.article-back svg{width:14px;height:14px;transform:rotate(180deg)}.article-meta{font-family:var(--ff-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:12px;margin-bottom:20px;font-size:11px;display:flex}.article-hero h1{letter-spacing:-.025em;max-width:820px;margin:0 0 20px;font-size:clamp(30px,4.6vw,46px);font-weight:700;line-height:1.15}.article-excerpt{color:var(--fg-muted);max-width:680px;margin:0;font-size:17px;line-height:1.6}.article-visual{aspect-ratio:21/9;border-radius:var(--r-2xl);background:var(--bg-card);border:1px solid var(--border-faint);margin-top:40px;position:relative;overflow:hidden}.article-visual:after{content:"";background:radial-gradient(ellipse 70% 70% at 30% 20%, color-mix(in oklab, var(--primary) 20%, transparent), transparent 70%);position:absolute;inset:0}.article-body{max-width:720px;margin:0 auto}.article-body p{color:var(--fg-2);margin:0 0 24px;font-size:16.5px;line-height:1.85}.article-body p:last-child{margin-bottom:0}.related-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:900px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.related-grid{grid-template-columns:1fr}}