:root{--gold-divine:#D4AF37;--gold-bright:#FFD700;--gold-warm:#F5C542;--yoruba-indigo:#2C3E6E;--akan-gold:#D4AF37;--fon-crimson:#722F37;--egyptian-lapis:#1E3A5F;--zulu-ochre:#CC7722;--flame-amber:#CC7722;--blood-ochre:#8B4513;--threshold-gray:#4A4A4A;--terror-cold:#0D1B2A;--void-black:#0A0A0B;--creator-glow:#FFD700;--trickster-flame:#F5A623;--death-shadow:#4A4A4A;--terror-void:#0D0D0D;--living-flame:#FF6B35;--text-primary:#F5F5F5;--text-secondary:rgba(245,245,245,0.8);--text-muted:rgba(245,245,245,0.6);--text-faint:rgba(245,245,245,0.4);--font-display:"Cinzel",serif;--font-divine:"Cinzel Decorative",serif;--font-body:"Source Serif Pro",Georgia,serif;--font-ui:"Inter",-apple-system,sans-serif;--font-size-hero:2.5rem;--font-size-chapter:1.75rem;--font-size-section:1.5rem;--font-size-body:18px;--line-height-body:1.65;--section-padding:4rem 1.25rem;--content-max-width:720px;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:600ms;--duration-ceremonial:1200ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}@media (min-width:768px){:root{--font-size-hero:4.5rem;--font-size-chapter:2.75rem;--font-size-section:2rem;--font-size-body:20px;--section-padding:6rem 2rem}}.gods-of-africa{background:var(--void-black);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);min-height:100vh;overflow-x:hidden;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.gods-of-africa *{box-sizing:border-box}.light-fades-progress{position:fixed;left:0;top:0;bottom:0;width:4px;z-index:100;pointer-events:none}.light-fades-track{position:absolute;inset:0;background:rgba(255,255,255,.08)}.light-fades-fill{position:absolute;top:0;left:0;right:0;height:var(--progress,0);transition:height .1s linear}.light-fades-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--gold-divine) 0,var(--flame-amber) 25%,var(--fon-crimson) 50%,var(--threshold-gray) 75%,var(--terror-cold) 100%)}.light-fades-ember{position:absolute;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--ember-color,var(--gold-divine));box-shadow:0 0 10px var(--ember-color,var(--gold-divine)),0 0 20px var(--ember-color,var(--gold-divine));transition:background .3s,box-shadow .3s}.light-fades-markers{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:10vh 0}.light-fades-marker{width:8px;height:2px;background:rgba(255,255,255,.15);margin-left:-2px;transition:background .3s}.light-fades-marker.passed{background:rgba(255,255,255,.4)}.hero-scroll-lock-container{position:relative;height:calc(100vh + 1500px)}.hero-section.hero-pinned{position:sticky;top:0;left:0;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.hero-scroll-lock-container.is-complete .hero-section.hero-pinned{position:relative;height:100vh}.gods-of-africa .hero-background{position:absolute;inset:0;background:var(--void-black);transition:background .3s ease}.gods-of-africa .hero-background:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(212,175,55,calc(.25 * var(--light-intensity, 1))) 0,transparent 60%);transition:opacity .3s ease}.gods-of-africa .hero-background:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 0,rgba(10,10,11,calc(.8 * var(--shadow-intensity, 0))) 70%);pointer-events:none}.hero-central-light{top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,215,0,.4) 0,rgba(212,175,55,.2) 30%,transparent 70%);border-radius:50%;filter:blur(40px);transition:opacity .3s ease,transform .3s ease}.hero-central-light,.hero-particles{position:absolute;pointer-events:none}.hero-particles{inset:0;overflow:hidden;transition:opacity .5s ease}.hero-particle{position:absolute;background:var(--gold-divine);border-radius:50%;animation:float-particle 8s ease-in-out infinite;box-shadow:0 0 6px var(--gold-divine)}@keyframes float-particle{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-40px) scale(1.3);opacity:.9}}.hero-continent-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:350px;pointer-events:none}.africa-continent-svg{width:100%;height:100%}.africa-outline{transition:stroke-dashoffset .1s linear}.tradition-lights{position:absolute;inset:0;pointer-events:none;transition:opacity .5s ease}.tradition-light{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);transition:opacity .5s ease,transform .5s ease}.light-pulse{width:20px;height:20px;background:var(--light-color,var(--gold-divine));border-radius:50%;box-shadow:0 0 20px var(--light-color,var(--gold-divine)),0 0 40px var(--light-color,var(--gold-divine)),0 0 60px rgba(255,215,0,.3);animation:light-pulse 2s ease-in-out infinite}@keyframes light-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.light-label{margin-top:8px;font-family:var(--font-ui);font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.hero-shadow-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--void-black) 0,transparent 30%,transparent 70%,var(--void-black) 100%),linear-gradient(to bottom,var(--void-black) 0,transparent 40%,transparent 60%,var(--void-black) 100%);pointer-events:none;transition:opacity .5s ease}.hero-phase-text{top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:5;pointer-events:none}.hero-phase-text,.phase-text{position:absolute;left:0;right:0;padding:0 2rem;text-align:center}.phase-text{font-family:var(--font-body);font-size:1.5rem;font-style:italic;color:var(--text-primary);transition:opacity .6s ease,transform .6s ease;margin:0;opacity:0;transform:translateY(20px);visibility:hidden}@media (min-width:768px){.phase-text{font-size:2rem}}.phase-text.active{opacity:1;transform:translateY(0);visibility:visible}.phase-text.past{opacity:0;transform:translateY(-30px);visibility:hidden}.golden-eye{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:120px;height:80px;transition:opacity .8s ease,transform .8s ease;z-index:4}.eye-svg{width:100%;height:100%}.gods-of-africa .hero-content{position:relative;z-index:10;max-width:800px;padding:0 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;grid-template-columns:unset;gap:unset;transition:opacity .8s ease,transform .8s ease}.hero-overline{font-family:var(--font-ui);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-divine);margin-bottom:1.5rem}.gods-of-africa .hero-title{font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:700;line-height:1.1;margin:0 0 1rem;background:linear-gradient(135deg,var(--gold-bright) 0,var(--gold-divine) 50%,var(--flame-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:var(--font-body);font-size:1.25rem;color:var(--text-secondary);margin-bottom:0}@media (min-width:768px){.hero-subtitle{font-size:1.5rem}}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .5s ease;z-index:10}.scroll-text{font-family:var(--font-ui);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gold-divine),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.hero-skip-button{position:absolute;bottom:2rem;right:2rem;font-family:var(--font-ui);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;z-index:20}.hero-skip-button:hover{color:var(--text-muted);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}@media (prefers-reduced-motion:reduce){.hero-scroll-lock-container{height:100vh}.hero-section.hero-pinned{position:relative}.hero-particle,.light-pulse,.scroll-line{animation:none}.gods-of-africa .hero-content,.golden-eye,.phase-text{transition-duration:.01ms}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chapter-section{position:relative;padding:var(--section-padding);min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.chapter-section:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--duration-ceremonial) var(--ease-out);pointer-events:none}.chapter-section.visible:before{opacity:1}.chapter-section[data-phase=creation]:before{background:radial-gradient(ellipse at 50% 50%,rgba(212,175,55,.08) 0,transparent 70%)}.chapter-section[data-phase=order]:before{background:radial-gradient(ellipse at 50% 50%,rgba(44,62,110,.1) 0,transparent 70%)}.chapter-section[data-phase=trickster]:before{background:radial-gradient(ellipse at 50% 50%,rgba(245,166,35,.08) 0,transparent 70%)}.chapter-section[data-phase=threshold]:before{background:radial-gradient(ellipse at 50% 50%,rgba(74,74,74,.1) 0,transparent 70%)}.chapter-section[data-phase=terror]:before{background:radial-gradient(ellipse at 50% 50%,rgba(13,27,42,.3) 0,transparent 70%)}.chapter-content{max-width:var(--content-max-width);margin:0 auto;width:100%}.chapter-header{margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:all var(--duration-ceremonial) var(--ease-out)}.chapter-section.visible .chapter-header{opacity:1;transform:translateY(0)}.chapter-number{font-family:var(--font-ui);font-size:.6875rem;letter-spacing:.3em;text-transform:uppercase;color:var(--chapter-accent,var(--gold-divine));margin-bottom:.75rem}.chapter-title{font-family:var(--font-display);font-size:var(--font-size-chapter);font-weight:700;line-height:1.15;margin:0 0 1rem;color:var(--text-primary)}.chapter-epigraph{font-family:var(--font-body);font-size:1.125rem;font-style:italic;color:var(--text-muted);padding-left:1rem;border-left:2px solid var(--chapter-accent,var(--gold-divine))}.chapter-epigraph cite{display:block;font-style:normal;font-size:.875rem;margin-top:.5rem;color:var(--text-faint)}.divine-figure{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:2rem 1.5rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out)}.chapter-section.visible .divine-figure{opacity:1;transform:translateY(0)}.divine-figure.featured{border-color:var(--figure-accent,var(--gold-divine));border-width:1px 1px 1px 3px}.figure-name{font-family:var(--font-divine);font-size:1.5rem;font-weight:700;letter-spacing:.05em;color:var(--figure-accent,var(--gold-divine));margin:0 0 .25rem}.figure-epithet{font-family:var(--font-body);font-size:1rem;font-style:italic;color:var(--text-muted);margin-bottom:1rem}.figure-domains{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.figure-domain{font-family:var(--font-ui);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .75rem;background:rgba(255,255,255,.05);border-radius:100px;color:var(--text-secondary)}.figure-description{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-body);margin-bottom:1.5rem}.figure-quote{font-style:italic;color:var(--text-muted);padding-left:1rem;border-left:2px solid var(--figure-accent,var(--gold-divine))}.narrative-block{margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out)}.chapter-section.visible .narrative-block{opacity:1;transform:translateY(0)}.narrative-block p{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-body);margin-bottom:1.5rem}.narrative-block p:last-child{margin-bottom:0}.narrative-block.has-dropcap p:first-of-type:first-letter{font-family:var(--font-display);font-size:4rem;float:left;line-height:.8;padding-right:.75rem;padding-top:.25rem;color:var(--chapter-accent,var(--gold-divine))}.quote-monument{padding:4rem 1.5rem;margin:3rem 0;text-align:center;position:relative;opacity:0;transform:scale(.95);transition:all var(--duration-ceremonial) var(--ease-out)}.chapter-section.visible .quote-monument{opacity:1;transform:scale(1)}.quote-monument:before{content:'"';font-family:var(--font-display);font-size:6rem;color:var(--chapter-accent,var(--gold-divine));opacity:.2;position:absolute;top:0;left:50%;transform:translateX(-50%);line-height:1}.quote-monument blockquote{font-family:var(--font-body);font-size:1.5rem;font-style:italic;color:var(--text-primary);line-height:1.5;max-width:600px;margin:0 auto 1.5rem}@media (min-width:768px){.quote-monument blockquote{font-size:2rem}}.quote-monument cite{font-family:var(--font-ui);font-size:.875rem;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.chapter-section[data-phase=terror]{--chapter-accent:var(--terror-cold)}.chapter-section[data-phase=terror] .chapter-title{color:var(--terror-cold);text-shadow:0 0 30px rgba(13,27,42,.8)}.terror-reveal{position:relative;overflow:hidden}.terror-reveal:after,.terror-reveal:before{content:"";position:absolute;top:0;bottom:0;width:100%;background:var(--void-black);transition:transform var(--duration-ceremonial) var(--ease-out);z-index:1}.terror-reveal:before{left:0;transform:translateX(0)}.terror-reveal:after{right:0;transform:translateX(0)}.chapter-section.visible .terror-reveal:before{transform:translateX(-100%)}.chapter-section.visible .terror-reveal:after{transform:translateX(100%)}.terror-reveal-content{position:relative;z-index:0}.divine-figure.terror{background:rgba(13,27,42,.3);border-color:var(--terror-cold)}.divine-figure.terror .figure-name{color:var(--terror-cold);text-shadow:0 0 20px var(--terror-cold)}.chapter-section.visible .divine-figure:first-child{transition-delay:.1s}.chapter-section.visible .divine-figure:nth-child(2){transition-delay:.2s}.chapter-section.visible .divine-figure:nth-child(3){transition-delay:.3s}.chapter-section.visible .narrative-block:first-child{transition-delay:.1s}.chapter-section.visible .narrative-block:nth-child(2){transition-delay:.2s}.chapter-section.visible .narrative-block:nth-child(3){transition-delay:.3s}.sources-section{padding:4rem 1.5rem;background:linear-gradient(135deg,#0D0D0D,#050505);border-top:1px solid rgba(255,255,255,.06)}.sources-content{max-width:var(--content-max-width);margin:0 auto}.sources-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.3)}.sources-list{list-style:none;padding:0;margin:0 0 2rem}.sources-list li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.sources-list li:before{content:"→";position:absolute;left:0;color:var(--gold-divine)}.sources-list a{font-size:.9375rem;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.sources-list a:hover{color:var(--gold-divine);text-decoration:underline}.sources-note{font-size:.8125rem;font-style:italic;color:var(--text-faint);padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.epilogue-section{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--section-padding);position:relative}.epilogue-flame{width:60px;height:80px;margin-bottom:2rem;position:relative}.flame-svg{width:100%;height:100%}.flame-glow{fill:var(--living-flame);filter:url(#flame-blur);animation:flame-dance 1.5s ease-in-out infinite}.flame-core{fill:var(--gold-bright);animation:flame-dance 1.5s ease-in-out .1s infinite}@keyframes flame-dance{0%,to{transform:scaleY(1) scaleX(1);opacity:.9}50%{transform:scaleY(1.1) scaleX(.95);opacity:1}}.epilogue-text{font-family:var(--font-body);font-size:1.25rem;font-style:italic;color:var(--text-secondary);max-width:500px;line-height:1.6}@media (min-width:768px){.epilogue-text{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-particle{display:none}}.transition-divider{height:1px;margin:4rem auto;max-width:200px;position:relative;overflow:hidden}.transition-divider:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--divider-color,var(--gold-divine)),transparent);opacity:.5}.transition-divider[data-phase=creation]{--divider-color:var(--gold-divine)}.transition-divider[data-phase=order]{--divider-color:var(--yoruba-indigo)}.transition-divider[data-phase=trickster]{--divider-color:var(--trickster-flame)}.transition-divider[data-phase=threshold]{--divider-color:var(--threshold-gray)}.transition-divider[data-phase=terror]{--divider-color:var(--terror-cold)}