.jazz-essay{--jazz-night:#0A0A0F;--jazz-smoke:#1A1A1F;--jazz-brass:#C9A227;--jazz-blue:#1A3A5C;--jazz-cream:#F5F0E6;--jazz-silver:#9A9A9A;--jazz-spotlight:#FFFFE0;--jazz-sepia:#8B7355;--jazz-velvet:#4A1C2E;--jazz-noir:#0D0D0D;--era-origins:var(--jazz-sepia);--era-migration:#6B4423;--era-swing:var(--jazz-brass);--era-bebop:#2D1B4E;--era-bluenote:var(--jazz-blue);--era-free:#8B2252;--era-paradox:#4A4A4A;--era-women:#6B3A5B;--era-contemporary:#1E3A5F;--font-display:"Playfair Display",Georgia,serif;--font-body:"Source Serif Pro",Georgia,serif;--font-mono:"JetBrains Mono",monospace;--font-ui:"Inter",system-ui,sans-serif;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-emphasis:cubic-bezier(0.0,0,0.2,1);--duration-quick:300ms;--duration-standard:600ms;--duration-slow:1000ms;--content-width:720px;--wide-width:1000px;background-color:var(--jazz-night);color:var(--jazz-cream);font-family:var(--font-body);font-size:1.125rem;line-height:1.75;min-height:100vh}.jazz-essay ::selection{background-color:var(--jazz-brass);color:var(--jazz-night)}.staff-progress{position:fixed;left:24px;top:50%;transform:translateY(-50%);width:40px;height:70vh;z-index:100;display:none}@media (min-width:1200px){.staff-progress{display:block}}.staff-lines{position:absolute;left:0;right:0;top:5%;bottom:5%;display:flex;flex-direction:column;justify-content:space-between}.staff-line{height:1px;background-color:var(--jazz-cream);opacity:.3}.staff-notes{position:absolute;left:0;right:0;top:0;bottom:0}.staff-note{position:absolute;width:8px;height:8px;border-radius:50%;background-color:transparent;border:1px solid var(--jazz-brass);opacity:.3;transition:all var(--duration-standard) var(--ease-standard)}.staff-note.active{background-color:var(--jazz-brass);opacity:1;box-shadow:0 0 8px var(--jazz-brass)}.staff-playhead{position:absolute;left:0;right:0;height:2px;background-color:var(--jazz-brass);transition:top .1s linear}.staff-progress-mobile{position:fixed;top:0;left:0;right:0;height:3px;background-color:var(--jazz-smoke);z-index:100}@media (min-width:1200px){.staff-progress-mobile{display:none}}.staff-fill{height:100%;background:linear-gradient(90deg,var(--jazz-brass),var(--jazz-blue));transition:width .1s linear}.jazz-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;position:relative;background:radial-gradient(ellipse at center bottom,var(--jazz-smoke) 0,var(--jazz-night) 70%)}.hero-content{max-width:var(--content-width)}.hero-title{font-size:clamp(4rem,15vw,10rem);font-weight:700;letter-spacing:-.02em;color:var(--jazz-cream);margin:0;line-height:1;text-shadow:0 0 60px rgba(201,162,39,.3)}.hero-subtitle,.hero-title{font-family:var(--font-display)}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);font-style:italic;color:var(--jazz-brass);margin:1rem 0 2rem;letter-spacing:.02em}.hero-description{font-size:1.125rem;color:var(--jazz-silver);max-width:600px;margin:0 auto;line-height:1.6}.hero-scroll-indicator{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--jazz-silver);font-size:.875rem;animation:pulse 2s ease-in-out infinite}.hero-scroll-indicator svg{opacity:.6}@keyframes pulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.chapter-section{padding:6rem 1.5rem;border-bottom:1px solid rgba(201,162,39,.1);opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard)}.chapter-section.visible{opacity:1;transform:translateY(0)}.chapter-content{max-width:var(--content-width);margin:0 auto}.chapter-header{margin-bottom:3rem;text-align:center}.chapter-number{display:block;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--jazz-brass);margin-bottom:1rem}.chapter-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--jazz-cream);margin:0 0 .5rem;line-height:1.2}.chapter-subtitle{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--jazz-silver);margin:0}.chapter-temporal-marker{font-family:var(--font-mono);font-size:.875rem;color:var(--jazz-brass);margin-top:1rem;opacity:.8}.chapter-epigraph{font-family:var(--font-display);font-style:italic;font-size:1.125rem;color:var(--jazz-cream);margin:2rem auto;max-width:500px;text-align:center;padding:1.5rem;border-left:3px solid var(--jazz-brass);background-color:rgba(201,162,39,.05)}.chapter-epigraph cite{display:block;margin-top:.75rem;font-size:.875rem;color:var(--jazz-silver);font-style:normal}.chapter-image-container{margin:2rem -1.5rem;text-align:center}@media (min-width:768px){.chapter-image-container{margin:3rem 0}}.chapter-image{max-width:100%;height:auto;border-radius:2px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.chapter-image-attribution{font-size:.75rem;color:var(--jazz-silver);margin-top:1rem;font-style:italic}.narrative-block{margin:2rem 0}.narrative-block p{margin:0 0 1.5rem;text-align:left}.narrative-block.has-dropcap p:first-child:first-letter{font-family:var(--font-display);font-size:4rem;float:left;line-height:.8;padding-right:.5rem;color:var(--jazz-brass);font-weight:700}.chapter-divider{height:1px;background:linear-gradient(90deg,transparent,var(--jazz-brass),transparent);margin-top:4rem;opacity:.3}.figures-grid{display:grid;gap:2rem;margin-top:3rem}.figure-profile{background-color:var(--jazz-smoke);border-radius:4px;padding:1.5rem;border-left:3px solid var(--jazz-brass)}.figure-profile.featured{border-left-width:4px;background:linear-gradient(135deg,var(--jazz-smoke) 0,rgba(201,162,39,.05) 100%)}.figure-profile.has-image{display:grid;gap:1.5rem}@media (min-width:768px){.figure-profile.has-image{grid-template-columns:200px 1fr}}.figure-image-container{text-align:center}.figure-image{max-width:100%;height:auto;border-radius:2px;filter:grayscale(20%);transition:filter var(--duration-standard) var(--ease-standard)}.figure-profile:hover .figure-image{filter:grayscale(0)}.figure-image-attribution{font-size:.625rem;color:var(--jazz-silver);margin-top:.5rem;opacity:.7}.figure-text{text-align:left}.figure-name{font-size:1.5rem;font-weight:700;color:var(--jazz-cream);margin:0 0 .25rem}.figure-epithet,.figure-name{font-family:var(--font-display)}.figure-epithet{font-style:italic;color:var(--jazz-brass);margin:0 0 .5rem;font-size:1rem}.figure-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--jazz-silver);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:.625rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;background-color:rgba(201,162,39,.15);color:var(--jazz-brass);border-radius:2px}.figure-description{font-size:.9375rem;line-height:1.6;color:var(--jazz-cream);margin:0}.figure-quote{font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--jazz-cream);margin:1rem 0 0;padding:1rem;background-color:rgba(26,58,92,.2);border-radius:2px}.figure-quote cite{display:block;font-size:.75rem;color:var(--jazz-silver);margin-top:.5rem;font-style:normal}.chapter-section[data-era=origins]{background:linear-gradient(180deg,var(--jazz-night) 0,rgba(139,115,85,.05) 100%)}.chapter-section[data-era=origins] .chapter-image{filter:sepia(30%) contrast(1.1)}.chapter-section[data-era=swing]{background:linear-gradient(180deg,var(--jazz-night) 0,rgba(201,162,39,.03) 100%)}.chapter-section[data-era=bebop]{background:linear-gradient(180deg,var(--jazz-night) 0,rgba(45,27,78,.1) 100%)}.chapter-section[data-era=bebop] .chapter-image{filter:contrast(1.2) brightness(.9)}.chapter-section[data-era=bluenote]{background:linear-gradient(180deg,var(--jazz-night) 0,rgba(26,58,92,.1) 100%)}.chapter-section[data-era=free]{background:linear-gradient(180deg,var(--jazz-night) 0,rgba(139,34,82,.05) 100%)}.chapter-section[data-era=women]{background:linear-gradient(180deg,var(--jazz-night) 0,rgba(107,58,91,.08) 100%)}.chapter-section[data-era=contemporary]{background:linear-gradient(180deg,var(--jazz-night) 0,rgba(30,58,95,.08) 100%)}.sources-section{max-width:var(--content-width);margin:0 auto;padding:4rem 1.5rem;border-top:1px solid rgba(201,162,39,.2)}.sources-section h2{font-family:var(--font-display);font-size:1.75rem;color:var(--jazz-cream);margin:0 0 2rem}.sources-section h3{font-family:var(--font-display);font-size:1.125rem;color:var(--jazz-brass);margin:2rem 0 1rem}.sources-section ul{list-style:none;padding:0;margin:0}.sources-section li{font-size:.9375rem;color:var(--jazz-silver);margin-bottom:.75rem;padding-left:1rem;border-left:2px solid rgba(201,162,39,.3)}.sources-section li em,.sources-section li strong{color:var(--jazz-cream)}.sources-section p{font-size:.875rem;color:var(--jazz-silver);line-height:1.6}.jazz-footer{text-align:center;padding:3rem 1.5rem;border-top:1px solid rgba(201,162,39,.1)}.jazz-footer p{font-size:.875rem;color:var(--jazz-silver);margin:0;line-height:1.8}@media (min-width:768px){.jazz-essay{font-size:1.1875rem}.chapter-section{padding:8rem 2rem}.chapter-content{max-width:var(--content-width)}.figures-grid{gap:2.5rem}.figure-profile{padding:2rem}}@media (min-width:1200px){.jazz-essay{padding-left:80px}.chapter-section{padding:10rem 2rem}}@media (prefers-reduced-motion:reduce){.chapter-section{opacity:1;transform:none;transition:none}.figure-image,.staff-note{transition:none}.hero-scroll-indicator{animation:none}}@media print{.hero-scroll-indicator,.staff-progress,.staff-progress-mobile{display:none}.jazz-essay{background-color:white;color:black}.chapter-section{opacity:1;transform:none;page-break-inside:avoid}}