:root{--bg-primary:#0A0A0A;--bg-secondary:#1C1C1C;--bg-elevated:#252525;--accent-gold:#B8860B;--accent-burgundy:#8B0000;--accent-atlantic:#4169E1;--accent-cream:#F5F5DC;--accent-amber:#CC7722;--era-race-records:#8B7355;--era-early-rb:#C0C0C0;--era-soul:#8B0000;--era-philly:#FFD700;--era-quiet-storm:#4A0080;--era-new-jack:#1A237E;--era-pop-rb:#FFD700;--era-alternative:#8BC34A;--text-primary:rgba(245,245,220,0.95);--text-secondary:rgba(245,245,220,0.75);--text-muted:rgba(245,245,220,0.55);--text-faint:rgba(245,245,220,0.35);--font-display:"Playfair Display",Georgia,serif;--font-quote:"Playfair Display",Georgia,serif;--font-body:"Source Serif Pro","Lora",Georgia,serif;--font-mono:"IBM Plex Mono",monospace;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,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.7;--section-padding:4rem 1.25rem;--content-max-width:720px;--duration-quick:200ms;--duration-standard:400ms;--duration-slow:800ms;--duration-crossfade:1200ms;--ease-groove:cubic-bezier(0.4,0,0.2,1);--ease-fade:cubic-bezier(0.16,1,0.3,1)}@media (min-width:768px){:root{--font-size-hero:4.5rem;--font-size-chapter:2.5rem;--font-size-section:1.875rem;--font-size-body:20px;--section-padding:6rem 2rem}}.rnb-history{background:var(--bg-primary);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}.rnb-history *{box-sizing:border-box}.vinyl-progress{position:fixed;left:0;top:0;bottom:0;width:52px;z-index:100;pointer-events:none;padding:1rem 0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.vinyl-progress,.vinyl-shell{display:flex;flex-direction:column;align-items:center}.vinyl-shell{position:relative;width:44px;height:100%}.vinyl-tracks{position:absolute;top:5%;bottom:5%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.vinyl-track{width:24px;height:2px;background:rgba(245,245,220,.12);border-radius:1px;transition:background var(--duration-standard) var(--ease-groove);position:relative}.vinyl-track.passed{background:var(--accent-gold)}.vinyl-track:before{content:attr(data-track);position:absolute;left:30px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.6rem;color:var(--text-faint);white-space:nowrap;opacity:0;transition:opacity var(--duration-standard)}.vinyl-track:hover:before{opacity:1}.vinyl-needle{width:10px;height:10px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold),0 0 16px rgba(184,134,11,.5);transition:top .1s linear}.vinyl-fill,.vinyl-needle{position:absolute;left:50%;transform:translateX(-50%)}.vinyl-fill{top:5%;width:3px;background:linear-gradient(to bottom,var(--era-race-records) 0,var(--era-early-rb) 12%,var(--era-soul) 25%,var(--era-philly) 38%,var(--era-quiet-storm) 50%,var(--era-new-jack) 62%,var(--era-pop-rb) 75%,var(--era-alternative) 100%);border-radius:2px;transition:height .1s linear}@media (max-width:767px){.vinyl-progress{display:none}}.vinyl-progress-mobile{display:none;position:fixed;bottom:0;left:0;right:0;height:4px;background:var(--bg-secondary);z-index:100}.vinyl-progress-mobile .vinyl-fill{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(to right,var(--era-race-records) 0,var(--era-soul) 30%,var(--era-quiet-storm) 60%,var(--era-alternative) 100%);transition:width .1s linear}@media (max-width:767px){.vinyl-progress-mobile{display:block}}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:var(--section-padding)}.hero-background{position:absolute;inset:0;z-index:0}.hero-background-image{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:.4;filter:sepia(.3) contrast(1.1);transition:opacity var(--duration-crossfade) var(--ease-fade)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.3),rgba(10,10,10,.6) 50%,rgba(10,10,10,.95))}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px}.hero-pre-title{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:1.5rem;opacity:0;animation:fadeUp 1s var(--ease-fade) .3s forwards}.hero-title{font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:700;line-height:1.1;margin:0 0 1rem;color:var(--text-primary);opacity:0;animation:fadeUp 1s var(--ease-fade) .6s forwards}.hero-title .highlight{color:var(--accent-gold)}.hero-subtitle{font-family:var(--font-display);font-size:1.25rem;font-weight:400;font-style:italic;color:var(--text-secondary);margin-bottom:2rem;opacity:0;animation:fadeUp 1s var(--ease-fade) .9s forwards}@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;opacity:0;animation:fadeUp 1s var(--ease-fade) 1.5s forwards}.hero-scroll-text{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--text-muted)}.hero-scroll-arrow{width:24px;height:24px;border-left:2px solid var(--accent-gold);border-bottom:2px solid var(--accent-gold);transform:rotate(-45deg);animation:bounce 2s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(-45deg) translateY(0)}40%{transform:rotate(-45deg) translateY(8px)}60%{transform:rotate(-45deg) translateY(4px)}}.chapter-section{padding:var(--section-padding);position:relative;opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-fade),transform var(--duration-slow) var(--ease-fade)}.chapter-section.visible{opacity:1;transform:translateY(0)}.chapter-content{max-width:var(--content-max-width);margin:0 auto}.chapter-section[data-era=race-records]{border-left:3px solid var(--era-race-records)}.chapter-section[data-era=early-rb]{border-left:3px solid var(--era-early-rb)}.chapter-section[data-era=soul]{border-left:3px solid var(--era-soul)}.chapter-section[data-era=philly]{border-left:3px solid var(--era-philly)}.chapter-section[data-era=quiet-storm]{border-left:3px solid var(--era-quiet-storm)}.chapter-section[data-era=new-jack]{border-left:3px solid var(--era-new-jack)}.chapter-section[data-era=pop-rb]{border-left:3px solid var(--era-pop-rb)}.chapter-section[data-era=alternative]{border-left:3px solid var(--era-alternative)}@media (min-width:768px){.chapter-section{padding-left:4rem;margin-left:52px}}.chapter-header{margin-bottom:2.5rem}.chapter-number{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--chapter-accent,var(--accent-gold));margin-bottom:.75rem}.chapter-title{font-family:var(--font-display);font-size:var(--font-size-chapter);font-weight:700;line-height:1.2;margin:0 0 .5rem;color:var(--text-primary)}.chapter-subtitle{font-family:var(--font-display);font-size:1.125rem;font-style:italic;color:var(--text-secondary);margin:0}@media (min-width:768px){.chapter-subtitle{font-size:1.25rem}}.chapter-epigraph{font-family:var(--font-quote);font-size:1.125rem;font-style:italic;color:var(--text-secondary);padding:1.5rem 0;border-top:1px solid rgba(245,245,220,.1);border-bottom:1px solid rgba(245,245,220,.1);margin:1.5rem 0 2rem}.chapter-epigraph cite{display:block;margin-top:.75rem;font-style:normal;font-size:.875rem;color:var(--text-muted)}.narrative-block{margin-bottom:2.5rem}.narrative-block p{margin:0 0 1.5em}.narrative-block.has-dropcap p:first-child:first-letter{float:left;font-family:var(--font-display);font-size:3.5rem;font-weight:700;line-height:.85;padding-right:.5rem;padding-top:.1rem;color:var(--chapter-accent,var(--accent-gold))}.content-warning{background:rgba(139,0,0,.15);border-left:3px solid var(--accent-burgundy);padding:1rem 1.25rem;margin-bottom:2rem;font-size:.9375rem;color:var(--text-secondary)}.content-warning-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-burgundy);margin-bottom:.5rem}.chapter-image-container{margin:2rem -1.25rem;position:relative}@media (min-width:768px){.chapter-image-container{margin:2.5rem -2rem}}.chapter-image{width:100%;height:auto;display:block}.chapter-image-attribution{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-faint);padding:.5rem 1.25rem;text-align:right}@media (min-width:768px){.chapter-image-attribution{padding:.5rem 2rem}}.figure-profile{background:var(--bg-elevated);border-radius:4px;padding:1.5rem;margin:2rem 0;border-left:3px solid var(--figure-accent,var(--accent-gold))}.figure-profile.featured{background:linear-gradient(135deg,var(--bg-elevated) 0,rgba(184,134,11,.08) 100%)}.figure-profile.has-image{display:grid;gap:1.5rem}@media (min-width:600px){.figure-profile.has-image{grid-template-columns:180px 1fr}}.figure-image-container{position:relative}.figure-image{width:100%;height:auto;display:block;border-radius:2px;filter:grayscale(.2) contrast(1.05)}.figure-image-attribution{font-family:var(--font-mono);font-size:.625rem;color:var(--text-faint);margin-top:.5rem}.figure-text{display:flex;flex-direction:column}.figure-name{font-size:1.375rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.figure-epithet,.figure-name{font-family:var(--font-display)}.figure-epithet{font-size:1rem;font-style:italic;color:var(--figure-accent,var(--accent-gold));margin:0 0 .75rem}.figure-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin:0 0 .75rem}.figure-domains{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.figure-domain{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.05em;padding:.25rem .5rem;background:rgba(245,245,220,.08);border-radius:2px;color:var(--text-secondary)}.figure-description{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1rem}.figure-quote{font-family:var(--font-quote);font-size:1rem;font-style:italic;color:var(--text-primary);padding-left:1rem;border-left:2px solid var(--figure-accent,var(--accent-gold));margin:0}.transition-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(245,245,220,.15) 20%,rgba(245,245,220,.15) 80%,transparent);margin:3rem auto;max-width:400px}.epilogue-section{padding:6rem 1.25rem;text-align:center;background:linear-gradient(180deg,var(--bg-primary) 0,rgba(184,134,11,.05) 50%,var(--bg-primary) 100%)}@media (min-width:768px){.epilogue-section{padding:8rem 2rem}}.epilogue-content{max-width:600px;margin:0 auto}.epilogue-title{font-family:var(--font-display);font-size:2rem;font-weight:700;margin:0 0 2rem;color:var(--accent-gold)}@media (min-width:768px){.epilogue-title{font-size:2.5rem}}.epilogue-text{font-size:1.125rem;line-height:1.75;color:var(--text-secondary)}.epilogue-text p{margin:0 0 1.5em}.epilogue-closing{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--text-primary);margin-top:2rem}.sources-section{padding:var(--section-padding);background:var(--bg-secondary)}.sources-content{max-width:var(--content-max-width);margin:0 auto}.sources-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary)}.sources-list{font-size:.875rem;color:var(--text-secondary);line-height:1.8}.sources-list a{color:var(--accent-atlantic);text-decoration:none}.sources-list a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.hero-pre-title,.hero-scroll-indicator,.hero-subtitle,.hero-title{animation:none;opacity:1}.hero-scroll-arrow{animation:none}.chapter-section{opacity:1;transform:none;transition:none}.mixtape-fill,.mixtape-head,.vinyl-fill,.vinyl-needle{transition:none}}.rnb-history a:focus,.rnb-history button:focus{outline:2px solid var(--accent-gold);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-gold);color:var(--bg-primary);padding:8px 16px;font-family:var(--font-ui);font-size:.875rem;z-index:1000;transition:top var(--duration-standard)}.skip-link:focus{top:0}