:root{--bg-primary: #08090a;--bg-secondary: #0e0f11;--bg-tertiary: #15161a;--bg-elevated: #1c1d21;--border-subtle: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--border-active: rgba(201,168,76,.3);--text-primary: #f0f0f5;--text-secondary: #8a8f98;--text-muted: #5c6168;--text-accent: #c9a84c;--origins: #c9a84c;--routes: #34d399;--goods: #f97316;--culture: #a78bfa;--empires: #ef4444;--legacy: #22d3ee;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--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;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--text-accent) var(--bg-primary)}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-display);font-size:16px;line-height:1.6;overflow-x:hidden;cursor:none}::selection{background:#c9a84c4d;color:var(--text-primary)}#cursor-ring{position:fixed;width:32px;height:32px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .15s ease-out,width .2s,height .2s;mix-blend-mode:difference}#cursor-ring svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(201,168,76,.5))}@media(pointer:coarse){#cursor-ring{display:none}body{cursor:auto}}#progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--origins),var(--routes),var(--goods),var(--culture),var(--empires),var(--legacy));z-index:1000;transform-origin:left;transform:scaleX(0);transition:transform .1s linear}#section-markers{position:fixed;top:2px;left:0;right:0;height:3px;z-index:1000;display:flex}.section-marker{flex:1;height:100%;opacity:0;transition:opacity .3s}.section-marker.active{opacity:.6}#presentation-chrome{position:fixed;bottom:0;left:0;right:0;z-index:900;background:#08090ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);transition:transform .4s var(--ease-out-expo)}#presentation-chrome.hidden{transform:translateY(100%)}.pres-progress{position:absolute;top:0;left:0;right:0;height:2px;background:var(--border-subtle)}.pres-fill{height:100%;background:var(--text-accent);transition:width .4s var(--ease-out-expo)}.pres-counter{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary)}.pres-counter span:first-child{color:var(--text-accent);font-weight:600}.pres-hint{font-size:.75rem;color:var(--text-muted)}#main-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#08090ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:transform .4s var(--ease-out-expo),opacity .4s}#main-nav.hidden{transform:translateY(-100%)}.nav-brand{font-weight:700;font-size:1.1rem;color:var(--text-accent);text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;gap:1.5rem;list-style:none;align-items:center}.nav-links a{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:color .3s;display:flex;align-items:center;gap:.4rem}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--dot-color, var(--text-muted));transition:transform .3s var(--ease-out-expo),box-shadow .3s}.nav-links a:hover .nav-dot,.nav-links a.active .nav-dot{transform:scale(1.5);box-shadow:0 0 8px var(--dot-color)}.nav-btn{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s}.nav-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--border-hover)}@media(max-width:768px){.nav-links{display:none}#main-nav{padding:.8rem 1rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#hero-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.06) 0%,transparent 50%),radial-gradient(ellipse at center,#08090a33,#08090af2 70%);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:2rem;text-align:center}.hero-eyebrow{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-accent);margin-bottom:1.5rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1rem}.hero-title .char-reveal{display:inline-block}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);margin-bottom:2.5rem;min-height:1.6em}.hero-thesis{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem;text-align:left;position:relative}.thesis-label{position:absolute;top:-.6rem;left:1rem;background:var(--bg-primary);padding:0 .5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-accent)}.hero-thesis p{font-size:.95rem;line-height:1.8;color:var(--text-secondary)}.scroll-indicator{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.scroll-arrow{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-accent),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.hero-map-legend{position:absolute;bottom:2rem;right:2rem;z-index:2;background:#08090acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-line{width:20px;height:2px;background:var(--text-accent);opacity:.6}.legend-caravan{width:6px;height:6px;border-radius:50%;background:var(--text-accent);animation:legendPulse 1.5s ease-in-out infinite}@keyframes legendPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:768px){.hero-map-legend{display:none}}.theme-nav{position:relative;z-index:2;padding:var(--space-4xl) 2rem;background:var(--bg-primary)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-eyebrow{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-accent);margin-bottom:1rem}.section-header h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.theme-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.theme-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;overflow:hidden;transition:transform .4s var(--ease-out-expo),border-color .4s}.theme-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--glow-color);opacity:.6;transition:height .4s,opacity .4s}.card-glow{position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s;pointer-events:none}.theme-card:hover{transform:translateY(-4px);border-color:var(--border-hover)}.theme-card:hover:before{height:4px;opacity:1}.theme-card:hover .card-glow{opacity:.08}.card-number{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:1rem;display:block}.theme-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.theme-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.card-meta{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dynasty-section{position:relative;z-index:2;padding:var(--space-4xl) 2rem;background:var(--bg-primary)}.dynasty-header{text-align:center;margin-bottom:var(--space-3xl)}.dynasty-eyebrow{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem}.dynasty-header h2{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem}.dynasty-date{font-size:.875rem;color:var(--text-muted)}.entries-container{max-width:1100px;margin:0 auto}.entry-counter{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.entry-clip{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-bottom:2rem}.entry-clip .entry-visual{position:relative;overflow:hidden}.entry-clip .entry-visual img{width:100%;height:100%;object-fit:cover;clip-path:inset(0 100% 0 0);transition:clip-path .8s var(--ease-out-expo)}.entry-clip.visible .entry-visual img{clip-path:inset(0 0 0 0)}.entry-clip .entry-counter{position:absolute;top:1rem;left:1rem;background:#08090acc;padding:.25rem .5rem;border-radius:4px;z-index:2}.entry-clip .entry-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.entry-clip h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.entry-clip .entry-date{font-size:.75rem;color:var(--text-muted);margin-bottom:1rem}.entry-clip .entry-text{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.entry-clip .entry-text a{color:var(--text-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.entry-clip .entry-text a:hover{border-color:var(--text-accent)}.entry-citation{font-size:.75rem;color:var(--text-muted);padding-top:1rem;border-top:1px solid var(--border-subtle);line-height:1.5}.entry-citation a{color:var(--text-accent);text-decoration:none}@media(max-width:768px){.entry-clip{grid-template-columns:1fr}.entry-clip .entry-visual{min-height:200px}}.entry-flip{perspective:1000px;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.flip-inner{position:relative;width:100%;min-height:400px;transition:transform .8s var(--ease-out-expo);transform-style:preserve-3d}.entry-flip:hover .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:12px;overflow:hidden}.flip-front{background:var(--bg-secondary);border:1px solid var(--border-subtle)}.flip-front img{width:100%;height:70%;object-fit:cover}.flip-overlay{padding:1.5rem;text-align:center}.flip-overlay h3{font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.flip-hint{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.flip-back{background:var(--bg-tertiary);border:1px solid var(--border-hover);transform:rotateY(180deg);padding:2rem;display:flex;flex-direction:column;justify-content:center}.entry-split{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-bottom:2rem}.split-text{padding:3rem;display:flex;flex-direction:column;justify-content:center}.split-image{position:relative;overflow:hidden}.split-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform .6s var(--ease-out-expo)}.entry-split:hover .split-image img{transform:scale(1)}@media(max-width:768px){.entry-split{grid-template-columns:1fr}.split-image{min-height:200px;order:-1}}.horizontal-scroll-wrapper{position:relative;width:100%;overflow:hidden}.horizontal-scroll-wrapper.mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--routes) var(--bg-primary)}.horizontal-scroll-wrapper.mobile-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll-wrapper.mobile-scroll::-webkit-scrollbar-track{background:var(--bg-primary)}.horizontal-scroll-wrapper.mobile-scroll::-webkit-scrollbar-thumb{background:var(--routes);border-radius:3px}.horizontal-scroll-track{display:flex;gap:1.5rem;padding:1rem 0;will-change:transform}.entry-horizontal{flex:0 0 380px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;padding:1.5rem;transition:transform .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo)}.entry-horizontal:hover{transform:translateY(-4px);box-shadow:0 12px 40px #34d39914;border-color:#34d39933}.entry-horizontal img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem;background:var(--bg-tertiary)}.entry-horizontal h3{font-size:1.1rem;font-weight:600;margin-bottom:.3rem;color:var(--text-primary)}.entry-horizontal .entry-date{color:var(--routes);font-size:.8rem;font-weight:500;margin-bottom:.75rem}.entry-horizontal .entry-text{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.entry-horizontal .entry-citation{font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:.75rem}@media(max-width:768px){.entry-horizontal{flex:0 0 85vw;max-width:340px;scroll-snap-align:start}.horizontal-scroll-wrapper.mobile-scroll{scroll-snap-type:x mandatory;display:flex;overflow-x:auto;gap:1rem;padding:1rem}.horizontal-scroll-wrapper.mobile-scroll .horizontal-scroll-track{display:flex;gap:1rem;padding:0}}@media(min-width:769px)and (max-width:1024px){.entry-horizontal{flex:0 0 320px}}.mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,300px);gap:1rem}.entry-mosaic{position:relative;border-radius:12px;overflow:hidden;cursor:pointer}.entry-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo)}.entry-mosaic:hover img{transform:scale(1.05)}.mosaic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,9,10,.95) 0%,rgba(8,9,10,.3) 50%,transparent 100%);padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;transition:background .4s}.entry-mosaic:hover .mosaic-overlay{background:linear-gradient(to top,rgba(8,9,10,.98) 0%,rgba(8,9,10,.5) 60%,transparent 100%)}.mosaic-large{grid-column:span 2;grid-row:span 2}.mosaic-wide{grid-column:span 2}@media(max-width:768px){.mosaic-grid{grid-template-columns:1fr;grid-template-rows:auto}.mosaic-large,.mosaic-wide{grid-column:span 1;grid-row:span 1}.entry-mosaic{min-height:250px}}.timeline-track{position:relative;padding-left:3rem}.timeline-line{position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--culture),rgba(167,139,250,.2))}.entry-timeline{position:relative;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem;margin-bottom:2rem}.timeline-node{position:absolute;left:-2.75rem;top:2rem;width:12px;height:12px;border-radius:50%;background:var(--node-color);border:3px solid var(--bg-primary);box-shadow:0 0 12px var(--node-color)}.entry-fullbleed{position:relative;margin-bottom:2rem;border-radius:12px;overflow:hidden}.fullbleed-image{position:relative;height:400px;overflow:hidden}.fullbleed-image img{width:100%;height:100%;object-fit:cover}.fullbleed-kenburns{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at center,transparent 30%,rgba(8,9,10,.8) 100%);animation:kenburns 20s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-1%)}}.fullbleed-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 12px 12px;padding:2rem;margin-top:-60px;margin-left:2rem;margin-right:2rem}.entry-typewriter{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:3rem;margin-bottom:2rem;text-align:center}.typewriter-quote{position:relative;max-width:700px;margin:0 auto 2rem}.quote-mark{font-size:4rem;color:var(--text-accent);opacity:.3;line-height:1;display:block}.typewriter-text{font-size:1.25rem;font-style:italic;color:var(--text-secondary);line-height:1.8;min-height:3em}.entry-counter-anim{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:3rem;margin-bottom:2rem;text-align:center}.counter-visual{margin-bottom:2rem}.big-counter{font-size:clamp(4rem,10vw,8rem);font-weight:800;color:var(--text-accent);line-height:1;letter-spacing:-.03em}.counter-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.bibliography{position:relative;z-index:2;padding:var(--space-4xl) 2rem;background:var(--bg-primary)}.bib-container{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.bib-gale,.bib-textbook{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:2rem}.bib-gale h3,.bib-textbook h3{margin-bottom:1.5rem}.bib-badge{display:inline-block;padding:.4rem .8rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.bib-badge.gale{background:#c9a84c26;color:var(--text-accent)}.bib-badge.textbook{background:#34d39926;color:var(--routes)}.bib-list{display:flex;flex-direction:column;gap:1rem}.bib-item{font-size:.85rem;color:var(--text-secondary);line-height:1.6;padding:.75rem;background:#ffffff05;border-radius:6px;border-left:2px solid var(--border-subtle);transition:border-color .3s,background .3s;display:flex;align-items:flex-start;gap:.5rem}.bib-num{color:var(--text-accent);font-weight:600;flex-shrink:0;min-width:1.5rem}.bib-text{flex:1}.bib-link{color:var(--routes);text-decoration:none;font-size:.8rem;font-weight:500;padding:.2rem .4rem;border-radius:4px;background:#34d39914;transition:background .2s,color .2s;flex-shrink:0;margin-left:.5rem}.bib-link:hover{background:#34d39926;color:#4ade80}.bib-item:hover{border-left-color:var(--text-accent);background:#ffffff0a}@media(max-width:768px){.bib-container{grid-template-columns:1fr}}footer{position:relative;z-index:2;padding:var(--space-3xl) 2rem;border-top:1px solid var(--border-subtle);text-align:center;background:var(--bg-primary)}.footer-title{font-size:1.5rem;font-weight:700;color:var(--text-accent);margin-bottom:1rem}.footer-content p{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.footer-links a{font-size:.75rem;color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text-accent)}body.presentation-mode{overflow-y:scroll}body.presentation-mode .hero,body.presentation-mode .theme-nav,body.presentation-mode .dynasty-section,body.presentation-mode .bibliography{min-height:100vh;display:flex;flex-direction:column;justify-content:center}body.presentation-mode #main-nav{transform:translateY(-100%)}.image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1510,#0e0f11);border:1px solid rgba(201,168,76,.1);border-radius:8px;color:#c9a84c;font-size:.8rem;text-align:center;padding:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}#cursor-ring{display:none}body{cursor:auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-accent)}