:root{--bg:#fff4e6;--bg-2:#fff;--ink:#1c0f33;--ink-2:#5b4c75;--line:#ecd9f2;--pink:#ff2e88;--cyan:#00b8d9;--violet:#6a2cf5;--orange:#ff7a2f;--yellow:#ffd23f;--night:#170a2e;--link:#c4126a;--shadow:6px 6px 0 var(--ink);--radius:14px;--wrap:1180px;--body:"Rubik", system-ui, sans-serif;--display:"Bungee", "Arial Black", sans-serif;--sunset:linear-gradient(135deg, var(--yellow) 0%, var(--orange) 30%, var(--pink) 62%, var(--violet) 100%);color-scheme:light dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12082a;--bg-2:#1d1040;--ink:#f6eaff;--ink-2:#b9a8d6;--line:#34225e;--cyan:#2be4ff;--link:#ff7ab8;--shadow:6px 6px 0 var(--pink)}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:400 1.06rem/1.7 var(--body);margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--pink)}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;font-weight:400;line-height:1.1}h1{margin:0 0 .4em;font-size:clamp(2rem,5.4vw,3.6rem)}h2{margin:2.2em 0 .6em;font-size:clamp(1.35rem,3vw,1.9rem)}h3{margin:1.6em 0 .4em;font-size:1.15rem}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}.prose{max-width:70ch}.prose h2{padding-left:.7em;position:relative}.prose h2:before{content:"";background:var(--sunset);border-radius:4px;width:.28em;position:absolute;top:.12em;bottom:.12em;left:0}.prose blockquote{border-left:5px solid var(--cyan);background:color-mix(in srgb, var(--cyan) 8%, transparent);margin:1.5em 0;padding:.4em 1.2em;font-style:italic}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.skip{position:absolute;left:-999px}.skip:focus{background:var(--yellow);color:#000;z-index:9;padding:6px 10px;top:8px;left:16px}.site-header{background:var(--night);color:#fff;position:relative}.site-header:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink), var(--orange), var(--yellow));height:6px;display:block}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:14px;padding-bottom:14px;display:flex}.logo{color:#fff;font:400 1.7rem/1 var(--display);text-shadow:3px 3px 0 var(--pink);align-items:center;gap:10px;text-decoration:none;display:flex}.logo:hover{color:#fff}.logo svg{animation:6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.logo svg{animation:none}}.site-header ul{font:500 .98rem var(--body);flex-wrap:wrap;gap:4px 6px;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:#fff;border:2px solid #0000;border-radius:99px;padding:6px 12px;text-decoration:none;display:block}.site-header nav a:hover{border-color:var(--cyan);color:var(--cyan)}.site-header nav a[aria-current]{background:var(--pink);color:#fff}.crumbs{font:500 .88rem var(--body);color:var(--ink-2);flex-wrap:wrap;gap:6px;padding-top:16px;display:flex}.crumbs a{color:var(--ink-2)}main{padding:0 0 72px}main>.wrap:first-child,main>article.wrap:first-child{padding-top:24px}.site-footer{background:var(--night);color:#d9cdf0;font-size:.95rem;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, var(--yellow), var(--orange), var(--pink), var(--violet), var(--cyan));height:6px;display:block}.site-footer a{color:#fff}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:32px;padding-bottom:32px;display:flex}.footer-inner p{max-width:54ch;margin:0}.footer-inner ul{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}.kicker{font:700 .78rem var(--body);text-transform:uppercase;letter-spacing:.14em;color:#fff;background:var(--violet);border-radius:6px;margin:0 0 .9em;padding:4px 10px;display:inline-block}.lead{color:var(--ink-2);max-width:62ch;font-size:1.2rem}.meta{font:500 .9rem var(--body);color:var(--ink-2)}.note{color:var(--ink-2);border-top:2px dashed var(--line);max-width:70ch;margin-top:3em;padding-top:1em;font-size:.92rem}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-title a{font:600 .95rem var(--body)}.btn{font:700 1rem var(--body);color:#1c0f33;background:var(--yellow);border:3px solid #1c0f33;border-radius:10px;padding:12px 20px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block;box-shadow:4px 4px #1c0f33}.btn:hover{color:#1c0f33;transform:translate(-2px,-2px);box-shadow:6px 6px #1c0f33}.btn.alt{background:var(--cyan)}.hero{color:#fff;background:var(--night);isolation:isolate;position:relative;overflow:hidden}.hero-photo{z-index:-2;position:absolute;inset:0}.hero-photo img{object-fit:cover;width:100%;height:100%}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#170a2ef5 0%,#170a2ed1 45%,#6a2cf540 100%),linear-gradient(#0000 50%,#ff2e8859);position:absolute;inset:0}.hero-grid{z-index:-1;transform-origin:bottom;background-image:linear-gradient(#2be4ff8c 2px,#0000 2px),linear-gradient(90deg,#2be4ff8c 2px,#0000 2px);background-size:60px 40px;height:46%;position:absolute;bottom:-10px;left:-50%;right:-50%;transform:perspective(300px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 10%,#000 90%);mask-image:linear-gradient(#0000 10%,#000 90%)}.hero-inner{grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;padding-top:64px;padding-bottom:96px;display:grid}.hero h1{text-shadow:4px 4px 0 var(--pink), 8px 8px 0 #00000059;font-size:clamp(2.2rem,6vw,4.2rem)}.hero h1 em{background:var(--sunset);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .lead{color:#e9defc}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-sun{aspect-ratio:1;background:linear-gradient(180deg, var(--yellow) 0%, var(--orange) 45%, var(--pink) 100%);border-radius:50%;justify-self:center;width:min(340px,80%);position:relative;overflow:hidden;box-shadow:0 0 60px #ff2e888c}.hero-sun:after{content:"";background:repeating-linear-gradient(#0000 0 12px,#170a2e 12px 18px);height:48%;position:absolute;bottom:0;left:0;right:0}.stats{font:500 .95rem var(--body);color:#e9defc;flex-wrap:wrap;gap:10px 26px;margin-top:28px;display:flex}.stats strong{font:400 1.7rem var(--display);color:var(--yellow);display:block}@media (width<=800px){.hero-inner{grid-template-columns:1fr;padding-top:40px;padding-bottom:72px}.hero-sun{display:none}}.memphis{background-color:var(--bg-2);background-image:radial-gradient(circle, color-mix(in srgb, var(--pink) 45%, transparent) 2px, transparent 2.5px), radial-gradient(circle, color-mix(in srgb, var(--cyan) 45%, transparent) 2px, transparent 2.5px);border-block:3px solid var(--ink);background-position:0 0,17px 17px;background-size:34px 34px,34px 34px;margin-top:56px;padding:8px 0 48px}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.card{background:var(--bg-2);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:9px 9px 0 var(--pink);transform:translate(-3px,-3px)}.card-photo{aspect-ratio:16/9;border-bottom:3px solid var(--ink);background:var(--night);position:relative;overflow:hidden}.card-photo img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card-photo:after{content:"";mix-blend-mode:screen;background:linear-gradient(160deg,#ff2e8840,#6a2cf54d);position:absolute;inset:0}.card:hover .card-photo img{transform:scale(1.06)}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.card h3{font:700 1.14rem/1.3 var(--body);margin:0}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:after{content:"";position:absolute;inset:0}.card p{color:var(--ink-2);margin:0;font-size:.96rem}.card .meta{margin-top:auto}.tag{z-index:1;font:700 .72rem var(--body);text-transform:uppercase;letter-spacing:.08em;background:var(--yellow);color:#1c0f33;border:2px solid #1c0f33;border-radius:6px;padding:3px 9px;position:absolute;top:12px;left:12px}.banner{color:#fff;background:var(--night);isolation:isolate;position:relative;overflow:hidden}.banner img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.banner:before{content:"";z-index:-1;background:linear-gradient(#ff2e8840,#170a2e8c 40%,#170a2ef7 92%);position:absolute;inset:0}.banner .wrap{padding-top:120px;padding-bottom:40px}.banner .lead{color:#e9defc}.banner .meta{color:#cdbcf0}.banner .crumbs,.banner .crumbs a{color:#e2d6fb;margin-bottom:18px;padding-top:0}.article-body{padding-top:32px}.photo-credit{color:#cdbcf0;margin:18px 0 0;font-size:.8rem}.disc-head{grid-template-columns:auto 1fr;align-items:center;gap:32px;padding-top:24px;display:grid}.disc{--hue:320;aspect-ratio:1;width:210px;box-shadow:8px 8px 0 var(--pink);background:radial-gradient(circle,#111 0 3%,#0000 3.2%),radial-gradient(circle,#0000 0 34%,#0d0d12 34.5%),repeating-radial-gradient(circle,#15151c 0 2px,#22222c 2px 3px);border-radius:50%;place-items:center;animation:9s linear infinite spin;display:grid;position:relative}.disc:before{content:"";background:conic-gradient(from 0deg, hsl(var(--hue) 95% 60%), hsl(calc(var(--hue) + 60) 95% 55%), hsl(var(--hue) 95% 60%));border-radius:50%;width:68%;height:68%;position:absolute;-webkit-mask:radial-gradient(circle,#0000 0 7%,#000 7.5%);mask:radial-gradient(circle,#0000 0 7%,#000 7.5%)}.disc span{font:400 2rem var(--display);color:#fff;text-shadow:2px 2px #00000080;position:relative}@media (prefers-reduced-motion:reduce){.disc{animation:none}}@media (width<=640px){.disc-head{grid-template-columns:1fr}.disc{width:150px}}.letters{flex-wrap:wrap;gap:8px;margin:1em 0 2em;padding:0;list-style:none;display:flex}.letters a{border:2px solid var(--ink);min-width:2.5em;height:2.5em;font:400 .95rem var(--display);color:var(--ink);background:var(--bg-2);box-shadow:3px 3px 0 var(--ink);border-radius:8px;place-items:center;padding:0 .45em;text-decoration:none;display:inline-grid}.letters a:hover{background:var(--cyan);color:#1c0f33}.letters a[aria-current]{background:var(--pink);color:#fff}.artist-index{columns:3 260px;column-gap:36px}.artist-entry{break-inside:avoid;margin:0 0 1.4em;scroll-margin-top:20px}.artist-entry h2{font:700 1.1rem var(--body);margin:0 0 .15em}.artist-entry h2 a{color:var(--link)}.artist-entry ul{color:var(--ink-2);margin:0;padding-left:1.1em;font-size:.93rem}.artist-entry ul a{color:inherit}.artist-entry:target h2{background:var(--yellow);color:#1c0f33;display:inline}.facts{background:var(--bg-2);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;padding:16px 20px;display:grid}.facts dt{font:700 .85rem var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--violet)}.facts dd{margin:0}.tracklist{counter-reset:piste;max-width:76ch;padding:0;list-style:none}.tracklist li{counter-increment:piste;border-bottom:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:7px 0;scroll-margin-top:20px;display:flex}.tracklist li:before{content:counter(piste, decimal-leading-zero);font:400 .8rem var(--display);color:var(--pink);min-width:2.2em}.tracklist li>span:first-of-type{flex:1}.tracklist li:target{background:color-mix(in srgb, var(--yellow) 35%, transparent)}.tracklist .y{font:500 .9rem var(--body);color:var(--ink-2)}.years{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:0;list-style:none;display:grid}.years a{text-align:center;border:2px solid var(--ink);background:var(--bg-2);color:var(--ink);font:400 1.05rem var(--display);box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:10px 0;text-decoration:none;display:block}.years a small{font:400 .75rem var(--body);color:var(--ink-2);display:block}.years a:hover{background:var(--pink);color:#fff}.years a:hover small{color:#fff}.decades{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;padding:0;list-style:none;display:grid}.decades a{border-radius:var(--radius);border:3px solid var(--ink);box-shadow:var(--shadow);color:#fff;font:400 1.5rem var(--display);text-shadow:2px 2px #00000059;background:var(--sunset);padding:22px 18px;text-decoration:none;display:block}.decades li:nth-child(2n) a{background:linear-gradient(135deg, var(--cyan), var(--violet))}.decades li:nth-child(3n) a{background:linear-gradient(135deg, var(--pink), var(--orange))}.decades a small{font:500 .9rem var(--body);text-shadow:none;opacity:.95;display:block}.decades a:hover{transform:translate(-2px,-2px)}.credits-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:0;list-style:none;display:grid}.credits-list img{border:2px solid var(--ink);aspect-ratio:16/10;object-fit:cover;border-radius:10px;width:100%}.credits-list p{color:var(--ink-2);margin:6px 0 0;font-size:.88rem}.fiche-card-disc{border-bottom:3px solid var(--ink);background:linear-gradient(135deg, var(--night), #3a1478);place-items:center;padding:22px 0 14px;display:grid}.disc-sm{width:120px;box-shadow:5px 5px 0 var(--cyan)}.disc-sm span{font-size:1.3rem}.card:hover .disc{animation-duration:2s}.portraits{grid-template-columns:repeat(4,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}@media (width<=900px){.portraits{grid-template-columns:repeat(3,1fr)}}.portrait-link{color:var(--ink);text-decoration:none;display:block}.portrait-photo{aspect-ratio:4/5;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--night);transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.portrait-photo img{object-fit:cover;object-position:center 25%;filter:saturate(1.1)contrast(1.05);width:100%;height:100%}.portrait-photo:after{content:"";background:linear-gradient(#0000 55%,#170a2ed9 100%),linear-gradient(160deg,#ff2e882e,#2be4ff1f);position:absolute;inset:0}.portrait-link:hover .portrait-photo{box-shadow:9px 9px 0 var(--cyan);transform:translate(-3px,-3px)rotate(-1deg)}.portrait-name{font:400 1.1rem var(--display);margin-top:12px;display:block}.portrait-link:hover .portrait-name{color:var(--pink)}.portrait-meta{color:var(--ink-2);font-size:.88rem;display:block}.portrait-credit{color:var(--ink-2);margin-top:4px;font-size:.7rem;line-height:1.4;display:block}.portrait-credit a{color:inherit}.fiche-portrait{width:230px}.fiche-portrait .portrait-photo{transform:rotate(-2deg)}@media (width<=640px){.portraits{grid-template-columns:repeat(2,1fr);gap:16px}}
