.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)}}.jazz-hero--scroll-lock{position:relative;min-height:auto;padding:0}.hero-pinned-content{text-align:center;padding:2rem;transition:background .3s ease}.hero-pinned-content.is-pinned{z-index:50}.hero-phase-text{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-style:italic;color:var(--jazz-cream);margin:0;position:absolute;max-width:600px;line-height:1.4;letter-spacing:.02em;text-shadow:0 2px 20px rgba(0,0,0,.5);transition:transform .15s ease-out}.hero-phase-1{color:var(--jazz-silver)}.hero-phase-2{color:var(--jazz-cream)}.hero-phase-3{color:var(--jazz-brass);font-weight:500}.hero-title-container{text-align:center;will-change:transform,opacity}.hero-title-container .hero-title{text-shadow:0 0 60px rgba(201,162,39,.4),0 0 120px rgba(201,162,39,.2)}.hero-title-container .hero-subtitle{will-change:opacity}.hero-title-container .hero-description{will-change:opacity;max-width:650px;margin:0 auto}.hero-prelude{font-family:var(--font-display);font-size:1.125rem;font-style:italic;color:var(--jazz-silver);margin:0 0 2rem;letter-spacing:.02em}.jazz-hero--mobile{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%)}.jazz-hero--mobile .hero-content{max-width:var(--content-width)}.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%)}.timeline-section{padding:6rem 1.5rem;opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard)}.timeline-section.visible{opacity:1;transform:translateY(0)}.timeline-content{max-width:var(--content-width);margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.5rem);font-weight:700;color:var(--jazz-cream);margin:0 0 .5rem}.section-subtitle{font-family:var(--font-display);font-style:italic;color:var(--jazz-brass);font-size:1.125rem;margin:0}.timeline-container{position:relative;padding-left:2rem;border-left:2px solid var(--jazz-brass)}.timeline-event{position:relative;padding:1rem 0 1rem 1.5rem;border-bottom:1px solid rgba(201,162,39,.1)}.timeline-event:before{content:"";position:absolute;left:-2.35rem;top:1.25rem;width:10px;height:10px;border-radius:50%;background-color:var(--jazz-smoke);border:2px solid var(--jazz-brass);transition:background-color var(--duration-quick) var(--ease-standard)}.timeline-event:hover:before{background-color:var(--jazz-brass)}.timeline-year{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--jazz-brass);display:block;margin-bottom:.25rem}.timeline-description{font-size:1rem;color:var(--jazz-cream);line-height:1.5}.timeline-event[data-era=origins]:before{border-color:var(--era-origins)}.timeline-event[data-era=migration]:before{border-color:var(--era-migration)}.timeline-event[data-era=swing]:before{border-color:var(--era-swing)}.timeline-event[data-era=bebop]:before{border-color:var(--era-bebop)}.timeline-event[data-era=bluenote]:before{border-color:var(--era-bluenote)}.timeline-event[data-era=free]:before{border-color:var(--era-free)}.timeline-event[data-era=paradox]:before{border-color:var(--era-paradox)}.timeline-event[data-era=contemporary]:before{border-color:var(--era-contemporary)}.glossary-section{padding:6rem 1.5rem;background:linear-gradient(180deg,var(--jazz-night) 0,rgba(26,58,92,.05) 100%);opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard)}.glossary-section.visible{opacity:1;transform:translateY(0)}.glossary-content{max-width:var(--wide-width);margin:0 auto}.glossary-grid{display:grid;gap:1.5rem}@media (min-width:768px){.glossary-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width:1200px){.glossary-grid{grid-template-columns:repeat(3,1fr)}}.glossary-term{background-color:var(--jazz-smoke);border-radius:4px;padding:1.25rem;border-left:3px solid var(--jazz-brass);transition:transform var(--duration-quick) var(--ease-standard),box-shadow var(--duration-quick) var(--ease-standard)}.glossary-term:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.glossary-term-name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--jazz-brass);margin:0 0 .5rem}.glossary-term-definition{font-size:.9375rem;line-height:1.6;color:var(--jazz-cream);margin:0}.glossary-term[data-era=origins]{border-left-color:var(--era-origins)}.glossary-term[data-era=swing]{border-left-color:var(--era-swing)}.glossary-term[data-era=bebop]{border-left-color:var(--era-bebop)}.glossary-term[data-era=bluenote]{border-left-color:var(--era-bluenote)}.glossary-term[data-era=free]{border-left-color:var(--era-free)}.glossary-term[data-era=contemporary]{border-left-color:var(--era-contemporary)}.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}}.hero-skip-button{position:absolute;bottom:2rem;right:2rem;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;z-index:30;transition:all .2s ease;animation:skip-fade-in .5s ease forwards}@keyframes skip-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-skip-button:hover{color:var(--text-primary);background:rgba(255,255,255,.1);border-color:var(--accent-gold)}.hero-skip-button:focus{outline:2px solid var(--accent-gold);outline-offset:2px}@supports (padding-bottom:env(safe-area-inset-bottom)){.staff-progress-mobile{height:calc(4px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0)}.hero-scroll-indicator,.hero-skip-button{bottom:calc(2rem + env(safe-area-inset-bottom, 0px))}.jazz-footer{padding-bottom:calc(4rem + env(safe-area-inset-bottom, 0px))}}