.article-breadcrumb{background:var(--off-white);font-family:var(--font-mono);letter-spacing:.08em;border-bottom:1px solid #2e2e2e26;padding:.6rem 0;font-size:.72rem}.article-breadcrumb a{color:var(--accent-dark);text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--concrete-grey);margin:0 .5rem}.article-header{background:var(--faded-black);color:var(--off-white);padding:clamp(3rem,6vw,5rem) 0;position:relative;overflow:hidden}.article-header:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E");position:absolute;inset:0}.article-header-inner{z-index:1;position:relative}.article-title{color:var(--off-white);max-width:820px;margin-top:.75rem;margin-bottom:1.25rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.article-meta{font-family:var(--font-mono);letter-spacing:.1em;color:var(--concrete-grey);gap:1.5rem;font-size:.75rem;display:flex}.article-meta-item:before{content:"// ";color:var(--dirty-yellow)}.article-main{padding:clamp(3rem,6vw,5rem) 0}.article-container{max-width:780px}.article-content p{font-family:var(--font-sans);color:#242424;letter-spacing:-.003em;margin-bottom:1.6rem;font-size:1.125rem;line-height:1.8}.article-content h2{font-family:var(--font-grunge);color:var(--faded-black);border-bottom:3px solid var(--dirty-yellow);margin-top:3.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:clamp(1.5rem,2.5vw,2.05rem);line-height:1.25}.article-content h3{font-family:var(--font-grunge);color:var(--faded-black);margin-top:2.5rem;margin-bottom:1rem;font-size:1.35rem;line-height:1.3}.article-content ul,.article-content ol{font-family:var(--font-sans);color:#242424;margin-top:1rem;margin-bottom:1.6rem;padding-left:1.75rem;font-size:1.125rem;line-height:1.8}.article-content li{margin-bottom:.6rem}.article-content blockquote{border-left:4px solid var(--dirty-yellow);font-family:var(--font-sans);color:var(--faded-black);background:#b5a64214;border-radius:0 .5rem .5rem 0;margin:2.5rem 0;padding:1.25rem 1.75rem;font-size:1.05rem;line-height:1.75;box-shadow:inset 0 0 0 1px #b5a64226}.article-content blockquote strong{font-family:var(--font-grunge);color:var(--faded-black);letter-spacing:.02em}.article-content img{background:var(--surface-card);border:2px solid var(--faded-black);box-shadow:4px 4px 0 var(--faded-black);border-radius:.5rem;max-width:100%;height:auto;margin:3rem auto}.article-diagram{background:var(--surface-card);border:2px solid var(--faded-black);box-shadow:4px 4px 0 var(--faded-black);border-radius:.5rem;margin:3rem 0;overflow:hidden}.article-diagram img{width:100%;box-shadow:none;border:none;border-radius:0;margin:0;display:block}.article-diagram figcaption{font-family:var(--font-mono);letter-spacing:.08em;color:var(--concrete-grey);text-transform:uppercase;border-top:1px solid #2e2e2e26;padding:.75rem 1rem;font-size:.75rem}.article-diagram figcaption:before{content:"Fig. // ";color:var(--dirty-yellow)}.article-footer-cta{border-top:2px dashed #2e2e2e33;padding:2rem 0 3rem}.article-video{background:var(--surface-card);border:2px solid var(--faded-black);box-shadow:4px 4px 0 var(--faded-black);border-radius:.5rem;margin:0 0 3rem;overflow:hidden}.article-video-frame{aspect-ratio:16/9;background:var(--faded-black);width:100%;position:relative}@supports not (aspect-ratio:16 / 9){.article-video-frame{height:0;padding-top:56.25%}}.article-video-el{width:100%;height:100%;box-shadow:none;background:var(--faded-black);object-fit:contain;border:none;border-radius:0;margin:0;display:block;position:absolute;inset:0}.article-video figcaption{border-top:1px solid #2e2e2e26;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;padding:.85rem 1rem;display:flex}.article-video-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark);flex:none;font-size:.72rem}.article-video-kicker:before{content:"▶ ";color:var(--dirty-yellow)}.article-video-desc{font-family:var(--font-sans);color:var(--text-muted);flex:16rem;min-width:0;font-size:.9rem;line-height:1.5}.article-video-note{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--concrete-grey);flex:none;font-size:.7rem}@media (width<=640px){.article-video{margin-bottom:2rem}.article-video figcaption{padding:.75rem .85rem}}