:root{--indigo: #28345B;--indigo-light: #3A4A7A;--indigo-dark: #1A2340;--orange: #CB723A;--orange-light: #E8945C;--gold: #DCB54B;--gold-light: #E8CC7A;--sky: #BAC6D0;--sky-light: #D4DEE5;--sand: #EBE2CE;--sand-light: #F5F0E4;--democracy-green: #2E7D5B;--democracy-green-light: #3A9E73;--hybrid-amber: #D97706;--hybrid-amber-light: #F59E0B;--autocracy-red: #B91C1C;--autocracy-red-light: #DC2626;--text-primary: #1A1A2E;--text-secondary: #4A4A6A;--text-on-dark: #F0F0F5;--text-muted: #8A8AA0;--white: #FFFFFF;--black: #0A0A1A;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.1rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.35rem);--text-xl: clamp(1.3rem, 1.1rem + 1vw, 1.8rem);--text-2xl: clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3.2rem);--text-hero: clamp(2.5rem, 2rem + 3vw, 4.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-section: clamp(4rem, 3rem + 5vw, 8rem);--max-width: 1280px;--content-width: 720px;--viz-width: 55%;--text-width: 45%;--nav-height: 60px;--sidebar-gap: 3rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s;--shadow-sm: 0 1px 3px rgba(10, 10, 26, .08);--shadow-md: 0 4px 12px rgba(10, 10, 26, .12);--shadow-lg: 0 8px 30px rgba(10, 10, 26, .16);--shadow-glow-orange: 0 0 20px rgba(203, 114, 58, .3);--shadow-glow-gold: 0 0 20px rgba(220, 181, 75, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--z-base: 1;--z-sticky: 10;--z-nav: 100;--z-tooltip: 200;--z-modal: 300}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}:focus:not(:focus-visible){outline:none}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--white)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em}h1{font-size:var(--text-hero)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4,h5,h6{font-family:var(--font-body);font-weight:600;line-height:1.3}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:700}p{line-height:1.7;max-width:65ch}p+p{margin-top:var(--space-md)}.link{color:var(--orange);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}.link:hover{color:var(--orange-light)}.stat-number{font-family:var(--font-body);font-weight:900;font-size:var(--text-3xl);line-height:1;letter-spacing:-.03em}.stat-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.epigraph{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;line-height:1.5;color:var(--text-on-dark);padding-left:var(--space-lg);border-left:3px solid var(--gold)}.epigraph-attribution{font-family:var(--font-body);font-size:var(--text-sm);font-style:normal;color:var(--sky);margin-top:var(--space-sm);padding-left:var(--space-lg)}.section-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:var(--space-sm)}.text-on-dark{color:var(--text-on-dark)}.text-on-dark p{color:var(--sky-light)}.highlight-orange{color:var(--orange);font-weight:600}.highlight-gold{color:var(--gold);font-weight:600}.source-text{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.page-wrapper{width:100%;overflow-x:hidden}.section{position:relative;width:100%}.section--dark{background-color:var(--indigo);color:var(--text-on-dark)}.section--sand{background-color:var(--sand)}.section--white{background-color:var(--white)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.sticky-viz-wrapper{position:relative;display:flex;min-height:100vh}.sticky-viz__graphic{position:sticky;top:var(--nav-height);width:var(--viz-width);height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:var(--z-sticky)}.sticky-viz__graphic-inner{width:100%;max-width:640px;height:80vh;max-height:600px}.sticky-viz__steps{width:var(--text-width);padding:var(--space-4xl) var(--space-xl)}.sticky-viz__step{min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl) 0;opacity:.3;transition:opacity var(--duration-normal) var(--ease-out)}.sticky-viz__step.is-active{opacity:1}.sticky-viz__step:first-child{padding-top:20vh}.sticky-viz__step:last-child{padding-bottom:10vh}.full-width-section{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-section) var(--space-xl)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}@media (max-width: 1023px){.sticky-viz-wrapper{flex-direction:column;min-height:auto}.sticky-viz__graphic{position:relative;width:100%;height:60vh;min-height:400px;overflow:hidden;background-color:inherit;z-index:1}.sticky-viz__graphic-inner{height:100%!important;max-height:100%!important}.sticky-viz__steps{width:100%;padding:var(--space-2xl) var(--space-xl)}.sticky-viz__step{min-height:auto;padding:var(--space-xl) 0;opacity:1}.sticky-viz__step:first-child{padding-top:var(--space-xl)}.sticky-viz__step:last-child{padding-bottom:var(--space-xl)}}@media (max-width: 767px){.container{padding:0 var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sticky-viz__graphic{height:50vh;min-height:350px;padding:var(--space-md);align-items:flex-start}.sticky-viz__step{min-height:auto!important;padding:var(--space-lg) 0}.sticky-viz__step:first-child{padding-top:var(--space-md)}}@media (max-width: 374px){.sticky-viz__graphic{height:45vh;min-height:300px}.sticky-viz__step{min-height:auto!important}}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.btn--primary{background-color:var(--orange);color:var(--white)}.btn--primary:hover{background-color:var(--orange-light);box-shadow:var(--shadow-glow-orange)}.btn--outline{border:2px solid var(--gold);color:var(--gold);background:transparent}.btn--outline:hover{background-color:var(--gold);color:var(--indigo)}.btn--ghost{color:var(--sky);background:transparent}.btn--ghost:hover{color:var(--white);background:#ffffff14}.card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--dark{background:var(--indigo-light);color:var(--text-on-dark)}.card--bordered{border:1px solid var(--sky-light);box-shadow:none}.pill{display:inline-flex;align-items:center;padding:.3rem .8rem;font-size:var(--text-xs);font-weight:600;border-radius:100px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1.5px solid transparent}.pill--active{background-color:var(--orange);color:var(--white)}.pill--inactive{background-color:transparent;border-color:var(--sky);color:var(--sky)}.pill--inactive:hover{border-color:var(--gold);color:var(--gold)}.expandable{position:relative}.expandable__content{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.expandable.is-open .expandable__content{max-height:2000px}.expandable__trigger{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:600;color:var(--orange);cursor:pointer;margin-top:var(--space-sm)}.expandable__trigger:after{content:"↓";display:inline-block;transition:transform var(--duration-fast) var(--ease-out)}.expandable.is-open .expandable__trigger:after{transform:rotate(180deg)}.stat-block{text-align:center;padding:var(--space-lg)}.stat-block__value{font-family:var(--font-body);font-weight:900;font-size:var(--text-3xl);line-height:1;letter-spacing:-.03em;color:var(--orange)}.stat-block__label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.tooltip{position:absolute;pointer-events:none;z-index:var(--z-tooltip);background:var(--indigo);color:var(--text-on-dark);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.4;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);max-width:240px;white-space:normal}.tooltip.is-visible{opacity:1;transform:translateY(0)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--sky);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.7;transition:opacity var(--duration-normal) var(--ease-out)}.scroll-indicator.is-hidden{opacity:0;pointer-events:none}.scroll-indicator__chevron{width:20px;height:20px;border-right:2px solid var(--sky);border-bottom:2px solid var(--sky);transform:rotate(45deg);animation:bounce-down 2s infinite}@keyframes bounce-down{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(6px)}60%{transform:rotate(45deg) translateY(3px)}}@media (prefers-reduced-motion: reduce){.scroll-indicator__chevron{animation:none}}.divider{width:60px;height:3px;background:var(--gold);border:none;margin:var(--space-lg) 0}.divider--centered{margin-left:auto;margin-right:auto}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-sm);background:var(--orange);color:var(--white)}.chart-container{width:100%;height:100%;position:relative}.chart-container svg{width:100%;height:100%}.d3-tooltip{position:absolute;pointer-events:none;z-index:var(--z-tooltip);background:var(--indigo);color:var(--text-on-dark);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-xs);box-shadow:var(--shadow-lg)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);background:transparent;opacity:0;pointer-events:none;transform:translateY(-10px);transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.nav.is-scrolled{opacity:1;pointer-events:auto;transform:translateY(0);background:#28345bf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #ffffff0f}.nav__logo{height:32px;opacity:.9;transition:opacity var(--duration-fast) var(--ease-out)}.nav__logo:hover{opacity:1}.nav__links{display:flex;gap:var(--space-xs)}.nav__link{position:relative;padding:.4rem .75rem;font-size:var(--text-xs);font-weight:500;color:var(--sky);letter-spacing:.02em;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.nav__link:hover{color:var(--white);background:#ffffff0f}.nav__link.is-active{color:var(--gold)}.nav__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--gold);box-shadow:0 0 8px #dcb54b66;transform-origin:left;transform:scaleX(0);width:100%}.nav__toggle{display:none;width:32px;height:32px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.nav__toggle span{display:block;width:100%;height:2px;background:var(--sky);transition:all var(--duration-normal) var(--ease-out);transform-origin:center}.nav__toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle.is-open span:nth-child(2){opacity:0}.nav__toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1023px){.nav{padding:0 var(--space-md)}.nav__toggle{display:flex}.nav__links{position:fixed;top:var(--nav-height);left:0;right:0;flex-direction:column;padding:var(--space-lg) var(--space-xl);background:#28345bfa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--duration-normal) var(--ease-out)}.nav__links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav__link{padding:.75rem;font-size:var(--text-sm)}}@media (max-width: 767px){:root{--text-hero: clamp(2rem, 8vw, 3rem);--text-3xl: clamp(1.5rem, 5vw, 2rem);--text-2xl: clamp(1.25rem, 4vw, 1.75rem);--text-xl: clamp(1.1rem, 3.5vw, 1.5rem)}}@media (max-width: 374px){:root{--space-xl: 1.25rem;--space-2xl: 2rem}}@media (min-width: 768px) and (max-width: 1023px){.section__content{max-width:720px;margin:0 auto}}@media (min-width: 1440px){:root{--max-width: 1400px}}@media (hover: none) and (pointer: coarse){.card:hover{transform:none;box-shadow:var(--shadow-sm)}.pill{padding:.4rem 1rem;min-height:44px}.btn{min-height:44px;padding:.75rem 1.5rem}.nav__link{min-height:44px;display:flex;align-items:center}}@media (prefers-contrast: high){:root{--text-muted: #555;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2)}.pill--inactive{border-width:2px}}@media print{.nav,.scroll-indicator,.pill,.expandable__trigger,.btn,.d3-tooltip,.tooltip{display:none!important}body{color:#000;background:#fff}.section--dark{background:#fff;color:#000}.sticky-viz__graphic{position:relative;height:auto;width:100%}.sticky-viz-wrapper{flex-direction:column}.sticky-viz__steps{width:100%}.sticky-viz__step{min-height:auto;opacity:1;padding:1rem 0}.expandable__content{max-height:none!important;overflow:visible}.section{page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}svg{max-height:400px;width:100%}}