.article{padding-top:clamp(2.5rem,6vh,4rem);padding-bottom:clamp(4rem,10vw,7rem)}.article-eyebrow{margin-bottom:var(--sp-3)}.article-title{font-size:clamp(2.2rem,1.4rem + 3.8vw,3.8rem);line-height:1.06;letter-spacing:-0.035em;max-width:22ch}.article-meta{margin-top:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:0.04em;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:0.4rem 0.9rem}.article-meta .am-date{color:var(--text-muted)}.article-hero{margin:clamp(2rem,5vw,3.5rem) 0 0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2);aspect-ratio:16 / 8}.article-hero img{width:100%;height:100%;object-fit:cover;display:block}.article-body{max-width:44rem;margin:clamp(3rem,7vw,5rem) auto 0;padding-inline:var(--gutter);font-size:1.1875rem;line-height:1.78;color:var(--text-muted)}.article-body>p:first-child{font-size:1.35rem;line-height:1.6;color:var(--text)}.article-body p{margin-bottom:var(--sp-3)}.article-body h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);letter-spacing:-0.02em;color:var(--text);margin:clamp(2.5rem,5vw,3.5rem) 0 var(--sp-3)}.article-body h3{font-size:1.2rem;color:var(--text);margin:var(--sp-4) 0 var(--sp-2)}.article-body a{color:var(--accent-bright);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.article-body ul,.article-body ol{margin:0 0 var(--sp-3) 1.4rem}.article-body li{margin-bottom:0.5rem}.article-body li::marker{color:var(--accent)}.article-body strong{color:var(--text)}.article-body blockquote{margin:var(--sp-4) 0;padding-left:var(--sp-3);border-left:2px solid var(--accent);font-family:var(--font-display);font-weight:500;font-size:1.3rem;line-height:1.45;letter-spacing:-0.01em;color:var(--text)}.article-body pre{margin:var(--sp-4) 0;padding:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:0.86rem;line-height:1.7;color:var(--text)}.article-body code{font-family:var(--font-mono);font-size:0.88em;background:var(--surface-2);border:1px solid var(--border);padding:0.1em 0.4em;border-radius:4px;color:var(--text)}.article-body pre,.article-body code{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}.article-body pre code{background:none;border:0;padding:0;font-size:inherit}.article-body hr{border:0;height:1px;background:var(--border);margin:clamp(2.5rem,5vw,3.5rem) 0}.article-author{max-width:44rem;margin:clamp(3.5rem,7vw,5rem) auto 0;display:flex;align-items:center;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--border)}.article-author img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);filter:grayscale(1);flex:none}.article-author .aa-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text)}.article-author .aa-role{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-muted);margin-top:0.25rem}.article-author .aa-links{margin-top:0.4rem;display:flex;gap:0.9rem;font-family:var(--font-mono);font-size:var(--fs-meta)}.article-author .aa-links a{color:var(--text-dim);transition:color var(--dur) var(--ease)}.article-author .aa-links a:hover{color:var(--accent-bright)}.article-nav{max-width:44rem;margin:clamp(3rem,7vw,5rem) auto 0;padding-top:var(--sp-4);border-top:1px solid var(--border-strong);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.article-nav a{display:grid;gap:0.4rem;padding:var(--sp-2) 0}.article-nav .an-dir{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:0.06em;text-transform:uppercase;color:var(--text-dim)}.article-nav .an-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-0.01em;color:var(--text)}.article-nav .an-next{text-align:right}.article-nav a:hover .an-title{color:var(--accent-bright)}.article-cta{max-width:44rem;margin:clamp(3.5rem,8vw,5.5rem) auto 0;padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--border)}.article-cta h2{font-size:clamp(1.7rem,1.3rem + 2vw,2.4rem);letter-spacing:-0.03em}.article-cta p{margin-top:var(--sp-2);color:var(--text-muted)}.article-cta .btn{margin-top:var(--sp-4)}@media (max-width:560px){.article-nav{grid-template-columns:1fr}.article-nav .an-next{text-align:left}.article-author{flex-wrap:wrap}}