:root{--color-bg: #fff;--color-fg: #0a0a0a;--color-ink-2: #2a2a2a;--color-muted: #555;--color-faint: #888;--color-surface: #f6f6f6;--color-surface-2: #ecebe6;--color-border: #e2e2e2;--color-dark: #0a0a0a;--pillar-timeline: #ff0046;--pillar-people: #00a0ff;--pillar-music: #ff0091;--pillar-culture: #ff6400;--pillar-places: #00ff96;--pillar-play: #afff00;--pillar: var(--pillar-timeline);--pillar-soft: rgba(255, 0, 70, .1);--era-roots-precursors: #c2241c;--era-old-school: #ff6400;--era-golden-age: #ffb900;--era-conscious-wave: #00b86c;--era-coastal-era: #00a0ff;--era-bling-era: #d4a017;--era-southern-takeover: #ff0091;--era-blog-era: #9443ff;--era-conscious-resurgence: #00a0a8;--era-streaming-trap-dominance: #2a7d20;--color-accent: var(--pillar);--color-accent-faint: var(--pillar-soft);--font-display: "Bricolage Grotesque", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--max-text: 720px;--max-wide: 1320px;--radius-1: 4px;--radius-2: 8px}body[data-pillar=timeline]{--pillar: var(--pillar-timeline);--pillar-soft: rgba(255, 0, 70, .1)}body[data-pillar=people]{--pillar: var(--pillar-people);--pillar-soft: rgba( 0, 160, 255, .1)}body[data-pillar=music]{--pillar: var(--pillar-music);--pillar-soft: rgba(255, 0, 145, .1)}body[data-pillar=culture]{--pillar: var(--pillar-culture);--pillar-soft: rgba(255, 100, 0, .1)}body[data-pillar=places]{--pillar: var(--pillar-places);--pillar-soft: rgba( 0, 255, 150, .12)}body[data-pillar=play]{--pillar: var(--pillar-play);--pillar-soft: rgba(175, 255, 0, .14)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--pillar);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--color-fg)}a:focus-visible{outline:2px solid var(--pillar);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--space-3)}h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.03em}h2{font-size:clamp(1.4rem,3vw,1.7rem);margin-top:var(--space-5)}h3{font-size:1.2rem;margin-top:var(--space-4)}h4{font-family:var(--font-mono);font-weight:600;font-size:.78rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em}p{margin:0 0 var(--space-3)}ul,ol{padding-left:var(--space-4);margin:0 0 var(--space-3)}li{margin:var(--space-1) 0}small{color:var(--color-faint)}blockquote{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-left:3px solid var(--pillar);background:var(--pillar-soft);font-style:italic}code,pre{font-family:var(--font-mono);font-size:.92em}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.site-header{position:relative;z-index:10;background:transparent}.site-header:has(+main .chapter-hero:first-child),.site-header.over-hero{background:transparent}.site-header nav{display:flex;flex-wrap:wrap;gap:var(--space-4);max-width:var(--max-wide);margin:0 auto;padding:var(--space-4) var(--space-4);align-items:center;font-size:.92rem;font-weight:500;text-transform:lowercase}.site-header nav a{color:var(--color-fg);text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--pillar)}.site-header nav a.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.3rem;letter-spacing:-.03em;text-transform:lowercase;margin-right:auto;color:var(--color-fg)}.site-header nav a.wordmark:hover{color:var(--color-fg)}.site-header nav a.wordmark .dot{color:var(--pillar)}body:has(main>.chapter-hero:first-child) .site-header nav a,body:has(main>.chapter-hero:first-child) .site-header nav a.wordmark,body:has(main>.era-hero:first-child) .site-header nav a,body:has(main>.era-hero:first-child) .site-header nav a.wordmark{color:#fff}body:has(main>.chapter-hero:first-child) .site-header nav a:not(.wordmark),body:has(main>.era-hero:first-child) .site-header nav a:not(.wordmark){color:#ffffffb3}body:has(main>.chapter-hero:first-child) .site-header nav a:not(.wordmark):hover,body:has(main>.chapter-hero:first-child) .site-header nav a[aria-current=page],body:has(main>.era-hero:first-child) .site-header nav a:not(.wordmark):hover,body:has(main>.era-hero:first-child) .site-header nav a[aria-current=page]{color:#fff}body:has(main>.chapter-hero:first-child) .site-header,body:has(main>.era-hero:first-child) .site-header{position:absolute;top:0;left:0;right:0}body:has(main>.chapter-hero:first-child) .site-main,body:has(main>.era-hero:first-child) .site-main{padding-top:0}.site-main{padding:var(--space-5) var(--space-4);max-width:var(--max-wide);margin:0 auto}.site-main>article,.site-main>section{max-width:var(--max-text)}.site-main>.hero,.site-main>.chapter-hero,.site-main>.era-hero,.site-main>.full-width{max-width:none}body:has(main>.chapter-hero:first-child) .site-main,body:has(main>.era-hero:first-child) .site-main{padding-left:0;padding-right:0;max-width:none}body:has(main>.chapter-hero:first-child) .site-main>.chapter-hero~*,body:has(main>.era-hero:first-child) .site-main>.era-hero~*{max-width:var(--max-wide);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-6) var(--space-4);margin-top:var(--space-7);color:var(--color-muted);font-size:.88rem}.site-footer .footer-inner{max-width:var(--max-wide);margin:0 auto}.site-footer nav{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2);text-transform:lowercase}.site-footer nav a{color:var(--color-muted);text-decoration:none}.site-footer nav a:hover{color:var(--pillar)}.chapter-hero{background:var(--color-dark);color:#fff;padding:160px var(--space-4) 120px;min-height:60vh;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:4px solid var(--pillar)}.chapter-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 18%,var(--pillar-soft),transparent 60%);pointer-events:none}.chapter-hero>.ch-inner{position:relative;max-width:var(--max-wide);margin:0 auto;width:100%}.chapter-hero .ch-breadcrumb{display:flex;gap:10px;font-size:.82rem;color:#ffffff8c;margin-bottom:var(--space-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;align-items:center;flex-wrap:wrap}.chapter-hero .ch-breadcrumb .sep{color:#ffffff59}.chapter-hero .ch-breadcrumb .now{color:var(--pillar)}.chapter-hero .ch-title{font-family:var(--font-display);font-weight:800;font-size:clamp(3.5rem,12vw,10rem);line-height:.9;letter-spacing:-.05em;margin:0 0 var(--space-4);color:#fff}.chapter-hero .ch-title .dot{color:var(--pillar)}.chapter-hero .ch-lede{font-size:clamp(1.05rem,2vw,1.3rem);max-width:680px;color:#ffffffd1;margin:0;line-height:1.5;font-family:var(--font-body);font-weight:400}.chapter-hero.detail{padding:140px var(--space-4) 80px;min-height:50vh}.chapter-hero.detail .ch-title{font-size:clamp(2.4rem,6vw,4.5rem);letter-spacing:-.04em}.h-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:.95}.h-mono{font-family:var(--font-mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted)}.card{border:1px solid var(--color-border);border-radius:var(--radius-2);padding:var(--space-3);background:var(--color-bg)}.card-muted{background:var(--color-surface)}.card[data-era],.tl-card[data-era]{border-left:4px solid var(--color-border);border-radius:var(--radius-1)}.card[data-era=roots-precursors],.tl-card[data-era=roots-precursors]{border-left-color:var(--era-roots-precursors)}.card[data-era=old-school],.tl-card[data-era=old-school]{border-left-color:var(--era-old-school)}.card[data-era=golden-age],.tl-card[data-era=golden-age]{border-left-color:var(--era-golden-age)}.card[data-era=conscious-wave],.tl-card[data-era=conscious-wave]{border-left-color:var(--era-conscious-wave)}.card[data-era=coastal-era],.tl-card[data-era=coastal-era]{border-left-color:var(--era-coastal-era)}.card[data-era=bling-era],.tl-card[data-era=bling-era]{border-left-color:var(--era-bling-era)}.card[data-era=southern-takeover],.tl-card[data-era=southern-takeover]{border-left-color:var(--era-southern-takeover)}.card[data-era=blog-era],.tl-card[data-era=blog-era]{border-left-color:var(--era-blog-era)}.card[data-era=conscious-resurgence],.tl-card[data-era=conscious-resurgence]{border-left-color:var(--era-conscious-resurgence)}.card[data-era=streaming-trap-dominance],.tl-card[data-era=streaming-trap-dominance]{border-left-color:var(--era-streaming-trap-dominance)}.pill{display:inline-block;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:999px;font-size:.88rem;background:var(--color-bg);color:var(--color-fg);text-decoration:none;white-space:nowrap;font-family:var(--font-body)}.pill:hover{background:var(--pillar);color:var(--color-bg);border-color:var(--pillar)}.pill[data-era]{color:#fff;border-color:transparent}.pill[data-era=roots-precursors]{background:var(--era-roots-precursors)}.pill[data-era=old-school]{background:var(--era-old-school)}.pill[data-era=golden-age]{background:var(--era-golden-age);color:#0a0a0a}.pill[data-era=conscious-wave]{background:var(--era-conscious-wave)}.pill[data-era=coastal-era]{background:var(--era-coastal-era)}.pill[data-era=bling-era]{background:var(--era-bling-era);color:#0a0a0a}.pill[data-era=southern-takeover]{background:var(--era-southern-takeover)}.pill[data-era=blog-era]{background:var(--era-blog-era)}.pill[data-era=conscious-resurgence]{background:var(--era-conscious-resurgence)}.pill[data-era=streaming-trap-dominance]{background:var(--era-streaming-trap-dominance)}.pill[data-era]:hover{filter:brightness(1.1)}.chapter-hero .pill{background:#ffffff14;border-color:#ffffff2e;color:#ffffffe0}.chapter-hero .pill:hover{background:var(--pillar);border-color:var(--pillar);color:#fff}.chapter-hero .pill[data-era]{color:#fff}.chapter-hero .pill[data-era=golden-age],.chapter-hero .pill[data-era=bling-era]{color:#0a0a0a}.chapter-hero a:not(.pill){color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff59}.chapter-hero a:not(.pill):hover{text-decoration-color:var(--pillar)}.h-strip{display:flex;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:var(--space-3) 0;margin:0 calc(var(--space-4) * -1);padding-inline:var(--space-4)}.h-strip>*{scroll-snap-align:start;flex:0 0 auto}.h-strip::-webkit-scrollbar{height:8px}.h-strip::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.h-strip::-webkit-scrollbar-track{background:transparent}@media(max-width:480px){:root{--space-4: 16px;--space-5: 24px}body{font-size:15px}.site-header nav{gap:var(--space-2)}.chapter-hero{padding:120px var(--space-3) 80px;min-height:50vh}}@media(prefers-reduced-motion:reduce){.h-strip{scroll-behavior:auto}}