@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#141414;--paper:#f3eddf;--paper-2:#e7deca;--orange:#ff5a24;--acid:#c7f000;--violet:#5636d8;--cyan:#20c7c4;--line:rgba(20,20,20,.18);--shadow:8px 8px 0 var(--ink);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.55}button,input,select{font:inherit}a{color:inherit}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;color:#fff;background:var(--ink)}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:12px clamp(18px,4vw,62px);background:rgba(243,237,223,.94);border-bottom:2px solid var(--ink);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand>span:last-child{display:grid;line-height:.88}.brand b{font-size:1.45rem;letter-spacing:-.07em}.brand small{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em}.brand-mark{display:flex;gap:3px;align-items:end;width:39px;height:38px;padding:6px;background:var(--ink)}.brand-mark i{display:block;width:5px;background:var(--acid);animation:meter 1.8s ease-in-out infinite alternate}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:23px;animation-delay:-.7s}.brand-mark i:nth-child(3){height:16px;animation-delay:-1.2s}.brand-mark i:nth-child(4){height:27px;animation-delay:-.3s}@keyframes meter{to{height:6px}}nav{display:flex;gap:clamp(12px,2.4vw,34px)}nav a{font-family:var(--mono);font-size:.78rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}.header-actions{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}.language-switcher{display:flex;align-items:center;gap:5px;padding-left:14px;border-left:1px solid var(--line);font:500 .62rem var(--mono);letter-spacing:.08em}.language-switcher a{text-decoration:none;opacity:.65}.language-switcher a:hover,.language-switcher a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:4px}.language-switcher a[aria-current=page]{opacity:1;font-weight:700}.language-switcher span{opacity:.3}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:760px;border-bottom:2px solid var(--ink)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(64px,9vw,140px) clamp(24px,7vw,110px)}.kicker{margin:0 0 16px;font:500 .72rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:850px;margin:0;font-size:clamp(3.6rem,7.7vw,8.5rem);line-height:.84;letter-spacing:-.082em}.hero-lede{max-width:740px;margin:34px 0 0;font-size:clamp(1.05rem,1.5vw,1.35rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 19px;border:2px solid var(--ink);font:600 .78rem var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer}.button.primary{color:#fff;background:var(--ink);box-shadow:5px 5px 0 var(--orange)}.button.ghost{color:var(--ink);background:transparent}.button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.hero-machine{position:relative;display:grid;place-items:center;min-height:650px;overflow:hidden;color:#fff;background:var(--violet);border-left:2px solid var(--ink)}.signal-sun{width:min(31vw,440px);aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;background:repeating-linear-gradient(0deg,var(--orange) 0 10px,#ffb800 10px 18px);box-shadow:20px 20px 0 var(--ink)}.orbit{position:absolute;border:2px solid var(--acid);border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:80%;height:28%}.orbit-b{width:55%;height:78%;border-color:var(--cyan);transform:rotate(38deg)}.wave-lines{position:absolute;inset:55% 0 0;background:repeating-linear-gradient(0deg,transparent 0 16px,rgba(199,240,0,.8) 17px 19px);transform:perspective(240px) rotateX(52deg);transform-origin:bottom}.hero-machine p{position:absolute;right:28px;bottom:28px;display:grid;margin:0;text-align:right;font-family:var(--mono)}.hero-machine p span{font-size:.66rem;letter-spacing:.2em}.hero-machine p strong{font-size:2.7rem;line-height:1}.hero-machine p small{font-size:.62rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid var(--ink)}.stats article{display:grid;padding:28px clamp(18px,3vw,46px);border-right:1px solid var(--ink)}.stats article:last-child{border:0}.stats strong{font-size:clamp(2.1rem,4vw,4.6rem);line-height:1;letter-spacing:-.07em}.stats span{margin-top:7px;font:.7rem var(--mono);text-transform:uppercase;letter-spacing:.1em}
.section{padding:clamp(76px,9vw,140px) clamp(20px,5vw,78px);border-bottom:2px solid var(--ink)}.section-heading{margin-bottom:46px}.section-heading h2{max-width:1000px;margin:0;font-size:clamp(2.6rem,5.5vw,6.4rem);line-height:.92;letter-spacing:-.07em}.split-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:48px;align-items:end}.split-heading>p{margin:0;font-size:1.05rem}.movement-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink)}.movement-grid article{min-height:330px;padding:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.movement-grid article:nth-child(3n){border-right:0}.movement-grid article:nth-last-child(-n+3){border-bottom:0}.movement-grid article:nth-child(2){background:var(--acid)}.movement-grid article:nth-child(4){background:var(--orange)}.movement-grid article:nth-child(6){color:#fff;background:var(--violet)}.movement-grid span{font:500 .75rem var(--mono)}.movement-grid h3{margin:55px 0 14px;font-size:1.65rem;line-height:1.08;letter-spacing:-.04em}.movement-grid p{margin:0}.timeline-section{color:#fff;background:var(--ink)}.timeline{display:grid;grid-template-columns:repeat(10,minmax(115px,1fr));overflow-x:auto;border:1px solid rgba(255,255,255,.4)}.timeline article{min-height:410px;padding:20px 16px;border-right:1px solid rgba(255,255,255,.3)}.timeline article:last-child{border:0}.timeline button{width:100%;padding:0;color:inherit;background:none;border:0;text-align:left;cursor:pointer}.timeline time{font:500 1.8rem var(--mono);color:var(--acid)}.timeline h3{margin:110px 0 12px;font-size:1rem}.timeline p{font-size:.82rem;color:#cbc8c0}.timeline .year-count{display:block;margin-top:18px;color:var(--cyan);font:500 .66rem var(--mono)}
.archive-section{background:#f8f4e9}.filters{display:grid;grid-template-columns:2fr repeat(5,minmax(130px,1fr));gap:0;border:2px solid var(--ink);box-shadow:var(--shadow)}.filters label{display:grid;align-content:center;min-height:86px;padding:10px 14px;background:var(--paper);border-right:1px solid var(--ink)}.filters label span{margin-bottom:5px;font:500 .6rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.filters input,.filters select{width:100%;min-width:0;padding:4px 0;background:transparent;border:0;border-bottom:1px solid var(--ink);outline:none}.filters input:focus,.filters select:focus{border-bottom:4px solid var(--violet)}.reset-button{grid-column:1/-1;padding:9px;background:var(--ink);color:#fff;border:0;font:.66rem var(--mono);text-transform:uppercase;cursor:pointer}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:48px 0 20px}.results-bar p{font:500 .75rem var(--mono);text-transform:uppercase}.view-switch{display:flex}.view-switch button{padding:7px 12px;border:1px solid var(--ink);background:transparent;font:.68rem var(--mono);text-transform:uppercase;cursor:pointer}.view-switch button[aria-pressed=true]{color:#fff;background:var(--ink)}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.artist-card{position:relative;display:grid;grid-template-rows:auto 1fr;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transition:transform .18s}.artist-card:hover{box-shadow:10px 10px 0 var(--violet)}.artist-art{position:relative;aspect-ratio:1.25;overflow:hidden;border-bottom:2px solid var(--ink);background:var(--art-a)}.artist-art svg{width:100%;height:100%;display:block}.artist-rank{position:absolute;z-index:2;top:10px;left:10px;padding:5px 8px;color:#fff;background:var(--ink);font:.65rem var(--mono)}.preview-badge{position:absolute;z-index:2;right:10px;bottom:10px;padding:5px 8px;color:var(--ink);background:var(--acid);border:1px solid var(--ink);font:600 .61rem var(--mono);text-transform:uppercase}.artist-info{display:grid;grid-template-rows:auto auto 1fr auto;min-height:250px;padding:18px}.artist-info h3{margin:0;font-size:1.35rem;line-height:1.05;letter-spacing:-.04em}.artist-meta{margin:8px 0;font:.65rem var(--mono);text-transform:uppercase;color:#514e48}.artist-release{margin:16px 0;font-size:.9rem}.artist-release strong{display:block}.tag-row{display:flex;flex-wrap:wrap;gap:6px;align-content:end}.tag{padding:4px 7px;border:1px solid var(--ink);font:.58rem var(--mono);text-transform:uppercase}.open-profile{align-self:end;margin-top:16px;padding:10px 12px;color:#fff;background:var(--ink);border:2px solid var(--ink);font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.open-profile:hover{color:var(--ink);background:var(--acid)}.open-profile:focus-visible{outline:5px solid var(--cyan);outline-offset:3px}.artist-card.is-featured .artist-info{border-top:7px solid var(--orange)}.load-more-wrap{text-align:center;margin-top:44px}.artist-grid.list-view{display:grid;grid-template-columns:1fr;gap:10px}.list-view .artist-card{grid-template-columns:170px 1fr;grid-template-rows:1fr;min-height:150px}.list-view .artist-art{aspect-ratio:auto;border:0;border-right:2px solid var(--ink)}.list-view .artist-info{min-height:150px;grid-template-columns:1.1fr .8fr 1fr;grid-template-rows:auto auto;gap:8px 20px}.list-view .artist-release{margin:0}.list-view .tag-row{grid-column:1/-1}.method{background:var(--cyan)}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);border:2px solid var(--ink)}.method-grid article{padding:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.method-grid article:nth-child(even){border-right:0}.method-grid article:nth-last-child(-n+2){border-bottom:0}.method-grid h3{font-size:1.5rem;margin:0 0 12px}.method-grid p{margin:0}.method-grid ul{padding-left:18px}.local-note{margin:26px 0 0;padding:16px;border:2px solid var(--ink);font-family:var(--mono);background:var(--paper)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:54px clamp(20px,5vw,78px);color:#fff;background:var(--ink)}footer p{margin:0;font-size:.82rem}.footer-brand{color:#fff}
#artist-dialog{width:min(970px,calc(100vw - 30px));max-height:calc(100vh - 30px);padding:0;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--orange)}#artist-dialog::backdrop{background:rgba(20,20,20,.8);backdrop-filter:blur(4px)}.dialog-close{position:absolute;z-index:4;top:12px;right:12px;width:44px;height:44px;color:#fff;background:var(--ink);border:0;font-size:1.7rem;cursor:pointer}.dialog-layout{display:grid;grid-template-columns:minmax(290px,.42fr) minmax(0,.58fr)}.dialog-side{padding:24px;background:var(--violet);border-right:2px solid var(--ink)}.dialog-side .artist-art{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.dialog-main{padding:clamp(28px,5vw,62px)}.dialog-main .kicker{padding-right:48px}.dialog-main h2{margin:0;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.88;letter-spacing:-.07em}.dialog-byline{font:.75rem var(--mono);margin:18px 0 30px}.dialog-history{font-size:1.04rem}.source-note{padding:12px;border-left:4px solid var(--orange);background:var(--paper-2);font-size:.78rem}.release-panel{margin-top:26px;padding-top:22px;border-top:2px solid var(--ink)}.release-panel h3{margin:0 0 10px}.release-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}.release-links a{font:.68rem var(--mono)}.preview-list{display:grid;gap:12px;margin-top:22px}.preview-list .audio-panel{margin-top:0}.sample-number{display:inline-block;min-width:2.4em;margin-right:7px;color:var(--acid);font:500 .68rem var(--mono)}.audio-panel{margin-top:22px;padding:18px;background:var(--ink);color:#fff}.audio-panel p{margin:0 0 10px;font-size:.8rem}.audio-panel audio{width:100%}.audio-panel small{display:block;margin-top:8px;color:#c9c5bd}.no-history{color:#625f58;font-style:italic}.toast{position:fixed;z-index:90;left:50%;bottom:20px;transform:translate(-50%,160%);padding:12px 18px;color:#fff;background:var(--ink);border:2px solid var(--acid);font:.72rem var(--mono);transition:.25s}.toast.show{transform:translate(-50%,0)}
@media(max-width:1150px){.hero{grid-template-columns:1fr}.hero-machine{min-height:540px;border-left:0;border-top:2px solid var(--ink)}.signal-sun{width:min(55vw,420px)}.filters{grid-template-columns:repeat(3,1fr)}.filters label:nth-of-type(3){border-right:0}.artist-grid{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:repeat(10,150px)}}
@media(max-width:820px){.site-header{align-items:flex-start}.header-actions{align-items:flex-start}.site-header nav{display:grid;grid-template-columns:repeat(2,auto);gap:4px 18px}.hero{min-height:0}.hero-copy{padding-top:80px;padding-bottom:80px}.stats{grid-template-columns:repeat(2,1fr)}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--ink)}.split-heading{grid-template-columns:1fr}.movement-grid{grid-template-columns:repeat(2,1fr)}.movement-grid article:nth-child(3n){border-right:1px solid var(--ink)}.movement-grid article:nth-child(even){border-right:0}.movement-grid article:nth-last-child(-n+3){border-bottom:1px solid var(--ink)}.movement-grid article:nth-last-child(-n+2){border-bottom:0}.artist-grid{grid-template-columns:repeat(2,1fr)}.dialog-layout{grid-template-columns:1fr}.dialog-side{border-right:0;border-bottom:2px solid var(--ink)}footer{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.method-grid article,.method-grid article:nth-child(even){border-right:0;border-bottom:1px solid var(--ink)}.method-grid article:last-child{border-bottom:0}}
@media(max-width:580px){.site-header{position:relative;min-height:74px;gap:10px}.header-actions{gap:10px}.language-switcher{padding-left:8px}.brand-mark{display:none}.site-header nav{font-size:.7rem}.hero h1{font-size:3.6rem}.hero-machine{min-height:420px}.signal-sun{width:70vw}.stats strong{font-size:2.4rem}.section{padding-left:16px;padding-right:16px}.movement-grid{grid-template-columns:1fr}.movement-grid article,.movement-grid article:nth-child(3n),.movement-grid article:nth-child(even),.movement-grid article:nth-last-child(-n+2){min-height:260px;border-right:0;border-bottom:1px solid var(--ink)}.movement-grid article:last-child{border-bottom:0}.movement-grid h3{margin-top:36px}.filters{grid-template-columns:1fr;box-shadow:5px 5px 0 var(--ink)}.filters label{border-right:0;border-bottom:1px solid var(--ink)}.artist-grid{grid-template-columns:1fr}.artist-grid.list-view .artist-card{grid-template-columns:110px 1fr}.list-view .artist-info{display:grid;grid-template-columns:1fr;grid-template-rows:auto;min-height:190px}.list-view .artist-release,.list-view .tag-row{grid-column:1}.dialog-side{padding:16px}.dialog-main{padding:28px 20px}.results-bar{align-items:flex-end}.view-switch button{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.brand-mark i{animation:none}.artist-card,.button,.toast{transition:none}}