.article-hero{background:var(--bg-primary);padding-top:clamp(140px,18vh,200px);padding-bottom:clamp(60px,8vw,100px);position:relative}.article-hero__inner{max-width:820px;margin-inline:auto}.article-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-medium);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--accent-text);margin-bottom:var(--space-8);transition:color var(--duration-fast) ease,transform var(--duration-fast) ease}.article-back-link:hover{color:var(--color-ivory);transform:translate(-4px)}.article-hero__meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.article-hero__category{font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);display:inline-block;padding:3px 8px;background:#c9a45c1a;border-radius:100px}.article-hero__time,.article-hero__date{font-family:var(--font-sans);font-size:12px;color:#f2eee680;letter-spacing:var(--ls-wide)}.article-hero__headline{font-family:var(--font-serif);font-size:clamp(38px,5.2vw,68px);font-weight:var(--weight-semibold);line-height:1.12;letter-spacing:var(--ls-tight);color:var(--color-ivory);margin-bottom:var(--space-8)}.article-hero__lead{font-family:var(--font-serif);font-size:clamp(20px,2.2vw,26px);font-weight:var(--weight-light);font-style:italic;line-height:1.5;color:#f2eee6d9;letter-spacing:var(--ls-tight);padding-left:var(--space-6);border-left:2px solid rgba(201,164,92,.4)}.article-body-section{background:var(--bg-light);color:var(--text-on-light);padding-block:clamp(80px,10vw,140px)}.article-body-container{max-width:740px;margin-inline:auto;padding-inline:var(--margin-mobile)}.article-prose{font-family:var(--font-serif);font-size:clamp(19px,1.8vw,22px);line-height:1.8;color:#090909d1;letter-spacing:var(--ls-tight)}.article-prose p{margin-bottom:var(--space-8)}.article-prose h2{font-family:var(--font-serif);font-size:clamp(28px,3vw,40px);font-weight:var(--weight-semibold);color:var(--color-obsidian);line-height:1.2;letter-spacing:var(--ls-tight);margin-top:var(--space-14);margin-bottom:var(--space-6)}.article-prose h3{font-family:var(--font-serif);font-size:clamp(22px,2.2vw,28px);font-weight:var(--weight-semibold);color:var(--color-obsidian);margin-top:var(--space-10);margin-bottom:var(--space-4)}.article-prose ul,.article-prose ol{margin-bottom:var(--space-8);padding-left:var(--space-6)}.article-prose li{margin-bottom:var(--space-4)}.article-prose strong{font-weight:var(--weight-semibold);color:var(--color-obsidian)}.article-pullquote{font-family:var(--font-serif);font-size:clamp(24px,2.6vw,34px);font-weight:var(--weight-light);font-style:italic;line-height:1.4;color:var(--color-obsidian);margin-block:var(--space-12);padding:var(--space-8) var(--space-10);background:#09090908;border-left:3px solid var(--color-gold)}.article-takeaway{background:var(--color-obsidian);color:var(--color-ivory);padding:var(--space-10);border-radius:2px;margin-block:var(--space-12)}.article-takeaway h3{font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-top:0;margin-bottom:var(--space-3)}.article-takeaway p{font-family:var(--font-serif);font-size:18px;line-height:1.6;color:#f2eee6e6;margin-bottom:0}.article-pagination{border-top:1px solid rgba(9,9,9,.1);padding-top:var(--space-12);margin-top:var(--space-16);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.article-pagination__item{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none}.article-pagination__item--next{text-align:right;grid-column:2}.article-pagination__label{font-family:var(--font-sans);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold-dim)}.article-pagination__title{font-family:var(--font-serif);font-size:18px;font-weight:var(--weight-semibold);color:var(--color-obsidian);line-height:1.3;transition:color var(--duration-fast) ease}.article-pagination__item:hover .article-pagination__title{color:var(--color-gold)}.article-related{background:var(--bg-primary);padding-block:clamp(80px,10vw,140px)}.article-related__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-8)}@media (max-width: 768px){.article-hero{padding-top:130px;padding-bottom:var(--space-10)}.article-hero__headline{font-size:clamp(30px,7.5vw,48px)}.article-hero__lead{font-size:clamp(17px,4.2vw,22px);padding-left:var(--space-4)}.article-pullquote{font-size:clamp(20px,5vw,28px);margin-block:var(--space-8)}.article-pagination{grid-template-columns:1fr;gap:var(--space-6)}.article-pagination__item--next{text-align:left;grid-column:1}.article-related__grid{grid-template-columns:1fr}}@media (max-width: 480px){.article-hero{padding-top:110px;padding-bottom:var(--space-8)}.article-hero__headline{font-size:clamp(26px,8vw,36px)}.article-body-container{padding-inline:var(--margin-mobile-sm)}.article-takeaway{padding:var(--space-5) var(--space-4)}.article-prose{font-size:17px;line-height:1.7}}@media (max-width: 360px){.article-body-container{padding-inline:var(--margin-mobile-xs)}.article-hero__headline{font-size:24px}.article-takeaway{padding:var(--space-4)}}.codex-schematic-embed{margin-block:var(--space-12);background:#090909;border:1px solid rgba(201,164,92,.25);border-radius:4px;overflow:hidden;box-shadow:0 16px 36px #00000059}.codex-schematic-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#111;border-bottom:1px solid rgba(242,238,230,.08)}.codex-schematic-title{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--color-gold);text-transform:uppercase}.codex-schematic-badge{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:2px 8px;background:#c9a45c1f;border:1px solid rgba(201,164,92,.3);color:var(--color-gold-light);border-radius:2px}.codex-svg{width:100%;height:auto;display:block;min-width:600px}.codex-svg text{font-family:Inter,sans-serif}.codex-svg text[font-family*=monospace],.codex-svg text.codex-mono{font-family:JetBrains Mono,monospace}@media (max-width: 680px){.codex-schematic-embed{overflow-x:auto;-webkit-overflow-scrolling:touch}}