.article-shell{padding:58px 0 90px}.crumb{font:12px var(--mono);color:var(--muted);margin-bottom:30px}.crumb a{color:var(--signal);text-decoration:none}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:72px;align-items:start}.article-kicker{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal)}.article h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-.065em;margin:18px 0}.article-dek{font-size:20px;color:var(--muted);max-width:60ch;margin:0 0 20px}.article-meta{font:12px var(--mono);color:var(--muted);padding-bottom:28px;border-bottom:1px solid var(--line)}.article-hero{margin:34px 0 42px;border:1px solid var(--line-strong);background:var(--panel);aspect-ratio:2/1;overflow:hidden}.article-hero img{width:100%;height:100%;object-fit:cover;opacity:.76;filter:saturate(.72) contrast(1.08)}.prose{font-size:18px;line-height:1.78}.prose p{margin:0 0 1.35em}.prose h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.12;letter-spacing:-.04em;margin:2.2em 0 .55em;color:var(--ink)}.prose h2::before{content:"// ";font:12px var(--mono);color:var(--signal);letter-spacing:0}.prose ul{padding:0;list-style:none;margin:1em 0 1.6em}.prose li{position:relative;padding-left:28px;margin:.55em 0;color:var(--muted)}.prose li::before{content:"→";position:absolute;left:0;color:var(--signal);font-family:var(--mono)}.prose blockquote{margin:2em 0;padding:18px 22px;border-left:2px solid var(--signal);background:var(--panel);color:var(--signal-soft);font-size:21px;line-height:1.45}.article-side{position:sticky;top:100px;border-top:1px solid var(--line);padding-top:16px;font:12px/1.7 var(--mono);color:var(--muted)}.article-side strong{display:block;color:var(--signal);font-weight:500;margin-bottom:10px}.article-side a{display:block;text-decoration:none;margin:5px 0}.article-side a:hover{color:var(--signal)}.article-cta{margin-top:52px;padding:28px;border:1px solid var(--signal);background:var(--panel)}.article-cta h2{font-size:24px;line-height:1.15;margin:0 0 10px}.article-cta p{color:var(--muted);margin:0 0 20px}.article-cta a{display:inline-block;color:var(--black);background:var(--signal);padding:11px 16px;font:700 13px var(--mono);text-decoration:none}.article-cta a:hover{background:var(--signal-soft)}
@media(max-width:860px){.article-layout{grid-template-columns:1fr;gap:30px}.article-side{position:static;order:-1;display:flex;gap:16px;flex-wrap:wrap;border-top:0;border-bottom:1px solid var(--line);padding:0 0 14px}.article-side strong{width:100%;margin:0}.article-side a{margin:0 12px 0 0}}@media(max-width:620px){.article-shell{padding:38px 0 64px}.article h1{font-size:clamp(2.45rem,13vw,4rem)}.article-dek{font-size:17px}.prose{font-size:17px}.article-hero{margin:26px 0 32px}.prose blockquote{font-size:18px}}
